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

:root {
	--color-white:#FFFFFF;
	--color-black:#000000;
	--color-grey:#ebebeb;
	--color-purple:#7d3c95;
	--color-dark-purple:#511950;
	--color-pink:#f26b82;
	--color-blue:#22b1d3;
}

*, :after, :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {margin:0;padding:0;font-family:'Montserrat', sans-serif;outline:none !important; outline:0 !important;overflow-x:hidden;}
a {text-decoration: none;outline:none;outline:0;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
ul,li {list-style:none;margin:0;padding:0;}
button,input,textarea,select {font-family:'Montserrat', sans-serif;}
button,input,video,iframe,a,textarea,select {outline:none;-webkit-tap-highlight-color:transparent;}
p {padding:0px;margin:0px;}
.stop-scrolling {height:100%;overflow:hidden;}
.clear {clear: both;}
.w100 {width:100%;}
.Ww100 {width:100%;}
.dblock {display:block;}
.dinlineblock {display:block;}
.vmiddle {vertical-align:middle;}
.text-center {text-align:center;}
.prelative {position:relative;}
.mobile-block {display:none;}

.line-effect {position:relative;width:max-content;}
.line-effect:after {content:"";width:0%;height:1.5px;position:absolute;bottom:0px;left:0px;transition:.2s width;}
.line-effect.hover:hover:after {width:100%;}
.line-effect.black:after {background-color:var(--color-black);}
.line-effect.pink:after {background-color:var(--color-pink);}
.line-effect.purple:after {background-color:var(--color-dark-purple);}

section.pt-pb {padding-top:130px;padding-bottom:130px;}
section.pt-sm-pb-sm {padding-top:80px;padding-bottom:80px;}
section.nopt-pb {padding-top:0px;padding-bottom:130px;}
section.nopt-pb-sm {padding-top:0px;padding-bottom:80px;}
section.pt-nopb {padding-top:130px;padding-bottom:0px;}

.loader-container {position:fixed;top:0px;left:0px;bottom:0px;right:0px;background:var(--color-white);z-index:999999;}
.loader {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.loader img {width:240px;}

@media(max-width:767px) {
	.loader img {width:220px;}
}

@media (max-width:991px) {
	section.pt-pb {padding-top:110px;padding-bottom:110px;}
	section.pt-sm-pb-sm {padding-top:70px;padding-bottom:70px;}
	section.nopt-pb {padding-top:0px;padding-bottom:110px;}
	section.nopt-pb-sm {padding-top:0px;padding-bottom:70px;}
	section.pt-nopb {padding-top:110px;padding-bottom:0px;}
}
@media (max-width:767px) {
	section.pt-pb {padding-top:90px;padding-bottom:90px;}
	section.pt-sm-pb-sm {padding-top:5px;padding-bottom:50px;}
	section.nopt-pb {padding-top:0px;padding-bottom:90px;}
	section.nopt-pb-sm {padding-top:0px;padding-bottom:50px;}
	section.pt-nopb {padding-top:90px;padding-bottom:0px;}
}
@media (max-width:568px) {
	section.pt-pb {padding-top:70px;padding-bottom:70px;}
	section.pt-sm-pb-sm {padding-top:40px;padding-bottom:40px;}
	section.nopt-pb {padding-top:0px;padding-bottom:70px;}
	section.nopt-pb-sm {padding-top:0px;padding-bottom:40px;}
	section.pt-nopb {padding-top:70px;padding-bottom:0px;}
}

.header {position:relative;top:0px;width:100%;z-index:98;background:#FFFFFF;padding:20px 0px 20px 0px;border-bottom:solid 3px var(--color-dark-purple);}
.header .header-flex .left .header-logo {position:relative;display:block;vertical-align:middle;width:200px;}
.header .header-flex {position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;}
.header .header-flex .left {width:190px;}
.header .header-flex .right {width:calc(100% - 190px);}
.header .header-flex .right .right-flex {display:flex;align-items:center;justify-content:end;}
.header .header-flex .right .right-flex nav {width:100%;position:relative;width:max-content;}
.header .header-flex .right .right-flex nav ul {display:flex;align-items:center;}
.header .header-flex .right .right-flex nav ul li a {display:block;margin-left:30px;color:var(--color-pink);font-size:12pt;font-weight:600;padding-bottom:5px;}
.header .header-flex .right .right-flex .language {position:relative;}
.header .header-flex .right .right-flex .language a {display:block;margin-left:30px;color:var(--color-dark-purple);font-size:10pt;font-weight:600;padding-bottom:5px;}

.header .header-flex .right .right-flex .menu-button {color:var(--color-white);cursor:pointer;transition:.2s background;display:none;width:max-content;}
.header .header-flex .right .right-flex .menu-button:hover {background:var(--color-dark-purple);}
.header .header-flex .right .right-flex .menu-button:hover > .menu-icon .line {stroke:var(--color-white);}
.header .header-flex .right .right-flex .menu-button .menu-icon { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display:block;vertical-align:middle;}
.header .header-flex .right .right-flex .menu-button .menu-icon .line {fill:none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:var(--color-dark-purple);stroke-width:3.5;stroke-linecap:round;}
.header .header-flex .right .right-flex .menu-button .menu-icon .top {stroke-dasharray: 40 121;}
.header .header-flex .right .right-flex .menu-button .menu-icon .bottom {stroke-dasharray: 40 121;}
.header .header-flex .right .right-flex .menu-button.active .menu-icon-rotate {transform: rotate(45deg);}
.header .header-flex .right .right-flex .menu-button.active .menu-icon .top {stroke-dashoffset: -68px;}
.header .header-flex .right .right-flex .menu-button.active .menu-icon .bottom {stroke-dashoffset: -68px;}

.open-menu .header-flex .right .right-flex .menu-button {background:var(--color-pink);}
.open-menu .header-flex .right .right-flex .menu-button .menu-icon .line {stroke:var(--color-white);}

#mobile_menu {width:100%;height:calc(100vh - 89px);margin-top:89px;position:fixed;top:0px;right:0px;bottom:0px;left:0px;background:var(--color-white);z-index:99;opacity:0;visibility: hidden;}
#mobile_menu .flex-box {border-top:solid 1px var(--color-gray);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding-right:0px;padding-top:20px;}
#mobile_menu .flex-box .language {position:relative;display:flex;align-items:center;justify-content:center;width:100%;}
#mobile_menu .flex-box .language a {width:max-content;display:block;margin-left:0px;color:var(--color-dark-purple);font-size:13pt;font-weight:500;padding-bottom:5px;}
#mobile_menu ul.menu {width:100%;position:relative;margin-top:38px;}
#mobile_menu ul.menu li {margin-bottom:20px;text-align:center;}
#mobile_menu ul.menu li a {display:block;width:max-content;text-align:center;font-size:16pt;color:var(--color-pink);margin:0 auto;padding-bottom:4px;font-weight:500;}

#mobile_menu ul.menu2 {width:100%;position:relative;margin-top:38px;padding:0px 20px;}
#mobile_menu ul.menu2 li {margin-bottom:20px;text-align:center;}
#mobile_menu ul.menu2 li a {display:block;width:auto;text-align:center;font-size:15pt;color:var(--color-dark-purple);margin:0 auto;padding-bottom:4px;font-weight:500;}

.open-menu #mobile_menu {opacity:1;visibility: visible;}

.banner {width:100%;position:relative;overflow:hidden;z-index:1;}
.banner img {width:100%;position:relative;vertical-align:middle;margin-top:-110px;z-index:1;display:block;}
.banner img.no-top {margin-top:0px;z-index:1;}
.banner ul {width:100%;position:absolute;top:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;}
.banner ul li {width:16.6666%;border-left:solid 2px var(--color-dark-purple);}
.banner ul li:last-child {border-right:solid 2px var(--color-dark-purple);}
.banner ul li a {display:block;text-align:center;padding:13px 20px;font-size:12pt;font-weight:600;color:var(--color-dark-purple);position:relative;white-space: pre-line;}
.banner ul li a:before {transition:.2s all;content:"";position:absolute;width:0%;left:50%;transform:translateX(-50%);right:0px;bottom:0px;height:0px;border-bottom:solid 2px var(--color-dark-purple);background:var(--color-dark-purple);}
.banner ul li a:after {transition:.2s all;opacity:0;position:absolute;content:"";bottom:-14px;left:47%;transform:translateX(-47%);width:0px;height:0px;border-style:solid; border-width:0 7px 11px 7px;border-color: transparent transparent var(--color-dark-purple) transparent;transform:rotate(180deg);}
.banner ul li a:hover:before {width:90%;}
.banner ul li a:hover:after {opacity:1;}
.banner ul li a.active {font-weight:600;}
.banner ul li a.active:after {opacity:1;border-color: transparent transparent var(--color-white) transparent;}
.banner ul li a.active:before {width:90%;border-bottom:solid 2px var(--color-white);background:var(--color-white);}

.banner .about {position:absolute;width:50%;z-index:3;margin-top:0px;top:114vh;z-index:3;left:50%;transform:translateX(-50%);border-top:solid 3px var(--color-dark-purple);padding-top:2px;}
.banner .about .about-bg {object-fit:cover;width:100%;position:relative;margin-top:0px;}
.banner .about .about-text {position:absolute;left:50%;transform:translateX(-50%);object-fit:contain;width:80%;position:relative;margin-top:0px;top:-360px;}
.banner .about .cnt {position:relative;max-width:80%;margin-top:-200px;z-index:4;text-align:center;}

.banner ul.white li {border-left:solid 2px var(--color-white);}
.banner ul.white li:last-child {border-right:solid 2px var(--color-white);}
.banner ul.white li a {color:var(--color-white);}
.banner ul.white li a:before {border-bottom:solid 2px var(--color-white);background:var(--color-white);}
.banner ul.white li a:after {border-color: transparent transparent var(--color-white) transparent;}

.banner_bottom {width:100%;position:relative;z-index:2;}
.banner_bottom img {width:100%;position:relative;display:block;vertical-align:middle;margin-top:-130px;z-index:1;}

.content {width:100%;position:relative;padding:90px 0px;}
.content h1 {font-size:26pt;color:var(--color-dark-purple);border-bottom:solid 1px var(--color-dark-purple);font-style:italic;margin-bottom:50px;padding-bottom:10px;}
.content hr {border-bottom:solid 1px var(--color-dark-purple);width:100%;height:1px;margin:20px 0px;}
.content p {font-size:18pt;line-height:28pt;font-weight:normal;}
.content .flex {display:flex;align-items:normal;flex-wrap:wrap;}
.content .flex .left {width:63%;}
.content .flex .left p {text-align:right;font-size:16pt;line-height:24pt;color:var(--color-dark-purple);}
.content .flex .right {width:35%;margin-left:2%;}
.content .flex .right img {width:100%;display:block;}

@media (max-width:767px) {
	.content .flex {display:block;align-items:normal;flex-wrap:wrap;}
	.content .flex .left {width:100%;}
	.content .flex .right {width:100%;margin-left:0px;margin-top:25px;}
	.content .flex .left p {text-align:left;font-size:14pt;line-height:20pt;}
}

.contact {width:100%;position:relative;padding:50px 0px 70px 0px;}
.contact .title {width:100%;position:relative;border-bottom:solid 3px var(--color-dark-purple);color:var(--color-dark-purple);text-align:center;font-size:24pt;font-weight:normal;margin-bottom:40px;padding-bottom:5px;}
.contact .info {width:100%;position:relative;margin-bottom:25px;}
.contact .info span {width:100%;position:relative;display:block;margin-bottom:7px;color:var(--color-dark-purple);font-weight:500;}
.contact .info b {font-weight:700;color:var(--color-dark-purple);}
.contact .info a {font-weight:500;color:var(--color-dark-purple);transition:.2s color;}
.contact .info a:hover {color:var(--color-blue);}
.contact .info .links {width:100%;display:block;margin:7px 0px;}
.contact .info .links a {font-weight:700;color:var(--color-dark-purple);transition:.2s color;}
.contact .info .links a:hover {color:var(--color-blue);}
.contact .info .social {width:100%;display:flex;align-items:center;}
.contact .info .social li {margin-right:15px;}
.contact .info .social li:last-child {margin-right:0px;}
.contact .info .social li a {display:flex;align-items:center;}
.contact .info .social li a img {display:block;width:20px;transition:.2s opacity;}
.contact .info .social li a span {display:block;margin-bottom:0px;margin-left:5px;color:var(--color-blue);transition:.2s opacity;}
.contact .info .social li a:hover > img {opacity:.6;}
.contact .info .social li a:hover > span {opacity:.6;}

.contact .buttons {display:flex;align-items:center;justfiy-content:space-between;margin-bottom:20px;}
.contact .buttons a {transition:.2s all;width:48%;margin-right:4%;padding:3px 0px;display:block;border:solid 1px var(--color-dark-purple);text-align:center;background-color:var(--color-white);color:var(--color-dark-purple);font-size:14pt;font-weight:500;}
.contact .buttons a:last-child {margin-right:0%;}
.contact .buttons a.active,
.contact .buttons a:hover {background-color:var(--color-dark-purple);color:var(--color-white);}
.contact form {width:100%;display:block;}
.contact form input[type="text"] {width:100%;display:block;margin-bottom:15px;padding:5px 5px;text-align:center;font-size:14pt;font-weight:500;}
.contact form input[type="file"] {width:100%;display:block;margin-bottom:15px;padding:5px 5px;text-align:center;font-size:14pt;font-weight:500;}
.contact form input[type="email"] {width:100%;display:block;margin-bottom:15px;padding:5px 5px;text-align:center;font-size:14pt;font-weight:500;}
.contact form textarea {width:100%;display:block;margin-bottom:15px;padding:5px 5px;text-align:center;font-size:14pt;font-weight:500;}
.contact form input[type="submit"] {cursor:pointer;width:100%;display:block;background-color:var(--color-dark-purple);color:var(--color-white);padding:10px;font-size:14pt;transition:.2s all;}
.contact form input[type="submit"]:hover {background-color:var(--color-dark-purple);border:solid 2px var(--color-dark-purple);}

.contact form .input_group {position:relative;}
.contact form .input_group .placeholder {pointer-events: none;position:absolute;left:50%;transform:translateX(-50%);top:5px;font-weight:400;font-size:14pt;}
.contact form .input_group .placeholder span {color:red;}
.contact form .input_group input:valid + .placeholder {display: none !important;}
.contact form .input_group textarea:valid + .placeholder {display: none;}
.contact form .g-recaptcha {display:block;margin:0 auto;margin-bottom:15px;}
.contact form .g-recaptcha div {display:block;margin:0 auto;}

.footer {width:100%;position:relative;background:var(--color-grey);border-top:solid 3px var(--color-pink);padding:30px 0px;}
.footer .flex {width:100%;position:relative;display:flex;align-items:center;flex-wrap:wrap;}
.footer .flex .left {width:30%;}
.footer .flex .right {width:70%;display:flex;justify-content:end;}
.footer .flex .right span {font-size:12pt;color:var(--color-pink);font-weight:500;}

.whatsapp-main {
    display: inline-block;
    position: fixed;
    bottom: 0px;
    z-index: 9999999;
    left: auto;
    right: 0px;
}

.whatsapp-wrapper {
    box-shadow: rgb(0 0 0 / 10%) 0px 12px 24px 0px;
    /*   display: none; flex on pop */
    flex-direction: column;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s;
    background-color: rgb(255, 255, 255);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    touch-action: auto;
    margin-bottom: 96px;
    position: fixed;
    bottom: 0px;
    left: auto;
    right: 0px;
    margin-right: 20px;
}

.close_whatsapp {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    outline: transparent;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.close_whatsapp::before {
    transform: rotate(45deg);
}

.close_whatsapp::after {
    transform: rotate(-45deg);
}

.close_whatsapp::before,
.close_whatsapp::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: rgb(29, 33, 41);
    display: block;
    border-radius: 2px;
}

.whatsapp-header {
    background: rgb(255, 255, 255);
    color: rgb(17, 17, 17);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 24px 20px;
}

.header-info {
    margin-left: 16px;
    margin-right: 16px;
}

.support-avatar {
    width: 52px;
    height: 52px;
    display: block;
    position: relative;
    flex-shrink: 0;
}

.support-avatar::before {
    content: "";
    bottom: 0px;
    right: 0px;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background-color: rgb(74, 213, 4);
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
}

.avatar-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.avatar-img {
    min-width: 100%;
    height: 100%;
    flex-shrink: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 33px;
    background-image: url(../../favicons/android-icon-144x144.png);
}

.avatar-img::after {
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.1);
    inset: 0px;
    position: absolute;
    content: "";
    overflow: hidden;
}

.whatsapp-background {
    padding: 20px 20px 20px 10px;
    background-color: rgb(230, 221, 212);
    position: relative;
    overflow: auto;
    max-height: 382px;
}

.whatsapp-background::before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0.08;
    background-image: url("../../images/nofollow/whatsapp-bg.png");
}

.whatsapp-message-container {
    display: flex;
    z-index: 1;
}

.loading-animation {
    background-color: rgb(255, 255, 255);
    width: 52.5px;
    height: 32px;
    border-radius: 16px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 10px;
    /*   opacity: 0; */
    transition: all 0.1s ease 0s;
    z-index: 1;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 0.5px;
}

.dot-pulse {
    position: relative;
    left: -9999px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #cbcbcb;
    color: #cbcbcb;
    box-shadow: 9999px 0 0 -5px #cbcbcb;
    animation: dotPulse 1.5s infinite linear;
    animation-delay: .25s;
}

.dot-pulse::before,
.dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #cbcbcb;
    color: #cbcbcb;
}

