/*
01. General Styles
02. Form Styles
03. Blocks Styles
04. Header Styles
05. Media Styles
-------------------------------------------------------------- Root color
--e-global-color-primary: #FF4E00;
--e-global-color-secondary: #FFFFFF;
--e-global-color-text: #001008;
--e-global-color-accent: #000000;
--e-global-color-22ccd6a: #F7F7F6;
*/
/*--------------------------------------------------------------1 General Styles*/
::-webkit-scrollbar {
width: 8px;
background: var(--e-global-color-1e73b96);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px grey;
box-shadow: inset 0 0 2px grey;
border-radius: 0;
}
::-webkit-scrollbar-thumb {
background: var(--e-global-color-text);
}
::-webkit-scrollbar-thumb:hover {
background: var(--e-global-color-text);
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
}
.hidden {
opacity: 0!important;
display: none!important;
}
ul, ol {
-webkit-margin-after: 0.9rem;
margin-block-end: 0.9rem;
}
.comments-area a, .page-content a {
text-decoration: none;
}
.color .elementor-icon-box-icon svg path, .color .elementor-icon-box-icon svg line, .color .elementor-icon-box-icon svg polyline, .color .elementor-icon-box-icon svg circle {
stroke: var(--e-global-color-primary);
}
.scroll-top {
display: none;
width: 47px;
height: 47px;
border-radius: 50%;
background-color:rgb(157 157 157 / 36%);
background-repeat: no-repeat;
background-position: center center;
background-image:
url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODY5OCAxNi44MDU3QzUuNzAyMDEgMTYuNjU4IDUuMzc2NTEgMTYuNTI2MiA1LjA4NzkyIDE2Ljc1OTZMMCAyMS4wNDU2VjIzLjcwMDRDMC44Mjg4NTkgMjMuMDE0NiA1LjUyNDgzIDE5LjEzMDYgNS41MjQ4MyAxOS4xMzA2QzUuNTI0ODMgMTkuMTMwNiAxMC4xNzMyIDIzLjA0MzQgMTEgMjMuNzI4NVYyMS4wNzI5TDUuODY5OCAxNi44MDU3Wk01Ljg2OTggOC41MDI1OEM1LjcwMjAxIDguMzU0ODkgNS4zNzY1MSA4LjIyMzA1IDUuMDg3OTIgOC40NTY0N0wwIDEyLjc0MjRWMTUuMzk3M0MwLjgyODg1OSAxNC43MTE0IDUuNTI0ODMgMTAuODI3NSA1LjUyNDgzIDEwLjgyNzVDNS41MjQ4MyAxMC44Mjc1IDEwLjE3MzIgMTQuNzQwMiAxMSAxNS40MjU0VjEyLjc3MDVMNS44Njk4IDguNTAyNThaTTUuMDg3OTIgMC4xMjczODRDNS4zNzY1MSAtMC4xMDYwNDEgNS43MDIwMSAwLjAyNTgwMDcgNS44Njk4IDAuMTczNDkyTDExIDQuNDQxNDJWNy4wOTYyN0MxMC4xNzMyIDYuNDExMTMgNS41MjQ4MyAyLjQ5ODM3IDUuNTI0ODMgMi40OTgzN0M1LjUyNDgzIDIuNDk4MzcgMC44Mjg4NTkgNi4zODIzMSAwIDcuMDY4MTdWNC40MTMzMkw1LjA4NzkyIDAuMTI3Mzg0WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
position: fixed;
left: 20px;
bottom: 20px;
z-index: 20;
cursor: pointer;
}
.scroll-top.active {
display: block;
}
.seo__text {
max-height: 350px;
overflow: hidden;
position: relative;
}
.seo__text::before {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 50px;
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
background: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
z-index: 1;
}
.seo__text.active {
max-height: 100%;
}
.seo__text.active::before {
content: '';
background: transparent;
}
.toggleBtn {
cursor: pointer;	
}
.d-flex {
display: flex;	
gap: 15px;
}
.price-block .first {
min-width: 80%;
width: 80%;
}
.price-block .second {
min-width: 19%;
width: 19%;
text-align: center;
border-left: 1px solid #e6e6e6;
}
.price-block .title-wrap {
border: 1px solid #e6e6e6;	
font-weight: 600;
font-size: 20px;
}
.price-block .info-wrap {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
.price-block .info-wrap .item {
padding: 25px 10px 10px 20px;	
}
.price-block .title-wrap .item {
padding: 10px 25px;	
text-align: center;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
margin-top: -40px;
}
/*--------------------------------------------------------------2 Form Styles */
.wpcf7-spinner,
.wpcf7-response-output,
.wpcf7-not-valid-tip {
display: none;	
}
form input[type=date], form input[type=email], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=url], form select {
border-color: #F7F7F6;
background: #F7F7F6;
border-radius: 5px;
padding: 10px 15px;
margin-bottom: 15px;
}
form select {
padding: 12.5px;
}
form input[type=date]:focus-visible, form input[type=email]:focus-visible, form input[type=number]:focus-visible, form input[type=password]:focus-visible, form input[type=search]:focus-visible, form input[type=tel]:focus-visible, form input[type=text]:focus-visible, form input[type=url]:focus-visible, form select:focus-visible, form textarea:focus-visible {
outline: 1px;
}
form textarea {
border-radius: 5px;
min-height: 100px;
height: 100px;
}
form input[type=submit] {
font-weight: 600;
text-transform: uppercase;
fill: var(--e-global-color-text);
color: var(--e-global-color-text);
background-color: #F3C2A100;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: var(--e-global-color-text);
padding: 10px 40px 10px 40px;
}
form input[type=submit]:hover, form input[type=submit]:focus {
background-color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
.flex__input {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
label {
width: 100%;
font-size: 13px;
line-height: 23px;	
}
form p {
margin-bottom: 0px	
}
form .accept {
font-size: 13px;	
}
form .accept a {
border-bottom: 1px dashed;	
}
.wpcf7-not-valid {
border-color: #cf2e2e!important;
}
label span {
color: var(--e-global-color-primary);
}
/*--------------------------------------------------------------5 Media Styles */
@media only screen and (max-width : 533px)  {
ul, ol {
padding-left: 20px;	
}	
.price-block .first {
min-width: 65%;
width: 65%;
}
.price-block .second {
min-width: 30%;
width: 30%;
}	
.price-block .title-wrap {
font-size: 11px;
}
.price-block .title-wrap .item {
padding: 10px;		
}
.price-block .info-wrap {
font-size: 11px;	
}
.price-block .info-wrap .item {
padding: 10px 5px 0px 10px;
}
}