/*!
Theme Name: Sthal
Theme URI: https://branduostudio.com/
Author: Branduo Studio
Author URI: https://branduostudio.com/
Description: Sthal is a modern generation marathi matrimony with core traditional values
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sthal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sthal is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif !important;
    color: #444;
}

.text-gray { color: #444 !important; }
.text-black { color: #000 !important; }
.text-underline, .text-underline:hover { text-decoration: underline !important; }

button:focus { box-shadow: none !important; }

.a2a_vertical_style { display: none; }
.page-template-template-blog .a2a_vertical_style,
.single-post .a2a_vertical_style { display: block; }

a.mega-menu-link {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

div#RegForm .modal-dialog {
    background-image: url(images/form-bg.jpg);
}

div#offer .modal-dialog {
    max-width: 800px;
}

a.btn_offer {
    display: none;
}
div#offer {
    z-index: 999999;
}
a.btn-offer-reg {
    background-color: #dc2597;
    color: #fff;
    padding: 6px 18px;
    border-radius: 5px;
    padding: 9px 18px;

}
a.btn-offer-reg:hover { color: #fff; }

div#offer .modal-header .close {
    opacity: 1;
    position: relative;
    padding: 5px 5px;
}
div#offer .modal-header {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    border: 0;
}
div#offer .modal-body {
    padding: 0;
}


.msplans .card.other-plan p.small.quote {
    position: relative;
    display: inline-block;
    bottom: 10px;
}


/* Header */

header {
    background-color: transparent;
    padding: 15px 0;
    transition: 0.5s;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
}
header#header .container { position: relative; }
button:focus { outline: none !important; }

header#header.fixed {
    z-index: 999999;
    padding: 0;
    top: 0;
    transition: 0.5s;
    background-color: #223869 /*#4d008c*/;
}

a:hover { text-decoration: none !important; }

ul#menu-top-menu li a { color: #fff; padding: 0 20px; }
ul.dropdown-menu li a { color: #000 !important; }
a.btn_registration {
    flex-grow: 0;
    margin-left: 0;
    padding: 8px 25px 9px 26px;
    border-radius: 40px;
    background-color: #dc2597;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 500;
}
a.btn_registration:hover { color: #fff; text-decoration: none; background-color: #C8027D; }
a.btn_registration i { position: relative; left: 4px; transition: 1s; }
a.btn_registration:hover i { left: 12px; transition: 1s; }

.joinchat__button {
    bottom: 105px !important;
}

/* Main Banner */
.main-banner { 
	background-image: url(images/slider/main-banner-bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
    color: #fff;
}

.main-banner .carousel-item {
    display: flex !important;
    align-items: center;
    height: 100vh;
}
.main-banner .carousel-control-next, .main-banner .carousel-control-prev {
    width: 8%;
    opacity: 1;
        display: none;
}

.carousel-item.active .banner-content {
    transition: 1s;
    top: 0;
    opacity: 1;
}
.banner-content {
    margin-top: 7em;
    position: relative;
    top: 3em;
    transition: 1s;
    opacity: 0;
}

.carousel-item.active .banner-img-content{
    transition: 1s;
    top: 0;
    opacity: 1;
}
.banner-img-content {
    position: relative;
    top: 3em;
    transition: 1s;
    opacity: 0;
}


.banner-content h1 { line-height: 55px; margin-bottom: 0; font-weight: 700; font-size: 2.5rem; }
.banner-content p.font-weight-bold { font-weight: 500; font-family: 'Poppins', sans-serif !important; }
.banner-content p { margin-bottom: 0; padding: 20px 0; font-family: Lato; }
a.download-app-btn {
    color: #fff;
    border: 1px solid #bfbfbf;
    padding: 9px 22px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: 14px;
    height: 42px;
}
.d-flex.dasv {
    align-items: baseline;
}
a.see-video, a.see-video:hover {
    color: #fff;
}
a.see-video i.fa.fa-play {
    font-size: 14px;
    color: #570489;
    border: 1px solid;
    width: 22px;
    height: 22px;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


/*a.download-app-btn:hover { color: #fff; }
a.download-app-btn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #dc2597;
	transition: 1s;
	z-index: -1;
}
a.download-app-btn:hover:after { width: 100%; transition: 1s; z-index: -1; }*/

.main-banner .banner-content a.download-app-btn {
    border-radius: 5px;
    transition: 1s;
}
.main-banner .banner-content a.download-app-btn:hover {
    background-color: #dc2597;
    color: #fff;
    transition: 1s;
}
.main-banner .banner-content a.download-app-btn:after {
    border-radius: 15px;
}


a.download-google-play {
    color: #fff;
    /*background-color: #dc2597;*/
    /*padding: 5px 15px;*/
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 99;
}
a.download-google-play:hover { color: #fff; }



/* Community Search */
.community-search .col {
    flex-grow: unset;
}
.community-search h5 {
    width: 80px;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}
section.section-padding.community-search p {
    font-family: Lato;
    color: #444;
    font-weight: normal;
}




section.section-padding.our-history h5 {
    font-weight: 300;
    color: #959595;
    text-transform: uppercase;
}

section.section-padding.animated-fun {
    background-color: #ffebf8;
}
section.section-padding.animated-fun .card {
    border-radius: 15px;
    border: 0;
}
section.section-padding.animated-fun .card p,
.about-section-three .card p { margin-bottom: 0; }
section.section-padding.about-section-three .card.mb-4.p-5 {
    padding: 2.5rem !IMPORTANT;
    border-radius: 5px;
}

.related-blogs .card .card-body .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 40%);
    opacity: 0;
    transition: 1s;
}
.related-blogs .card:hover .card-body .overlay {
    opacity: 1;
    transition: 1s;
}
.related-blogs .card a.btn.btn-readmore {
    background-color: #dc2597;
    color: #fff !IMPORTANT;
    border-radius: 0;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    width: max-content;
    margin: 0 auto;
    padding: 8px 20px;
    transition: 1s;
    opacity: 0;
}
.related-blogs .card:hover a.btn.btn-readmore {
    top: 30%;
    transition: 1s;
    opacity: 1;
}




/* Counter */

.counter { background-color: #ffebf8; }
.counter-wrapper.d-flex {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.counter h4 {
    font-weight: 600;
    color: #444;
    font-size: 44px;
}
.counter-wrapper.first h4 {
    position: relative;
    left: -7px;
}
.counter-wrapper.third h4 {
    position: relative;
    right: -10px;
}
.counter p {
    color: #444;
    line-height: 22px;
}

div#RegForm .modal-dialog .modal-content {
    /*background-image: url(images/form-bg.jpg);*/
    background-image: linear-gradient(to right, #66068e 0%, #dc2597 109%);
    background-size: cover;
    background-position: center;
}
#RegForm .modal-header h4.modal-title {
    color: #fff;
}
#RegForm .modal-header {
    background-color: transparent;
}
#RegForm button.close {
    border: 3px solid #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 15px;
    position: relative;
    top: 15px;
    font-size: 30px;
    opacity: 1;
}
div#RegForm .modal-dialog .modal-content .modal-body {
    padding: 2em 2em 1em;
}
#RegForm button.close span {
    position: relative;
    top: -2px;
    color: #fff;
}
#RegForm button.forminator-button.forminator-button-submit {
    float: right;
}