.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #cbcbcb;
    animation: dotPulseBefore 1.5s infinite linear;
    animation-delay: 0s;
}

.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #cbcbcb;
    animation: dotPulseAfter 1.5s infinite linear;
    animation-delay: .5s;
}

@keyframes dotPulseBefore {
    0% {
        box-shadow: 9984px 0 0 -5px #cbcbcb;
    }
    30% {
        box-shadow: 9984px 0 0 2px #cbcbcb;
    }
    60%,
    100% {
        box-shadow: 9984px 0 0 -5px #cbcbcb;
    }
}

@keyframes dotPulse {
    0% {
        box-shadow: 9999px 0 0 -5px #cbcbcb;
    }
    30% {
        box-shadow: 9999px 0 0 2px #cbcbcb;
    }
    60%,
    100% {
        box-shadow: 9999px 0 0 -5px #cbcbcb;
    }
}

@keyframes dotPulseAfter {
    0% {
        box-shadow: 10014px 0 0 -5px #cbcbcb;
    }
    30% {
        box-shadow: 10014px 0 0 2px #cbcbcb;
    }
    60%,
    100% {
        box-shadow: 10014px 0 0 -5px #cbcbcb;
    }
}

.wloader {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    background-color: rgb(182, 181, 186);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
}

.whatsapp-message-wrapper {
    display: none;
    padding: 7px 14px 6px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px 8px 8px;
    position: relative;
    transition: all 0.3s ease 0s;
    /*   opacity: 1; */
    transform-origin: center top;
    z-index: 2;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 0.5px;
    margin-top: 4px;
    /*   margin-left: -54px; */
    max-width: calc(100% - 66px);
}

