@charset "UTF-8";
/*
Theme Name: gazalmaz
*/

.min-h-screen >container:first-of-type	  {}


body {
    --font-body: "Manrope","Manrope Fallback";
    --font-heading: "Exo 2","Exo 2 Fallback";	
}
.min-h-screen {
    margin-top: 75px;
}
.menu-item {
    font-family: var(--font-heading);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
.menu-item:hover {color: var(--primary);}


p img.alignright {
    float: right;
    padding-bottom: 10px;
}

.advantages-text {font-size: 20px;}
.advantages-text ul{}
.advantages-text ol{list-style: decimal;margin-left: 40px;    font-size: 20px;    color: var(--muted-foreground);}
.advantages-text ol li{    padding-right: 20px;}

.advantages-text h2{    font-size: var(--text-2xl);}

blockquote {
    padding: 20px;
	border: 1px solid #00d9ff33;
    background: #0a334b;
    border-radius: 20px;
	color: var(--muted-foreground);
    font-size: 18px;
}
#hero.min-h-screen {    margin-top: -125px;}

.accessories .h-72{height: calc(var(--spacing) * 56);}

section .content,section.content {
    font-size: var(--text-2xl);
	line-height: 1.5;
}
section .content h2,section.content h2,section .content h3,section.content h3 {
    color: #00d9ff;
    font-size: 2.5rem;
    margin: 15px 0;
}
section .content h3,section.content h3 {
    font-size: 1.5rem;
}


section .content p,section.content p{
	margin-bottom: 10px;
}
section .content p strong,section .content p strong{
	font-weight: bold;
	color: #00d9ff;
}

section .content ul, section .content ol,section.content ul, section.content ol {
    list-style: disc;
    margin-left: 40px;
}

.content-outer--hidden {
    max-height: 300px;
    overflow: hidden;
    transition: max-height 0.3s ease;
    position: relative;
    padding-bottom: calc(var(--mr_b) * 2);
    transition: max-height 0.3s ease;
}
.content-outer--hidden:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, #0c435fbd, rgba(0, 0, 0, 0));
    display: block;
}
.content-outer--hidden.open:after {
    content: none;
}
.content-outer .btn-more {margin-top: 30px;}
.content-outer .btn-more:after {
    content: "";
    background: url(/wp-content/themes/twentytwentyone/assets/img/chevron_down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: 15px;
}
.content-outer .btn-block.act .btn-more:after {
    content: "";
    transform: rotate(180deg);
}
.btn-more {
    text-align: center;
    width: max-content;
    margin: auto;
    background: #77e7ff;
    color: black;
    margin-top: 25px;
    padding: 5px 20px;
    border-radius: 20px;
}
.btn-more:before{
	content: "";
}


.menu_mobile {
    /* display: none; */
}
a.phone.messenger-icon {
    width: auto;
}







@media (max-width: 1024px){

}
@media (max-width: 768px){
	.min-h-screen >.container{padding: 0;}
	
button.phone {text-indent: -1000px;padding-right: 0;}
}