/* Features */
#feature a.btn-now-more {
    background-color: #dc2597;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 600;
    height: 42px;
    display: inline-block;
}
#feature a.btn-now-more:hover,
#plans a.btn-register-now:hover,
a.view-blog-btn:hover,
.msplans .card a.get-started-btn:hover,
.morya-contest a.btn-now-more:hover,
.past-contest a.btn-now-more:hover,
#profileFilter input#searchProfile:hover,
.blog-listing .card a.btn.btn-readmore:hover,
.page-template-template-contact a.btn-now-more:hover { background-color: #C8027D; }

.section-padding { padding: 4em 0; }
h1.section-title, h2.section-title { color: #4d008c; font-weight: 600; font-family: 'Poppins', sans-serif !important; }
h5.subtitle { color: #959595; font-family: Poppins; font-size: 18px; font-family: 'Lato', sans-serif;  width: auto; }

#feature img.heart-line { position: absolute; right: -22%; top: 30%; }
#feature .card p { font-size: 18px; line-height: 24px; font-weight: 700; color: #444; font-family: 'Lato', sans-serif; }

/* Testimonials */
#testimonials {
    padding-bottom: 0;
}
#testimonials .owl-nav .owl-prev, 
#testimonials .owl-nav .owl-next { position: absolute; top: 40%; }
#testimonials .owl-nav .owl-prev { left: -60px; }
#testimonials .owl-nav .owl-next { right: -60px; }
#testimonials .owl-nav .fa { color: #4d008c; font-size: 1.8rem; }

#testimonials .item p {
    padding: 10px 0;
    margin: 0;
    color: #444;
    font-weight: 600;
    font-size: 18px;
}
/*#testimonials .item a { overflow: hidden; border-radius: 8px; display: inline-block; }*/
#testimonials .item img { transition: 1s; transform: scale(1) }
#testimonials .item img:hover { transform: scale(1); transition: 1s; }

#testimonials .owl-item .item .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
#testimonials .owl-item .item .overlay i.fa.fa-youtube-play {
    color: #fff;
    font-size: 2.5rem;
}


/* Process */
#process p {
    color: #444;
    font-family: Lato;
}
#process p.sub-title { color: #444; }
#process h4 { color: #444; font-weight: 600; font-size: 28px; }
#process img.process-arrow {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


/* Plans */

#plans {
	background-image: url(images/plan-img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
#plans p {
    font-weight: 400;
    width: 350px;
    font-family: 'Lato', sans-serif;
}

#plans a.btn-register-now {
    background-color: #dc2597;
    color: #fff;
    padding: 8px 15px;
    margin-top: 18px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    height: 42px;
}

.morya-contest a.btn-now-more,
.past-contest a.btn-now-more {
    margin: 0 auto;
    display: inline-block;
    background-color: #dc2597;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 1px solid #dc2597;
        text-transform: capitalize;
}
/*a.btn-now-more:hover { color: #dc2597; }
a.btn-now-more:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 1s;
    background-color: #fff;
    width: 0%;
    border-radius: 3px;
    z-index: -1;
}

a.btn-now-more:hover:after { width: 100%; transition: 1s; }
*/

/* Happy Stories */
section#happy-stories p {
    font-family: Lato;
    color: #444;
}
#happy-stories .card h5 {
    color: #444;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}
#happy-stories .card p {
    font-family: 'Lato', sans-serif;
    color: #444;
}

/* Home Blog */

.home-blog {
    background-image: url(images/blog-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4em 0;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}
.home-blog p {
    font-family: Lato;
}
a.view-blog-btn {
    display: inline-block;
    background-color: #dc2597;
    color: #fff;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 5px;
    height: 42px;
}
a.view-blog-btn:hover { color: #fff; }


/* Why Sthal from Home Page */

#why-sthal { background-color: #ffebf8; }

#why-sthal .card .card-footer h5 {
    font-size: 18px;
    font-weight: 600;
    color: #444;
}
#why-sthal .card .card-footer p {
    font-family: Lato;
    font-size: 16px;
    color: #444;
}