.whatsapp-message-wrapper::before {
    position: absolute;
    background-image: url("../../images/nofollow/chat-edge.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0px;
    left: -12px;
    width: 12px;
    height: 19px;
}

.chat-body-wrapper {
    width: 100% !important;
}

.whatsapp-chat-name {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.4);
}

.whatsapp-chat-message {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.whatsapp-chat-message p {
    margin: 0px;
}

.whatsapp-message-container {
    box-sizing: border-box !important;
    outline: none !important;
}

.whatsapp-chat-time {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(17, 17, 17, 0.5);
    margin-right: -8px;
    margin-bottom: -4px;
}

.whatsapp-btn {
    padding: 8px 12px;
    border-radius: 24px;
    border: none;
    background: rgb(14, 193, 47);
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 20px;
    overflow: hidden;
    appearance: none;
}

.whatsapp-btn::before {
    content: "";
    position: absolute;
    display: block;
    opacity: 0;
    transform: scale(1);
    background-color: rgb(0, 0, 0);
    z-index: 0;
    transition: all 0.2s ease 0s;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    bottom: -5px;
}

.whatsapp-send-icon-small {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: rgb(255, 255, 255);
    z-index: 1;
}

.chat-button-text {
    margin-left: 8px;
    margin-right: 8px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.whatsapp-popup-button {
    height: 64px;
    box-shadow: rgb(0 0 0 / 15%) 0px 3px 12px;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    outline: transparent;
    background-color: rgb(14, 193, 47);
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    width: 64px;
}

.whatsapp-popup-button::before,
.whatsapp-popup-button::after {
    content: "";
    position: absolute;
    border: 1px solid rgb(14, 193, 47);
    inset: -2px;
    border-radius: 500px;
    opacity: 0;
    z-index: 0;
}

.whatsapp-notify {
    width: 10px;
    height: 10px;
    background-color: rgb(255, 0, 0);
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    right: 4px;
    top: 4px;
}

@keyframes showhide {
    from {
        transition: visibility 0s linear 0.7s, opacity 0.7s ease-in-out;
    }
}

@keyframes showchat {
    from {
        transform: scale(0);
        opacity: 0;
    }
}

.hide-whatsapp {
    display: none;
    animation-name: showhide;
    animation-duration: 0.5s;
    transform: scale(1);
    opacity: 1;
}

.show-whatsapp {
    display: flex;
    animation-name: showchat;
    animation-duration: 0.5s;
    transform: scale(1);
    opacity: 1;
}

@media (max-width:1380px) {
	.banner .about {top:95vh;}
}

@media (max-width:1180px) {
	.header nav {display:none;}
	.header .header-flex .right .right-flex .language {display:none;}
	.header .header-flex .right .right-flex .menu-button {display:block;}
	.banner ul {display:none;}
	
	#mobile_menu .flex-box {width:100%;align-items:center;}
	.banner .about {top:85vh;}
}

@media (max-width:991px) {
	.header .header-flex .right .right-flex nav ul li a {font-size:12pt;}
	.header .header-flex .right .right-flex .language a {font-size:12pt;}
	.banner .about {top:65vh;}
	
	.content h1 {font-size:22pt;margin-bottom:40px;}
	.content p {font-size:16pt;line-height:26pt;font-weight:normal;}
	
}

@media (max-width:901px) {
	.header-search {margin-top:20px;}
}

@media (max-width:768px) {
	.header .header-flex .left {width:200px;}
	.header .header-flex .right {width:calc(100% - 200px);}
	
	.contact .info .social li {margin-right:10px;}
	.contact .info .links {margin:12px 0px;}
	.contact .map {margin-bottom:15px;}
	
	.footer .flex .left {width:100%;}
	.footer .flex .right {width:100%;display:flex;justify-content:left;margin-top:20px;}
	.banner .about {top:43vh;width:90%;}
	.banner .about .about-bg {object-fit: cover; width: 100%; position: relative; margin-top: 0px; height: auto;}
	.banner img {margin-top:0px;object-fit:cover;height:70vh;}
	
	.content {padding:35px 0px;}
	.content h1 {font-size:19pt;margin-bottom:40px;}
	.content p {font-size:14pt;line-height:25pt;font-weight:normal;}
	
}