#why-sthal .owl-nav button:hover { background-color: transparent !important; }
#why-sthal .card {
    box-shadow: 1px 8px 14px rgb(0 0 0 / 2%);
    margin: 2em 0;
    transition: 1s;
}
#why-sthal .card:hover { box-shadow: 1px 8px 14px rgb(0 0 0 / 9%); transition: 1s; cursor: pointer; }
#why-sthal .card .card-footer {
    /*min-height: 175px;*/
}
#why-sthal .owl-nav.disabled {
    display: block;
}
#why-sthal button {
    position: absolute;
    top: 40%;
}
#why-sthal button.owl-next {
    right: -55px;
}
#why-sthal button.owl-prev {
    left: -55px;
}
#why-sthal button i.fa {
    font-size: 2rem;
    color: #4d008c;
}

.w-40 { width: 40% !important; }

#download-app {
    background-image: linear-gradient(to right, #66068e 0%, #dc2597 109%);
    color: #fff;
}
input#sms_send_btn {
    background-color: #dc2597;
    border: 0;
    padding: 9.5px 13px;
    color: #FFF;
    text-transform: uppercase;
    position: relative;
    right: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-family: Lato;
}
#download-app-2 a {
    color: #444;
}
input#phone {
    padding: 20px 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
img.mobile-download {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#download-app-2 { background-color: #fff; }




/* Membership Plans */
.no-d-flex { display: block !important; }

.section-padding.msplans {
    padding: 9em 0;
}
.msplans .card .col-md-7 {
    position: relative;
}
.msplans .card .col-md-7:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #fff;
}

.section-padding.msplans .col-lg-6.col-no-6 .card .col-md-7:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #fff;
}
.section-padding.msplans .col-lg-6.col-no-6 .card .col-md-7:before,
.section-padding.msplans .col-lg-6.col-no-7 .card .col-md-7:before {
    top: 40px;
    bottom: 40px;
}

.msplans .card {
    background-color: #ffebf8;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5em 27px 1em;
    position: relative;
    justify-content: center;
    margin-top: 8em;
    min-height: 370px;
}
.msplans .card.plan-1, .msplans .card.plan-2 {
    margin-top: 0;
}
.msplans .combo-plan .card {
    background-color: #dc2597;
    color: #fff;
}
.msplans .card.plan-5 p,
.msplans .card.plan-5 h2 {
    color: #fff !important;
}
.msplans .card.plan-5 p.para {
    font-weight: 400;
}


.msplans .card.combo-plan h2,
.msplans .card.combo-plan p,
.msplans .card.combo-plan ul li
.msplans .card.combo-plan a { color: #fff !important; }

.msplans .card.combo-plan p.para,
.msplans .card.combo-plan p.small.quote {
    font-weight: 200;
}

.msplans .combo-plan .card a.get-started-btn {
    border: 1px solid;
}

.msplans .card.video { position: relative; }
.msplans .card.video img {
    height: 505px;
    object-fit: cover;
}
.msplans .card.video img.play-icon {
    position: absolute;
    width: 70px !important;
    left: 0;
    right: 0;
    top: 40%;
    bottom: auto !important;
    height: auto !important;
    margin: 0 auto;
    z-index: 99;
}


.msplans .card img.msplans-icon {
    position: absolute;
    top: -50px;
    left: 45px;
}
.msplans .card p { font-size: 14px; color: #444444; font-weight: 500; }
.msplans .card p.plan-title {
    color: #444444;
    text-transform: uppercase;
    font-weight: 600;
}
.msplans .card h2.plan-price i.fa {
    font-size: 40px;
}
.msplans .card h2.plan-price {
    color: #4d008c;
    font-size: 44px;
    font-weight: 700;
}
.msplans .card p.small.quote {
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.msplans .card ul {
    padding-left: 15px;
    font-size: 14px;
}
.msplans .card ul li {
    margin-bottom: 10px;
    line-height: 18px;
}

.msplans .card a.get-started-btn {
    background-color: #dc2597;
    padding: 8px 10px;
    height: 42px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-top: 15px;
    border-radius: 5px;
    cursor: pointer;
}
div#RegForm {
    z-index: 9999;
}


/* Why Sthal */
.why-sthal-section h5.section-sub-title {
    color: #959595;
    font-weight: 400;
    margin-top: 15px;
    font-size: 1.125rem;
}
.why-sthal-section .card { position: relative; transition: 0.5s; margin-bottom: 25px; height: 92%; border-color: #dadada; }
.why-sthal-section .card:hover { box-shadow: 2px 8px 13px rgb(0 0 0 / 17%); transition: 0.5s; }
.why-sthal-section .card .card-body { padding: 2rem; }
.why-sthal-section .card .card-body p { margin-bottom: 0; color: #444444; }
.why-sthal-section .card .card-body h4 { font-weight: 600; color: #444444; font-size: 1.25rem; }

.six-level-verification { background-color: #ffebf8; }

.six-level-verification .accordion .card h2.collapsed {
    background-image: url(images/why-sthal/arrow-down.png);
}
.six-level-verification .accordion .card h2 {
    background: url(images/why-sthal/arrow-up.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer;
    font-size: 18px;
}
.six-level-verification .accordion .card h2 { color: #000; font-weight: 600; }
.six-level-verification .accordion .card .card-body {
    padding: 0;
    color: #444444;
}
.six-level-verification .accordion .card .card-head {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #959595;
    margin-bottom: 15px;
}
.profile-mobile-img {
    position: absolute;
    left: -50px;
    bottom: 0;
}


.dropdown:hover>.dropdown-menu {
  display: block;
      top: 18px;
}


/* Contest Page */

.morya-contest h1.section-title, .morya-contest h2.section-title {
    color: #444;
    font-size: 1.75rem;
    margin-bottom: 20px;
}
h2.number.mb-5 {
    color: #ffebf8;
    font-size: 3rem;
    font-weight: 300;
}
.morya-contest p.meta-date { color: #000; }

figure.contest-profile-pic {
    position: relative;
}
figure.contest-profile-pic:before {
    content: "";
    position: absolute;
    left: 100%;
    background-image: url(images/contest/arrow.png);
    top: 40px;
    z-index: 99;
    width: 25%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
figure.contest-profile-pic:after {
    content: "";
    position: absolute;
    left: 68%;
    background-image: url(images/contest/winner-icon.png);
    bottom: 0;
    width: 65%;
    height: 100%;
    background-repeat: no-repeat;
    top: 54%;
    background-size: contain;
}

.content-wrapper.bg-pink {
    background-color: #ffebf8;
    position: absolute;
    left: -7em;
    top: 6%;
    right: 0;
    padding: 3em 5em;
}
.item-3 .content-wrapper.bg-pink { top: 10%; }
.item-4 .content-wrapper.bg-pink { top: 15%; }
.item-5 .content-wrapper.bg-pink { top: 17%; }
.item-6 .content-wrapper.bg-pink { top: 15%; }

p.meta-date { font-size: 14px; }
p.meta-date img {
    width: auto;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
}
.past-contest figure img {
    height: 540px;
    object-fit: cover;
}

.past-contest .owl-theme .owl-nav button:hover { background-color: transparent; }
.past-contest .owl-theme .owl-nav button { margin-top: 25px; }
.past-contest .owl-theme .owl-nav button .fa {
    font-size: 28px;
    color: #4d008c;
}

ul.contest-nav {
    display: flex;
    flex-direction: column;
    box-shadow: 6px 12px 17px 4px rgb(0 0 0 / 7%);
    border-radius: 5px;
}
ul.contest-nav li.nav-item:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; }
ul.contest-nav li.nav-item:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 0; }
ul.contest-nav li.nav-item a {
    padding: 20px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-weight: 500;
}
ul.contest-nav li.nav-item a.active,
ul.contest-nav li.nav-item a:hover {
    background-color: #dc2597;
    color: #fff;
}
ul.contest-nav li.nav-item a .img-white { display: none; }
ul.contest-nav li.nav-item a.active .img-white { display: inline-block; }
ul.contest-nav li.nav-item.active a .img-color { display: none; }
ul.contest-nav li.nav-item.active a .img-white { display: inline-block; }
ul.contest-nav li.nav-item.active a .img-color { display: none; }

ul.contest-nav li.nav-item a.active .img-color { display: none; }

.contest-tabs-section .tab-pane ul { padding-left: 15px; }
.contest-tabs-section .tab-pane ul li { padding-bottom: 15px; }


.page-banner.contest {
        background: rgb(79,0,136);
        background: linear-gradient(90deg, rgba(79,0,136,1) 1%, rgba(205,34,146,0.9780287114845938) 71%);
    }
    .page-banner.contest a.btn.banner-btn, .page-banner.contest-inner a.btn.banner-btn {
        background-color: #dc2597;
        color: #fff;
        display: inline-block;
        margin-top: 15px;
        font-size: 15px;
        text-transform: uppercase;
    }
    .page-banner.contest p { color: #fff; font-weight: 300; }

section.page-banner.contest-inner.section-padding { padding: 2% 0; }



/* Contact Page */
.branch-office .card {
    background-color: #ffebf8;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 0;
        justify-content: space-between;
}
.branch-office .card  h5 {
    color: #4d008c;
    font-weight: 600;
}
.branch-office .card a,
.branch-office .card p.address { color: #444; }


/* Classified Page */
.searchFilter .card {
    box-shadow: 0px 13px 20px 3px rgb(0 0 0 / 7%);
    border: 0;
}
#profileFilter input#searchProfile {
    color: #fff;
    background-color: #dc2597;
    border: 0;
    width: 100%;
    padding: 7px 0;
    height: 42px;
}
#profileFilter select {
    border: 0;
    border-bottom: 1px solid #959595;
    border-radius: 0;
    padding-left: 0;
}
.form-control:focus{ outline: none !important; box-shadow: none !important; }


.user-profile h6.profile-name {
    color: #4d008c;
    line-height: 25px;
    margin-bottom: 15px;
    border-bottom: 2px solid #4d008c;
    display: inline-block;
}
section.page-banner {
    position: relative;
}
.page-banner img.banner-vector {
    position: absolute;
    right: 20px;
    width: 330px;
    bottom: -52%;
}

.user-profile .card { transition: 1s; margin-bottom: 25px; justify-content: space-around; height: 100%; }
.user-profile .card:hover { background-color: #ffebf8; transition: 1s; }
.user-profile .card .content-wapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.user-profile .card .content-wapper p {
    font-size: 14px;
}
.user-profile a.btn-now-more {
    height: 42px;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    color: #dc2597 !important;
    padding: 8px 15px;
    border-radius: 5px;
    margin-left: 0;
    border: 1px solid #dc2597;
    font-weight: 600;
    transition: 1s;
    
}
.user-profile .card:hover a.btn-now-more { background-color: #dc2597; color: #fff !important; transition: 1s; }
.user-profile figure {
    position: relative;
    top: -42px;
}

.loader {
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 60%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
.loader.active {
    opacity: 1;
    visibility: visible;
}

.pagination .page-numbers {
    border: 1px solid #000;
    padding: 0 14px;
    margin: 0 3px;
    color: #000;
    transition: 1s;
    text-transform: capitalize;
}
.pagination .page-numbers:hover, .pagination .page-numbers.current { background-color: #dc2fa8; color: #fff; transition: 1s; border-color: #dc2fa8; }

.social-wrapper-classified {
    position: absolute;
    right: 15px;
    bottom: -22px;
}
.social-wrapper-classified ul.social-links {
    list-style: none;
    display: flex;
}
.social-wrapper-classified ul.social-links li {
    padding-left: 8px;
}


/* FAQ Page */
.faq .card {
    margin-bottom: 25px;
    box-shadow: none;
    border: 0;
    transition: 1s;
}
.faq .card .card-body {
    border: 1px solid rgba(0,0,0,.125);
    border-top: 0;
}
.faq .card:hover {
    box-shadow: 1px 4px 9px rgb(0 0 0 / 16%);
    transition: 1s;
}
.faq .card-header {
    background-color: #ffebf8;
    color: #000 !important;
    border: 0;
}
.faq .card-header a { color: #000; font-weight: 500; }
.faq .card-header a i.fa {
    float: right;
    font-size: 24px;
}

/* Blog Page */

    section.page-banner {
        padding: 11% 0;
        background-image: url(images/all-inner-banner.jpg);
        background-size: cover;
    }

    .clearfix { clear: both; }
    ul.meta-content li { padding-right: 11px;}
    ul.meta-content li:last-child { padding: 0; }

    .blog-listing .card a.btn.btn-readmore {
        background-color: #dc2597;
        color: #fff !IMPORTANT;
        border-radius: 0;
        position: absolute;
        top: 15%;
        left: 0;
        right: 0;
        width: max-content;
        margin: 0 auto;
        padding: 8px 20px;
        transition: 1s;
        opacity: 0;
    }
    .blog-listing .card:hover a.btn.btn-readmore {
        top: 30%;
        transition: 1s;
        opacity: 1;
    }
    .blog-listing .card { border-radius: 8px; }
    .blog-listing .card .card-body { position: relative; max-height: 240px; }
    .blog-listing .card .card-body img.wp-post-image {
        width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        max-height: 240px;
        min-height: 240px;
        object-fit: cover;
        object-position: left;
    }
    .blog-listing .card .card-body .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 40%);
        opacity: 0;
        transition: 1s;
    }

    .blog-listing .card:hover .overlay { opacity: 1; transition: 1s; }
    .blog-listing .card .card-footer { padding: 25px; }
    .blog-listing .card .card-footer .blog-desc p { font-size: 14px; margin-bottom: 0; }
    .blog-listing .card .card-footer h5.meta-tag {
        background-color: #ffebf8;
        padding: 7px 20px;
        font-size: 14px;
        color: #000;
    }
    .blog-listing .card .card-footer h4.post-title { font-size: 20px; color: #4d008c; font-weight: 700; }

    .pagination .page-numbers {
        border: 1px solid #000;
        margin: 0 3px;
        padding: 4px 12px;
        display: inline-block;
        text-transform: capitalize;
        color: #000;
        text-decoration: none;
    }

    /*.pagination .page-numbers.current,
    .pagination .page-numbers:hover { background-color: #000; color: #fff; }*/


    /* Careers Page */

    .corrent-vacancies-wrapper .card {
        background-color: #ffebf8;
        border-radius: 0;
    }

    .corrent-vacancies-wrapper .card .card-header {
        background-color: #ffebf8;
        border-bottom-color: #fff;
        padding: 30px;
    }

    .corrent-vacancies-wrapper h2 {
        font-size: 1.5rem;
        color: #444;
        cursor: pointer;
        font-weight: 600;
    }

    .corrent-vacancies-wrapper h2 ul {
        padding-right: 3em;
        position: relative;
        top: 5px;
        padding-left: 15px;
    }

    .corrent-vacancies-wrapper h2 ul li {
        font-size: 16px;
        padding: 0 10px;
        color: #444;
        position: relative;
        font-weight: 500;
    }

    .corrent-vacancies-wrapper h2 ul li:after {
        content: "";
        position: absolute;
        right: 0;
        border-right: 1px solid #444;
        top: 4px;
        bottom: 2px;
    }

    .corrent-vacancies-wrapper h2 i.fa {
        font-size: 16px;
        position: relative;
        top: 7px;
    }

    .corrent-vacancies-wrapper h2 ul li:last-child:after {
        display: none;
    }

    .corrent-vacancies-wrapper .card .card-body {
        padding: 30px;
    }

    .corrent-vacancies-wrapper .card .card-body ul {
        padding-left: 20px;
        margin-bottom: 35px;
    }

    .btn.btn-apply-job {
        background-color: #dc2597;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        padding: 9px 22px;
        font-size: 15px;
    }
    .btn.btn-apply-job:hover { color: #fff; }
    a.btn-job-description {
        margin-left: 15px;
        padding: 9px 22px;
        border-radius: 5px;
        border: solid 1px #dc2597;
        font-weight: 600;
        color: #dc2597;
    }
    #applicationForm {
        z-index: 9999;
        top: 15%;
    }

    #applicationForm .modal-dialog {
        max-width: 50%;
    }
    #applicationForm .modal-body {
        padding: 3em 4em;
    }
    #applicationForm .modal-dialog .modal-header {
        padding: 2em 4em;
        background-color: #ffebf8;
    }
    #applicationForm .modal-dialog .modal-header h4.modal-title {
        font-weight: 700;
        font-size: 24px;
    }
    #applicationForm h5 {
        color: #4d008c;
        font-weight: 600;
        margin-bottom: 1.3em;
    }
    input#cv-upload { position: relative; height: 40px; }
    input#cv-upload:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #dc2597;
        z-index: 99;
    }
    span.browse-cv {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 9999;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
    }
    input#appFrmSend {
        background-color: #dc2597;
        border: 0;
        color: #fff;
        text-transform: uppercase;
        padding: 8px 30px;
    }



.Terms-and-Conditions ul li { margin-bottom: 5px; }


.page-template-template-contact a.btn-now-more {
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #dc2597;
    display: inline-flex;
    height: 42px;
}

.section-padding.msplans .col-lg-6.col-no-6 {
    padding-right: 0;
}
.section-padding.msplans .col-lg-6.col-no-7 {
    padding-left: 0;
}



/* Footer */

#download-app label#phone-error {
    background-color: pink;
    padding: 2px 10px;
}

footer { background-color: #4d008c; color: #fff; }
footer .container { position: relative; }
footer .container img.footer-img { position: absolute; bottom: 0px; right: 0; width: 345px; }

footer h4.widget-title { font-size: 18px; margin-bottom: 25px; }
footer ul { list-style: none; padding-left: 0; }
footer ul li a {
    color: #fff;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 400;
    font-family: Lato;
}
footer ul li a:hover { color: #dc2597; }

footer .social-nav ul { display: flex; }
footer .social-nav ul li a { margin: 0; padding-right: 15px; }

footer p.copyright { margin-top: 0px; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 300; }
footer p.footer-about-text {
    font-size: 13px;
    margin-top: 25px;
}

ul.social-links li a i.fa {
    background-color: #dc2597;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    line-height: unset;
    border-radius: 100%;
    justify-content: center;
    padding-left: 2px;
    color: #fff !important;
}
ul.social-links li a i.fa:hover { color: #000 !important; }

p.developed-by {
    font-weight: 300;
}
p.developed-by a {
    color: #ffffff;
}

#custom_html-3 ul.other-products {
    margin-top: 15px;
}
#custom_html-3 h4.widget-title {
    margin-bottom: 5px;
    margin-top: 25px;
}
#custom_html-3 ul.other-products li {
    text-align: center;
    margin-right: 2px;
}
#custom_html-3 ul.other-products li:first-child {
    /*border-right: 1px solid #bfb5b5;*/
    padding-right: 10px;
}
#custom_html-3 ul.other-products li:last-child {
    padding-left: 10px;
}
#custom_html-3 ul.other-products li a {
    padding-right: 0;
}

.our-stores p.contact a {
    color: #000;
}


/* Media Query */

@media(max-width: 1440px) {
    .page-banner img.banner-vector {
        width: 200px;
        bottom: -7em;
    }
    .banner-img-content img {
        position: relative;
        top: 3em;
    }
}

@media(max-width: 1199px) {
    .banner-content.wow.fadeInUp {
        padding-left: 3em;
    }
    
    h1.section-title, h2.section-title {
        font-size: 2rem;
    }
    
    ul.list-unstyled.meta-content {
        margin-bottom: 0;
        margin-top: 5px;
    }
    ul.meta-content li {
        font-size: 14px;
    }
    .blog-listing .card .card-body img.wp-post-image {
        object-position: center;
    }
        
    #mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link {
        padding: 0 10px;
    }
    
	a.btn_registration { position: absolute; left: revert; right: 70px; top: 15px;  }
	button.navbar-toggler { border: 1px solid #fff; }
	button.navbar-toggler i.fa.fa-bars { color: #fff; }

	ul#menu-top-menu { padding: 20px 0 0; }
	ul#menu-top-menu li { padding-bottom: 10px; }
	ul#menu-top-menu li:last-child { padding-bottom: 0; }

    #mega-menu-wrap-top-menu #mega-menu-top-menu {
        right: 210px;
    }
    #why-sthal button.owl-prev {
        left: -35px;
    }
    #why-sthal button.owl-next {
        right: -35px;
    }
    .msplans .card {
        padding: 0 20px;
    }
    .msplans .card a.get-started-btn {
        font-size: 13px;
        padding: 10px 8px;
    }
    .msplans .card h2.plan-price {
        font-size: 34px;
    }
    
    footer .container img.footer-img {
        position: absolute;
        top: auto;
        right: 0;
        width: 35%;
        bottom: 0px;
    }
    .msplans .card.video img {
        height: 450px;
    }
    .content-wrapper.bg-pink {
        padding: 35px;
        left: -5em;
        top: 7%;
    }
    figure.contest-profile-pic:after {
        width: 40%;
        left: 80%;
    }
    
    .single-post h1.post-name {
        font-size: 28px !important;
    }
    
    .home-blog:after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        position: absolute;
        background-color: rgb(1 1 1 / 50%);
        z-index: -1;
    }
    .home-blog h5.subtitle {
        color: #ffffff;
    }
    .home-blog  p.text-gray {
        color: #fff !important;
    }
    .home-blog h2.section-title {
        color: #fff;
    }
}

@media(max-width: 992px) {
    .banner-img-content img {
        top: 0;
    }
    .banner-content.wow.fadeInUp {
        padding-left: 3em;
        margin-top: 0;
    }
    .banner-content p {
        font-size: 14px;
    }
    .banner-content h2 {
        font-size: 1.5rem;
        line-height: 30px;
    }
    
    #testimonials .owl-nav .owl-prev {
        left: 0;
    }
    #testimonials .owl-nav .owl-next {
        right: 0;
    }
    
    #plans {
        position: relative;
        z-index: 1;
    }
    #plans:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 57%);
        z-index: -1;
    }
    
    ul#mega-menu-top-menu {
        top: 50px !important;
    }
    
    ul.list-unstyled.meta-content {
        float: left;
        width: 100%;
    }
    .blog-listing .card .card-body img.wp-post-image {
        min-height: 240px;
        max-height: 240px;
    }
    
    .w-40 {
        width: 100% !important;
    }
    
    figure.contest-profile-pic:after {
        width: 25%;
        left: 56%;
    }
    a.btn_registration {
        right: 80px;
    }
    img.mobile-download {
        width: 75%;
    }

    figure.contest-profile-pic:after {
        width: 200px;
        top: 90%;
    }
    figure.contest-profile-pic:before { display: none; }
    .past-contest .content-wrapper.bg-pink {
        padding: 2em;
        left: -5em;
    }
    .past-contest .content-wrapper.bg-pink p.para {
        font-size: 14.6px;
    }

    section.main-banner {
        background-position: top;
        height: 80vh;
    }
     section.main-banner .banner-content h1 {
        font-size: 1.85rem;
    }
    .counter h4 {
        font-size: 22px;
    }

    

    #profileFilter .col {
        flex-basis: auto;
        margin: 0 0 15px;
    }
    .section-padding { padding: 3em 0; }

    h1.section-title, h2.section-title {
        font-size: 1.8rem;
    }
    .contest-tabs-section h2.section-title {
        margin-top: 25px;
    }
    
    .section-padding.msplans {
        padding: 6em 0 4em;
    }
    
    .msplans .card.video img {
        height: 340px;
    }
    .branch-office .card {
        flex-direction: column;
    }
    .branch-office a.btn-now-more {
        margin-bottom: 35px;
    }
    .our-stores-locations .card {
        margin-bottom: 15px;
    }
}

@media(max-width: 767px) {
    .main-banner { 
	    
    }
    
    
    #why-sthal button {
        position: absolute;
        top: unset;
        bottom: -25px;
    }
    #why-sthal button.owl-prev {
        left: 35% !important;
    }
    #why-sthal button.owl-next {
        right: 35% !important;
    }
    
    .our-stores h2.section-title {
        margin-bottom: 20px;
    }
    .branch-office h2.section-title {
        text-align: center;
        margin-bottom: 15px;
    }
    section.section-padding.Terms-and-Conditions ul,
    section.section-padding.privacy-policy ul {
        padding-left: 20px;
    }
    
    .branch-office .card {
        padding: 25px;
        margin-bottom: 25px;
        height: auto !important;
    }
    section.our-stores .card {
        height: auto !important;
        padding: 25px;
        margin-bottom: 20px;
    }
    section.our-stores .card p.contact {
        margin-bottom: 0;
    }
    .single-post .post-banner img.attachment-post-thumbnail {
        width: 100%;
        height: auto;
    }
    
    figure.contest-profile-pic:after {
        width: 40%;
        left: 56%;
        top: 86%;
    }
    .past-contest figure img {
        height: 220px;
    }
    .past-contest .content-wrapper h3.section-title {
        font-size: 18px;
    }
    .past-contest .content-wrapper.bg-pink {
        padding: 15px;
        top: 0 !important;
    }
    
    section.section-padding.past-contest h2.section-title {
        margin-bottom: 35px;
    }
    .past-contest .owl-theme .owl-nav {
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
    }
    .past-contest .owl-theme .owl-nav button {
        margin-top: 0;
    }

    
    #process img.process-arrow.right {
        left: auto;
        width: 60px;
        right: 40px;
        top: -65px;
    }
    #process img.process-arrow.left {
        left: 20px;
        right: auto;
        width: 60px;
        top: -70px;
    }
    #process .row.mt-5.pt-5 {
        margin-top: 0 !IMPORTANT;
    }
    section#plans h2.section-title.text-white.mb-3 {
        width: 80%;
    }
    p.text-center.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .profile-mobile-img {
        position: relative;
        left: 0;
        bottom: -25px;
    }

    
    /*.joinchat__button {
        --btn: 40px;
    }*/
    
    .six-level-verification h2.section-title {
        width: 88%;
        margin: 0 auto;
    }
    
    #button-body {
        width: 40px;
        height: 40px;
    }
    #button:not(.sidebar) .buttonWave { display: none; }
    
    div#counter .counter-wrapper {
    margin-bottom: 30px;
    justify-content: unset;
    padding-left: 0;
    text-align: center;
    }
    .last-col .counter-wrapper.wow.fadeInUp.d-flex {
        margin-bottom: 0 !important;
    }
    .counter h4 {
        font-size: 30px;
        width: 100px;
    }
    
    section.main-banner {
        height: 100vh;
        padding-bottom: 44em;
    }
    .main-banner .carousel-control-next, .main-banner .carousel-control-prev {
        width: 15%;
    }
    .banner-content.wow.fadeInUp {
        padding-left: 1em;
        margin-top: 7em;
    }
    a.see-video.ml-md-3 {
        margin-left: 1em;
    }
    .banner-content p.quote {
        
        margin: 0 auto;
    }

    section.main-banner .banner-content h2 {
        font-size: 1.8rem;
        line-height: 37px;
    }
    .banner-content p {
        font-size: 13px;
    }
    .banner-content a.download-app-btn {
        font-size: 11px;
    }
    
    
    .searchFilter .card {
        padding: 10px 10px 0;
    }
    .user-profile .card .content-wapper {
        flex-direction: column;
    }
    .user-profile .card .content-wapper .col-right {
        padding-top: 25px;
    }
    .user-profile figure {
        right: 15px;
        position: absolute;
        top: 15px;
    }

	a.btn_registration {
    	position: fixed;
    	bottom: 0;
    	top: auto;
    	left: 0;
    	right: 0;
    	width: 100%;
    	margin: 0;
        z-index: 99;
        border-radius: 0;
	}
    .page-banner img.banner-vector {
        width: 100px;
        bottom: auto;
        top: 80%;
        left: 0;
    }
    
    
    
    button#button-body {
        width: 40px;
        height: 40px;
        bottom: 15px;
    }
    #button:not(.sidebar) .buttonWave { display: none; }
    
    .w-40 { width: 100% !important; }

    h1.section-title, h2.section-title {
        font-size: 1.5rem !important;
    }

    figure.contest-profile-pic:after {
        width: 145px;
        top: 83%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .content-wrapper.bg-pink {
        position: relative;
        top: 5px;
        left: 0 !important;
        right: 0;
    }
    #download-app .col-md-6.pr-0, #download-app-2 .pl-0 {
        padding: 0 15px !important;
    }
    input#sms_send_btn {
        left: 15px;
        margin-top: 15px;
    }
    img.mobile-download {
        position: relative;
        left: 10px;
    }
    img.googleplay {
        width: 140px;
    }
    .section-padding {
        padding: 2em 0;
    }
    footer .container img.footer-img { display: none; }
    footer p.copyright {
        font-size: 14px;
        margin-bottom: 35px;
    }

    img.heart-line {
        display: none;
    }
    #plans p {width: 100%; }
    #testimonials .owl-nav .owl-prev {
        left: 0;
        top: 30%;
    }
    #testimonials .owl-nav .owl-next {
        right: 0;
        top: 30%;
    }
    #why-sthal button.owl-prev { left: 0; }
    #why-sthal button.owl-next { right: 0; }

    #download-app-2 p a {
        font-size: 14px;
    }
    
    .msplans .card {
        padding: 35px 15px !important;
        flex-direction: column;
        min-height: auto;
        margin-top: 5em;
    }
    .msplans .card img.msplans-icon {
        width: 55px;
        top: -32px;
        left: 30px;
    }
    .msplans .card .col-md-7:after { display: none; } 
    .msplans .card a.get-started-btn {
        font-size: 14px;
        padding: 10px 8px;
        margin-bottom: 22px;
        margin-top: 5px;
    }
    .msplans .card p { font-size: 16px }
    .msplans .card.video {
        background-color: transparent;
        padding: 0 !important;
    }
    .msplans .card.video img {
        height: 200px;
    }
    .msplans .card.video img.play-icon {
        width: 45px !IMPORTANT;
    }
    section.page-banner.contest-inner.section-padding {
        padding: 8% 0;
    }
    section.page-banner.contest-inner.section-padding figure img {
        width: 65%;
    }
    
    .main-banner .banner-content a.download-app-btn {
        border-radius: 0;
    }
    .main-banner .banner-content a.download-app-btn:after {
        border-radius: 0;
    }
    .social-wrapper-classified { position: relative; }
    .pagination {
        margin: 0 auto;
    }
    
    .banner-img-content img {
        top: 1em;
        left: -15px;
    }
    section.page-banner {
        padding: 40% 0 15%;
    }
    .msplans .card.plan-1 {
        margin-bottom: 5em;
    }
    h2.number.mb-5 {
        margin-bottom: 2rem !IMPORTANT;
    }
    .msplans .card .col-md-7:before { display: none; }
    .section-padding.msplans .col-lg-6.col-no-6 {
        padding-right: 15px;
    }
    .section-padding.msplans .col-lg-6.col-no-7 {
        padding-left: 15px;
    }
    /*.card.border-0.plan-7 {
        margin-top: 2px;
    }*/
    .counter-wrapper.first h4 { left: 0; }
    
    img.process-1, img.process-2, img.process-3 { position: relative; }
    img.process-1, img.process-3 {
        left: 15px;
    }
    img.process-2 { right: 15px; top: 25px; }
    .carousel-item.active .banner-img-content { height: 310px; }
    
    button.btn.btn-apply-job {
        font-size: 14px;
        width: 200px;
    }
    a.btn-job-description {
        display: inline-block;
        font-size: 14px;
        margin: 5px 0 0;
        width: 200px;
    }
    
    .copyright.wow.fadeInUp {
        font-size: 14px;
    }
    p.developed-by {
        margin-top: 8px;
    }
    .copyright.wow.fadeInUp {
        font-size: 14px;
    }
    footer p.footer-about-text {
        margin-top: 0;
    }
}

.modal-content{
    background-image: linear-gradient(to right, #66068e 0%, #dc2597 109%);
}

.modal-title{
    color: #fff;
}

.modal-body label{
    color: #fff;
    font-size: 14px;
    font-family: Poppins;
    font-weight: normal;
}

.wpcf7-form-control.has-spinner.wpcf7-submit.btn-primary{
    height: 42px;
    background-color: transparent !important;  
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    /*margin-left: 79%;*/
    border: 1px solid #fff;
    font-weight: 600;
    transition: 1s; 
}

.wpcf7-form-control.has-spinner.wpcf7-submit.btn-primary:hover{
    background-color: #66068e !important;
    border: 1px solid #66068e;
    
}

.wpcf7-response-output{
    color: #fff !important;
}
 .modal button.close {
    border: 3px solid #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 15px;
    position: relative;
    top: 15px;
    font-size: 26px;
    opacity: 1;
}
.modal button.close span {
    position: relative;
    top: -2px;
    color: #fff;
}