/*
Author: Mohammad Zare
Author URI: http://mohammadz.com/
*/
@charset "UTF-8";
:root {
--color-yellow-50: #fff3cc;
--color-yellow-100: #ffe799;
--color-yellow-200: #ffdb66;
--color-yellow-300: #ffcf33;
--color-yellow-400: #ffc300;
--color-yellow-500: #cc9c00;
--color-yellow-600: #997500;
--color-yellow-700: #664e00;
--color-yellow-800: #332700;
--color-magenta-50: #f8cce4;
--color-magenta-100: #f199c9;
--color-magenta-200: #e966ad;
--color-magenta-300: #e23392;
--color-magenta-400: #db0077;
--color-magenta-500: #af005f;
--color-magenta-600: #830047;
--color-magenta-700: #580030;
--color-magenta-800: #2c0018;
--color-cyan-50: #ccf2fa;
--color-cyan-100: #99e5f5;
--color-cyan-200: #66d7f1;
--color-cyan-300: #33caec;
--color-cyan-400: #00bde7;
--color-cyan-500: #0097b9;
--color-cyan-600: #00718b;
--color-cyan-700: #004c5c;
--color-cyan-800: #00262e;
--color-pavlova-50: #f8f4ed;
--color-pavlova-100: #f1e9db;
--color-pavlova-200: #e9dfca;
--color-pavlova-300: #e2d4b8;
--color-pavlova-400: #dbc9a6;
--color-pavlova-500: #afa185;
--color-pavlova-600: #837964;
--color-pavlova-700: #585042;
--color-pavlova-800: #2c2821;
--color-elephant-50: #cdd9d8;
--color-elephant-100: #9cb3b1;
--color-elephant-200: #6a8e8a;
--color-elephant-300: #396863;
--color-elephant-400: #07423c;
--color-elephant-500: #063530;
--color-elephant-600: #042824;
--color-elephant-700: #031a18;
--color-elephant-800: #010d0c;
--color-pumpkin-50: #ffdfcc;
--color-pumpkin-100: #ffbf99;
--color-pumpkin-200: #ff9f66;
--color-pumpkin-300: #ff7f33;
--color-pumpkin-400: #ff5f00;
--color-pumpkin-500: #cc4c00;
--color-pumpkin-600: #993900;
--color-pumpkin-700: #662600;
--color-pumpkin-800: #331300;
--color-white: #fff;
--color-black: #000;
--color-gray-50: #f5f5f5;
--color-gray-100: #e0e0e0;
--color-gray-200: #c6c6c6;
--color-gray-300: #a8a8a8;
--color-gray-400: #8d8d8d;
--color-gray-500: #6e6e6e;
--color-gray-600: #555555;
--color-gray-700: #393939;
--color-gray-800: #252525;
--color-gray-900: #161616;
--color-gray-1000: #101010;
--color-Success: #5fcb71;
--color-Success-BG: #e1f7e1;
--color-Error: #ea3328;
--color-Error-BG: #f7d1d0;
--color-Warning: #f4b346;
--color-Warning-BG: #fef1d2;
--color-Info: #3f65f6;
--color-Info-BG: #ecf0ff;
--filter-yellow-50: brightness(0) saturate(100%) invert(94%) sepia(38%) saturate(462%) hue-rotate(311deg) brightness(102%) contrast(104%);
--filter-yellow-100: brightness(0) saturate(100%) invert(99%) sepia(76%) saturate(1351%) hue-rotate(311deg) brightness(107%) contrast(101%);
--filter-yellow-200: brightness(0) saturate(100%) invert(72%) sepia(60%) saturate(337%) hue-rotate(5deg) brightness(104%) contrast(108%);
--filter-yellow-300: brightness(0) saturate(100%) invert(84%) sepia(64%) saturate(1026%) hue-rotate(328deg) brightness(103%) contrast(100%);
--filter-yellow-400: brightness(0) saturate(100%) invert(67%) sepia(83%) saturate(518%) hue-rotate(359deg) brightness(101%) contrast(105%);
--filter-yellow-500: brightness(0) saturate(100%) invert(72%) sepia(81%) saturate(2463%) hue-rotate(7deg) brightness(87%) contrast(100%);
--filter-yellow-600: brightness(0) saturate(100%) invert(45%) sepia(41%) saturate(6699%) hue-rotate(37deg) brightness(97%) contrast(100%);
--filter-yellow-700: brightness(0) saturate(100%) invert(29%) sepia(39%) saturate(988%) hue-rotate(9deg) brightness(97%) contrast(100%);
--filter-yellow-800: brightness(0) saturate(100%) invert(13%) sepia(39%) saturate(1444%) hue-rotate(17deg) brightness(103%) contrast(100%);
--filter-magenta-50: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(6047%) hue-rotate(283deg) brightness(94%) contrast(106%);
--filter-magenta-100: brightness(0) saturate(100%) invert(95%) sepia(29%) saturate(7368%) hue-rotate(280deg) brightness(98%) contrast(91%);
--filter-magenta-200: brightness(0) saturate(100%) invert(51%) sepia(31%) saturate(902%) hue-rotate(275deg) brightness(98%) contrast(95%);
--filter-magenta-300: brightness(0) saturate(100%) invert(45%) sepia(57%) saturate(6863%) hue-rotate(307deg) brightness(91%) contrast(93%);
--filter-magenta-400: brightness(0) saturate(100%) invert(11%) sepia(92%) saturate(6943%) hue-rotate(321deg) brightness(87%) contrast(100%);
--filter-magenta-500: brightness(0) saturate(100%) invert(12%) sepia(91%) saturate(4095%) hue-rotate(314deg) brightness(89%) contrast(118%);
--filter-magenta-600: brightness(0) saturate(100%) invert(11%) sepia(57%) saturate(3851%) hue-rotate(312deg) brightness(110%) contrast(105%);
--filter-magenta-700: brightness(0) saturate(100%) invert(9%) sepia(25%) saturate(7229%) hue-rotate(307deg) brightness(106%) contrast(112%);
--filter-magenta-800: brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(4668%) hue-rotate(280deg) brightness(92%) contrast(112%);
--filter-cyan-50: brightness(0) saturate(100%) invert(94%) sepia(99%) saturate(3829%) hue-rotate(173deg) brightness(108%) contrast(96%);
--filter-cyan-100: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(1860%) hue-rotate(165deg) brightness(99%) contrast(94%);
--filter-cyan-200: brightness(0) saturate(100%) invert(80%) sepia(73%) saturate(1116%) hue-rotate(161deg) brightness(98%) contrast(92%);
--filter-cyan-300: brightness(0) saturate(100%) invert(62%) sepia(87%) saturate(362%) hue-rotate(146deg) brightness(93%) contrast(99%);
--filter-cyan-400: brightness(0) saturate(100%) invert(68%) sepia(12%) saturate(7498%) hue-rotate(146deg) brightness(90%) contrast(103%);
--filter-cyan-500: brightness(0) saturate(100%) invert(36%) sepia(48%) saturate(3524%) hue-rotate(166deg) brightness(98%) contrast(101%);
--filter-cyan-600: brightness(0) saturate(100%) invert(20%) sepia(50%) saturate(5005%) hue-rotate(176deg) brightness(96%) contrast(100%);
--filter-cyan-700: brightness(0) saturate(100%) invert(22%) sepia(24%) saturate(1865%) hue-rotate(146deg) brightness(101%) contrast(102%);
--filter-cyan-800: brightness(0) saturate(100%) invert(12%) sepia(9%) saturate(4309%) hue-rotate(141deg) brightness(97%) contrast(100%);
--filter-pavlova-50: brightness(0) saturate(100%) invert(89%) sepia(0%) saturate(3%) hue-rotate(167deg) brightness(105%) contrast(105%);
--filter-pavlova-100: brightness(0) saturate(100%) invert(94%) sepia(6%) saturate(728%) hue-rotate(32deg) brightness(110%) contrast(88%);
--filter-pavlova-200: brightness(0) saturate(100%) invert(84%) sepia(18%) saturate(204%) hue-rotate(1deg) brightness(102%) contrast(95%);
--filter-pavlova-300: brightness(0) saturate(100%) invert(84%) sepia(17%) saturate(305%) hue-rotate(2deg) brightness(98%) contrast(94%);
--filter-pavlova-400: brightness(0) saturate(100%) invert(91%) sepia(46%) saturate(2378%) hue-rotate(287deg) brightness(92%) contrast(87%);
--filter-pavlova-500: brightness(0) saturate(100%) invert(65%) sepia(22%) saturate(313%) hue-rotate(2deg) brightness(95%) contrast(93%);
--filter-pavlova-600: brightness(0) saturate(100%) invert(53%) sepia(7%) saturate(925%) hue-rotate(1deg) brightness(89%) contrast(95%);
--filter-pavlova-700: brightness(0) saturate(100%) invert(31%) sepia(6%) saturate(1242%) hue-rotate(358deg) brightness(97%) contrast(95%);
--filter-pavlova-800: brightness(0) saturate(100%) invert(15%) sepia(1%) saturate(4914%) hue-rotate(347deg) brightness(100%) contrast(97%);
--filter-elephant-50: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(728%) hue-rotate(118deg) brightness(93%) contrast(89%);
--filter-elephant-100: brightness(0) saturate(100%) invert(71%) sepia(12%) saturate(297%) hue-rotate(126deg) brightness(96%) contrast(94%);
--filter-elephant-200: brightness(0) saturate(100%) invert(55%) sepia(7%) saturate(998%) hue-rotate(125deg) brightness(93%) contrast(95%);
--filter-elephant-300: brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(2079%) hue-rotate(124deg) brightness(95%) contrast(94%);
--filter-elephant-400: brightness(0) saturate(100%) invert(18%) sepia(71%) saturate(501%) hue-rotate(124deg) brightness(97%) contrast(97%);
--filter-elephant-500: brightness(0) saturate(100%) invert(16%) sepia(39%) saturate(765%) hue-rotate(123deg) brightness(99%) contrast(100%);
--filter-elephant-600: brightness(0) saturate(100%) invert(12%) sepia(15%) saturate(2012%) hue-rotate(123deg) brightness(99%) contrast(99%);
--filter-elephant-700: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(3235%) hue-rotate(123deg) brightness(97%) contrast(102%);
--filter-elephant-800: brightness(0) saturate(100%) invert(5%) sepia(9%) saturate(3093%) hue-rotate(131deg) brightness(95%) contrast(101%);
--filter-pumpkin-50: brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(170%) hue-rotate(335deg) brightness(102%) contrast(100%);
--filter-pumpkin-100: brightness(0) saturate(100%) invert(68%) sepia(85%) saturate(207%) hue-rotate(331deg) brightness(101%) contrast(100%);
--filter-pumpkin-200: brightness(0) saturate(100%) invert(59%) sepia(93%) saturate(313%) hue-rotate(332deg) brightness(102%) contrast(100%);
--filter-pumpkin-300: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(372%) hue-rotate(338deg) brightness(102%) contrast(102%);
--filter-pumpkin-400: brightness(0) saturate(100%) invert(34%) sepia(98%) saturate(1510%) hue-rotate(3deg) brightness(105%) contrast(103%);
--filter-pumpkin-500: brightness(0) saturate(100%) invert(29%) sepia(77%) saturate(1393%) hue-rotate(360deg) brightness(104%) contrast(105%);
--filter-pumpkin-600: brightness(0) saturate(100%) invert(22%) sepia(99%) saturate(1348%) hue-rotate(4deg) brightness(92%) contrast(100%);
--filter-pumpkin-700: brightness(0) saturate(100%) invert(17%) sepia(17%) saturate(6760%) hue-rotate(5deg) brightness(95%) contrast(101%);
--filter-pumpkin-800: brightness(0) saturate(100%) invert(11%) sepia(15%) saturate(4399%) hue-rotate(354deg) brightness(94%) contrast(103%);
--filter-white: brightness(0) invert(1);
--filter-black: brightness(0) invert(0);
--filter-gray-50: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7083%) hue-rotate(49deg) brightness(98%) contrast(101%);
--filter-gray-100: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(281%) hue-rotate(61deg) brightness(105%) contrast(96%);
--filter-gray-200: brightness(0) saturate(100%) invert(76%) sepia(0%) saturate(525%) hue-rotate(325deg) brightness(104%) contrast(95%);
--filter-gray-300: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(30deg) brightness(90%) contrast(90%);
--filter-gray-400: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(221%) hue-rotate(354deg) brightness(93%) contrast(98%);
--filter-gray-500: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(1413%) hue-rotate(0deg) brightness(96%) contrast(89%);
--filter-gray-600: brightness(0) saturate(100%) invert(35%) sepia(2%) saturate(0%) hue-rotate(83deg) brightness(92%) contrast(92%);
--filter-gray-700: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(33%) hue-rotate(111deg) brightness(95%) contrast(92%);
--filter-gray-800: brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(932%) hue-rotate(278deg) brightness(95%) contrast(99%);
--filter-gray-900: brightness(0) saturate(100%) invert(7%) sepia(0%) saturate(2296%) hue-rotate(336deg) brightness(96%) contrast(95%);
--filter-gray-1000: brightness(0) saturate(100%) invert(8%) sepia(2%) saturate(1183%) hue-rotate(342deg) brightness(92%) contrast(103%);
--animate-duration: 1000ms;
--animate-delay: 150ms;
}
@font-face {
font-family: "Yekan Bakh";
font-weight: normal;
src: url("../fonts/YekanBakh-VF.woff") format("woff-variations");
font-weight: 1 999;
}
:focus {
outline: 0 !important;
}
::selection {
background: rgba(0, 0, 0, 0.1);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.1);
}
a {
color: #07423c;
text-decoration: none !important;
}
a:hover {
color: #cc4c00;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Yekan Bakh", sans-serif;
font-weight: 700;
line-height: 1.4;
}
html {
background-color: #07423c;
}
html,
body {
width: 100vw;
min-height: 100%;
min-height: 100svh;
position: relative;
overflow-x: clip;
}
body:not(.logged-in) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
body {
font-family: "Yekan Bakh", sans-serif;
/* -moz-font-feature-settings: "ss02", "ss03", "ss06", "ss07";
-webkit-font-feature-settings: "ss02", "ss03", "ss06", "ss07";
font-feature-settings: "ss02", "ss03", "ss06", "ss07"; */
font-variation-settings: "wdth" 100, "DOTS" 1;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
direction: rtl;
background: #fff;
color: #101010;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.overlay-link {
font-size: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 10;
cursor: pointer;
}
.body-overlay {
width: 100vw;
height: 100svh;
position: fixed !important;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(248, 244, 237, 0.5);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
z-index: 100;
cursor: pointer;
}
.body-overflow {
overflow: hidden;
}
label,
th,
.control-label {
font-family: "Yekan Bakh", sans-serif;
font-weight: 600;
font-size: 14px;
}
a>i:only-child,
button>i:only-child {
line-height: inherit;
}
ol {
list-style-type: persian;
}
html[lang="ar"] ol {
list-style-type: arabic-indic;
}
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-property: height, visibility;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.modal-dialog {
min-height: 100svh;
display: flex;
align-items: center;
}
.modal-header {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.page-navigation {
margin: 50px 0 0;
text-align: center;
background: rgb(242, 242, 242);
padding: 40px;
}
.pagination {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pagination>li {
padding: 0 10px;
}
.pagination>li>a,
.pagination>li>.page-link.current {
color: rgba(51, 51, 51, 0.5);
line-height: 1;
text-align: center;
font-weight: 700;
background: none !important;
border: none !important;
padding: 0 !important;
}
.pagination>li>a.page-link:hover,
.pagination>li>.page-link.current {
color: rgb(51, 51, 51);
}
/*Custom*/
.container-fluid {
max-width: 100%;
max-width: 1330px;
max-width: 1200px;
}
.section {
position: relative;
overflow: hidden;
z-index: 1;
}
.section-wrapper {
padding: 57px 0;
position: relative;
z-index: 1;
}
.section-cover {
position: relative;
}
.section-cover img {
width: 100%;
height: 100%;
object-fit: cover;
}
.section-bg {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
position: absolute;
top: 0;
left: 0;
}
.section-divider {
width: 100%;
}
.section-header+.section-body,
.section-body+.section-footer,
.section-header+.section-footer {
margin-top: 57px;
}
.section-header {
text-align: center;
}
.section-title {
font-size: 40px;
font-weight: 800;
line-height: 46.8px;
color: #000;
margin: 0;
}
.section-subtitle {
font-size: 48px;
font-weight: bold;
line-height: 0.9;
color: rgba(0, 0, 0, 0.9);
margin: 20px 0 0;
}
.section-desc {
margin: 20px 0 0;
font-size: 16px;
line-height: 1.5;
color: #6e6e6e;
text-align: justify;
}
.section-title+.section-desc {
text-align: center;
}
div>.section-subtitle:first-child,
div>.section-desc:first-child {
margin-top: 0;
}
#page-cover {
position: relative;
z-index: 1;
}
.page-cover-wrapper {
padding-top: 239px;
padding-bottom: 80px;
text-align: center;
flex-direction: column;
justify-content: end;
}
.page-cover-title {
font-size: 96px;
font-weight: 800;
line-height: 112.32px;
text-align: center;
color: #ffc300;
margin: 0;
}
.page-cover-desc {
font-size: 24px;
font-weight: 500;
line-height: 28.08px;
text-align: center;
color: #fff;
margin: 40px 0 0;
}
.page-cover-bg {
object-fit: cover;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
}
#page-body {
padding: 60px 0 100px;
}
#page-cover+#page-body,
#page-header+#page-body {
padding-top: 60px;
}
#header+#page-body {
padding-top: 160px;
}
#page-footer {
margin-top: auto;
}
#page-footer+#footer {
margin-top: 0;
}
#page-title {
color: rgba(0, 0, 0, 0.9);
font-size: 64px;
font-weight: 700;
line-height: 1;
margin: 0;
}
.subsection-header+.subsection-body,
.subsection-body+.subsection-footer,
.subsection-header+.subsection-footer {
margin-top: 40px;
}
.subsection-header {
overflow: hidden;
}
.subsection-title {
font-size: 20px;
font-weight: bold;
line-height: 23.4px;
color: #555555;
margin: 0;
}
.subsection-subtitle {
font-size: 40px;
font-weight: bold;
line-height: 46.8px;
color: #ff5f00;
margin: 0;
}
.subsection-desc {
font-size: 20px;
font-weight: normal;
line-height: 23.4px;
color: #252525;
text-align: justify;
}
.subsection-title+.subsection-subtitle {
margin-top: 12px;
}
.subsection-subtitle+.subsection-desc {
margin-top: 20px;
}
.subsection-img {
width: 100%;
}
.subsection-list {
margin: 0;
padding: 0;
list-style: none;
}
.subsection-list>li {
display: flex;
align-items: center;
}
.subsection-list>li::before {
width: 20px;
height: 20px;
margin-left: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9.16667,17.5C9.16667,17.5,9.16667,12,9.16667,12C9.16667,12,5.29167,15.8958,5.29167,15.8958C5.29167,15.8958,4.10417,14.7083,4.10417,14.7083C4.10417,14.7083,8,10.83333,8,10.83333C8,10.83333,2.5,10.83333,2.5,10.83333C2.5,10.83333,2.5,9.16667,2.5,9.16667C2.5,9.16667,8,9.16667,8,9.16667C8,9.16667,4.10417,5.29167,4.10417,5.29167C4.10417,5.29167,5.29167,4.10417,5.29167,4.10417C5.29167,4.10417,9.16667,8,9.16667,8C9.16667,8,9.16667,2.5,9.16667,2.5C9.16667,2.5,10.83333,2.5,10.83333,2.5C10.83333,2.5,10.83333,8,10.83333,8C10.83333,8,14.7083,4.10417,14.7083,4.10417C14.7083,4.10417,15.8958,5.29167,15.8958,5.29167C15.8958,5.29167,12,9.16667,12,9.16667C12,9.16667,17.5,9.16667,17.5,9.16667C17.5,9.16667,17.5,10.83333,17.5,10.83333C17.5,10.83333,12,10.83333,12,10.83333C12,10.83333,15.8958,14.7083,15.8958,14.7083C15.8958,14.7083,14.7083,15.8958,14.7083,15.8958C14.7083,15.8958,10.83333,12,10.83333,12C10.83333,12,10.83333,17.5,10.83333,17.5C10.83333,17.5,9.16667,17.5,9.16667,17.5C9.16667,17.5,9.16667,17.5,9.16667,17.5Z'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
content: "";
}
.button {
height: 43px;
padding: 0 20px;
gap: 10px;
border: 1px solid transparent;
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 500;
}
.button-block {
display: flex;
width: 100%;
}
.button-block+.button-block {
margin-top: 15px;
}
.button-dark.button-yellow {
background-color: #ffc300;
color: #fff3cc;
}
.button-dark.button-yellow:hover {
background-color: #fff3cc;
color: #ffc300;
}
.button-dark.button-magenta {
background-color: #db0077;
color: #f8cce4;
}
.button-dark.button-magenta:hover {
background-color: #f8cce4;
color: #db0077;
}
.button-dark.button-cyan {
background-color: #00bde7;
color: #ccf2fa;
}
.button-dark.button-cyan:hover {
background-color: #ccf2fa;
color: #00bde7;
}
.button-dark.button-pavlova {
background-color: #00bde7;
color: #f8f4ed;
}
.button-dark.button-pavlova:hover {
background-color: #f8f4ed;
color: #00bde7;
}
.button-dark.button-elephant {
background-color: #00bde7;
color: #cdd9d8;
}
.button-dark.button-elephant:hover {
background-color: #cdd9d8;
color: #00bde7;
}
.button-dark.button-pumpkin {
background-color: #ff5f00;
color: #ffdfcc;
}
.button-dark.button-pumpkin:hover {
background-color: #ffdfcc;
color: #ff5f00;
}
.button-dark.button-gray {
background-color: #393939;
color: #f5f5f5;
}
.button-dark.button-gray:hover {
background-color: #f5f5f5;
color: #393939;
}
.button-light.button-yellow {
background-color: #fff3cc;
color: #ffc300;
}
.button-light.button-yellow:hover {
background-color: #ffc300;
color: #fff3cc;
}
.button-light.button-magenta {
background-color: #f8cce4;
color: #db0077;
}
.button-light.button-magenta:hover {
background-color: #db0077;
color: #f8cce4;
}
.button-light.button-cyan {
background-color: #ccf2fa;
color: #00bde7;
}
.button-light.button-cyan:hover {
background-color: #00bde7;
color: #ccf2fa;
}
.button-light.button-pavlova {
background-color: #f8f4ed;
color: #00bde7;
}
.button-light.button-pavlova:hover {
background-color: #00bde7;
color: #f8f4ed;
}
.button-light.button-elephant {
background-color: #cdd9d8;
color: #00bde7;
}
.button-light.button-elephant:hover {
background-color: #00bde7;
color: #cdd9d8;
}
.button-light.button-pumpkin {
background-color: #ffdfcc;
color: #ff5f00;
}
.button-light.button-pumpkin:hover {
background-color: #ff5f00;
color: #ffdfcc;
}
.button-light.button-gray {
background-color: #f5f5f5;
color: #393939;
}
.button-light.button-gray:hover {
background-color: #393939;
color: #f5f5f5;
}
#header {
padding: 40px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
transition: all 0.3s ease-out;
}
#header.sticky {
background: #fff;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
padding: 20px 0;
}
#header>div {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
margin-left: auto;
}
.logo>img {
height: 40px;
}
#header:not(.sticky)[data-type="white"] .logo>img {
filter: var(--filter-white);
}
.cta-order {
height: 43px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 20px;
margin-right: 32px;
background: #07423c;
color: #fff;
white-space: nowrap;
}
.cta-order:hover {
background: #6a8e8a;
color: #fff;
}
#header[data-type="light"]:not(.sticky) .cta-order {
background: #ffc300;
}
#header[data-type="light"]:not(.sticky) .cta-order:hover {
background: #ffdb66;
}
#header[data-type="white"]:not(.sticky) .cta-order {
background: var(--color-white);
color: var(--color-black);
}
#header[data-type="white"]:not(.sticky) .cta-order:hover {
background: var(--color-gray-200);
color: var(--color-black);
}
.lang-nav {
margin: 0 32px 0 0;
padding: 0;
list-style: none;
display: inline-flex;
justify-content: center;
align-items: center;
}
.lang-nav>li>a {
font-size: 16px;
font-weight: 500;
color: #000;
opacity: 0.5;
}
#header[data-type="white"]:not(.sticky) .lang-nav>li>a,
#header[data-type="light"]:not(.sticky) .lang-nav>li>a {
color: #fff;
}
.lang-nav>li:not(:last-child)::after {
content: "/";
color: #000;
margin: 0 7px;
}
#header[data-type="white"]:not(.sticky) .lang-nav>li:not(:last-child)::after,
#header[data-type="light"]:not(.sticky) .lang-nav>li:not(:last-child)::after {
color: #fff;
}
.lang-nav>li:hover>a,
.lang-nav>li.active>a {
opacity: 1;
}
#header[data-type="light"]:not(.sticky) .lang-nav>li:hover>a,
#header[data-type="light"]:not(.sticky) .lang-nav>li.active>a {
color: #fff;
}
.lang-nav>li.active {
cursor: default;
pointer-events: none;
}
.card-desc {
text-align: justify;
}
.card {
position: relative;
height: 100%;
}
.card.panel {
height: unset;
}
.t1-card {
background-color: #f8f4ed;
padding: 20px;
border-radius: 5px;
display: flex;
height: 100%;
}
.t1-card .card-header {
flex: 0 0 38.1%;
max-width: 38.1%;
}
.t1-card .card-img {
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
}
.t1-card .card-body {
width: 100%;
padding-right: 24px;
display: flex;
flex-direction: column;
}
.t1-card .card-title {
font-size: 24px;
font-weight: 800;
line-height: 28.08px;
text-wrap: balance;
color: #000;
}
.t1-card .card-desc {
font-size: 16px;
font-weight: normal;
line-height: 20px;
color: #000;
opacity: 0.5;
text-align: justify;
margin-top: auto;
}
.t2-card {
background-color: #f8f4ed;
padding: 20px;
border-radius: 5px;
}
.t2-card .card-img {
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
}
.t2-card .card-body {
width: 100%;
padding-top: 24px;
display: flex;
flex-direction: column;
}
.t2-card .card-title {
font-size: 24px;
font-weight: 500;
line-height: 28.08px;
text-wrap: balance;
color: #000;
}
.t2-card .card-desc {
font-size: 16px;
font-weight: normal;
line-height: 20px;
color: #000;
opacity: 0.5;
text-align: justify;
margin-top: auto;
}
.t3-masonry::after {
clear: both;
content: "";
display: block;
}
.t3-masonry>div {
float: right;
padding: 12px !important;
}
.t3-card {
position: relative;
overflow: hidden;
}
.t3-card .card-header {
position: relative;
}
.t3-card .card-header::before {
padding-top: 100%;
content: "";
display: block;
}
.t3-card .card-img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.t3-card .card-body {
background: #07423c;
padding: 0 24px 24px;
display: flex;
flex-direction: column;
justify-content: end;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
animation: slide-out-bottom 300ms forwards;
}
.t3-card:hover .card-body {
animation: slide-in-bottom 300ms forwards;
}
@keyframes slide-in-bottom {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0%);
}
}
@keyframes slide-in-left {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
@keyframes slide-in-top {
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
}
@keyframes slide-in-right {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
@keyframes slide-out-bottom {
from {
transform: translateY(0%);
}
to {
transform: translateY(-100%);
}
}
@keyframes slide-out-left {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
@keyframes slide-out-top {
from {
transform: translateY(0%);
}
to {
transform: translateY(100%);
}
}
@keyframes slide-out-right {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
.t3-card .card-title {
font-size: 24px;
font-weight: 500;
color: #fff;
text-wrap: balance;
margin: 0;
}
.t4-grid {
counter-reset: service;
}
.t4-card {
padding: 40px;
border: solid 1px #f8cce4;
border-bottom-color: rgba(0, 0, 0, 0.1);
background-color: rgba(248, 204, 228, 0.15);
height: 100%;
display: flex;
counter-increment: service;
position: relative;
}
.t4-card::before {
font-size: 36px;
font-weight: 800;
line-height: 36px;
color: var(--color-magenta-400);
margin-left: 20px;
content: "Û°" counter(service, persian);
}
.t4-grid>div:nth-child(n + 10) .t4-card::before {
content: counter(service, persian);
}
.t4-card .card-body {
display: flex;
flex-direction: column;
}
.t4-card .card-title {
font-size: 24px;
font-weight: 800;
line-height: 37.44px;
color: #000;
text-wrap: balance;
margin: 0;
}
.t4-card .card-desc {
font-size: 16px;
font-weight: normal;
line-height: 28px;
color: #000;
opacity: 0.5;
text-align: justify;
margin: auto 0 0;
padding-top: 20px;
}
.t5-card {
background-color: #07423c;
padding: 60px;
border-radius: 5px;
position: relative;
overflow: hidden;
height: 100%;
}
.t5-card>.card-bg {
background-image: url(../img/bg-cta-featured.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100% auto;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: "";
z-index: -1;
}
.t5-card .card-title {
font-size: 36px;
font-weight: 500;
color: #ff5f00;
text-wrap: balance;
margin: 0;
}
.t5-card .card-subtitle {
opacity: 0.6;
font-size: 20px;
font-weight: normal;
color: #fff;
margin: 16px 0 0;
}
.t5-card .card-body {
font-size: 16px;
line-height: 1.5;
color: #fff;
margin: 24px 0;
}
.t5-card .card-list {
font-size: 16px;
line-height: 1.5;
color: #fff;
margin: 0;
padding: 0;
list-style: none;
}
.t5-card .card-list>li {
display: flex;
align-items: center;
}
.t5-card .card-list>li:not(:last-child) {
margin-bottom: 12px;
}
.t5-card .card-list>li::before {
min-width: 11.7px;
max-width: 11.7px;
height: 11.7px;
border-radius: 50%;
background-color: #ff5f00;
margin-left: 16px;
content: "";
}
.t6-card .card-img {
width: 100%;
}
.t6-card .card-body {
padding-top: 20px;
}
.t6-card .card-tag {
margin: 0 0 20px;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.t6-card .card-tag>li>a {
font-size: 14px;
font-weight: normal;
padding: 4px 8px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
text-wrap: nowrap;
}
.t6-card .card-tag>li:not(:last-child) {
margin-right: 4px;
}
.t6-card .card-title {
font-size: 24px;
font-weight: 500;
line-height: 28.08px;
color: #000;
text-wrap: balance;
margin: 0;
}
.t6-card .card-desc {
font-size: 16px;
font-weight: normal;
line-height: 18.72px;
color: #8d8d8d;
text-align: justify;
margin: 20px 0 0;
}
.t7-card {
display: flex;
justify-content: center;
align-items: center;
}
.t7-card .card-img {
height: 52px;
}
.t8-card {
text-align: center;
}
.t8-card .card-img {
height: 80px;
}
.t8-card .card-body {
margin-top: 24px;
}
.t8-card .card-title {
font-size: 24px;
font-weight: 500;
color: #000;
text-wrap: balance;
margin: 0;
}
.t9-card .card-img {
height: 40px;
}
.t9-card .card-body {
margin-top: 16px;
}
.t9-card .card-title {
font-size: 24px;
font-weight: 500;
color: #07423c;
text-wrap: balance;
margin: 0;
}
.masonry-grid::after {
content: "";
display: block;
clear: both;
}
.masonry-grid-item {
margin-bottom: 30px;
}
.member-card-header {
position: relative;
}
.member-card-header::before {
padding-top: 100%;
content: "";
display: block;
}
.member-card-img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.member-card-title {
font-size: 16px;
font-weight: 500;
color: #000;
line-height: 1;
margin: 8px 0 0;
}
.member-card-subtitle {
font-size: 16px;
font-weight: normal;
color: #6e6e6e;
line-height: 1;
margin: 8px 0 0;
}
.section-intro .section-wrapper {
padding: 224px 0 119px;
text-align: center;
}
.section-intro .section-title {
font-size: 64px;
font-weight: 600;
line-height: 74.88px;
color: #000;
position: relative;
display: inline-flex;
}
.section-intro .section-title::before,
.section-intro .section-title::after {
position: absolute;
content: "";
z-index: -1;
}
.section-intro .section-title::before {
left: 0;
top: 0;
width: 250.16px;
height: 60px;
transform: rotate(-5.91deg);
background-color: #ff5f00;
}
.section-intro .section-title::after {
right: 0;
bottom: 0;
width: 216px;
height: 60px;
transform: rotate(7.57deg);
background-color: #ffc300;
}
.section-intro .section-desc {
font-size: 16px;
font-weight: normal;
line-height: 24px;
color: #6e6e6e;
}
.section-intro .section-body {
margin-top: 30px;
}
.section-intro .section-footer {
margin-top: 60px;
}
.section.bg-gray-zero+.section.bg-gray-zero .section-wrapper {
padding-top: 0;
}
.section-cta .section-inner {
padding: 50px 110px;
border-radius: 5px;
position: relative;
z-index: 1;
overflow: hidden;
}
.section-cta .section-inner .section-bg {
width: 100%;
height: 100%;
object-fit: cover;
transform: scaleX(-1);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.section-cta .section-title {
text-align: right;
font-size: 48px;
color: #fff;
}
.section-cta .section-footer {
margin-top: 30px;
}
.section-cta .section-icon {
max-width: 100%;
}
#footer {
/*border-top: 130px solid #fff;*/
margin-top: auto;
background: #ffc300 url(../img/bg-footer.svg) no-repeat left bottom;
background-size: cover;
}
.footer-top {
padding: 80px 0 120px;
}
.footer-top a {
color: #07423c;
}
.footer-top a:hover {
color: #000;
}
.fblock-title {
font-size: 16px;
font-weight: 500;
color: #07423c;
margin: 0;
}
.fblock-header {
margin: 0 0 20px;
}
.footer-logo>img {
height: 36px;
}
.footer-nav {
margin: 0;
padding: 0;
list-style: none;
}
.footer-nav>li>a {
font-size: 16px;
font-weight: 500;
}
.footer-nav>li:not(:last-child) {
margin-bottom: 20px;
}
.footer-service {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-service>li {
width: 50%;
margin-bottom: 12px;
}
.footer-service>li>a {
font-size: 16px;
font-weight: normal;
color: #664e00;
}
.footer-service>li>a:hover {
color: #000;
}
.footer-contact {
margin: 0;
padding: 0;
list-style: none;
}
.footer-contact>li:not(:last-child) {
margin-bottom: 12px;
}
.footer-contact {
font-size: 16px;
font-weight: normal;
color: #664e00;
}
.footer-bottom {
padding: 30px 0;
}
.powered>a {
color: #000;
}
.powered>a:hover {
color: #ff5f00;
}
.contact-info {
margin: 0;
padding: 0;
list-style: none;
}
.contact-info>li {
font-size: 26px;
font-weight: 500;
color: #000;
}
.contact-info>li:not(:last-child) {
margin-bottom: 20px;
}
.social-nav {
margin: 32px 0 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
}
#contact-map {
aspect-ratio: 1/1;
width: 100%;
max-height: 400px;
}
.stat-card-subtitle {
font-size: 32px;
font-weight: 500;
color: #ff5f00;
line-height: 1;
margin: 0;
}
.stat-card-title {
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 1;
margin: 12px 0 0;
}
body.page-template-page-about .section .section-header {
text-align: right;
}
body.page-template-page-about .section .section-title {
font-size: 48px;
font-weight: 500;
line-height: 56.16px;
color: #07423c;
}
.section-about-intro .section-cover {
margin-top: 120px;
}
body.single-post .page-header-title::after {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H9V2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H9V10ZM6 6V4H14V6H6ZM11 10V8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11V0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H11Z' fill='%2307423C'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
content: "";
display: block;
margin: 24px auto 0;
}
.page-header-bar {
background-color: #ff5f00;
background-image: url(../img/icon-bar.svg);
background-repeat: no-repeat;
background-position: left 15% top 0;
background-size: auto 100%;
padding: 0 20px;
min-height: 63px;
display: flex;
align-items: center;
}
.page-header-tag {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.page-header-tag>li {
font-size: 14px;
font-weight: normal;
padding: 4px 8px;
list-style: 1;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.page-header-tag>li:not(:last-child) {
margin-left: 4px;
}
.entry-header+.entry-body,
.entry-body+.entry-footer,
.entry-header+.entry-footer {
margin-top: 30px;
}
.entry-header {
position: relative;
}
.entry-cover {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.entry-cover::before {
padding-top: 56%;
display: block;
content: "";
}
.entry-cover>img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.entry-title {
color: #013c67;
font-size: 32px;
font-weight: 700;
margin: 0;
}
*+.entry-title {
margin-top: 30px;
}
.entry-info {
margin: 0;
padding: 0;
list-style: none;
}
*+.entry-info {
margin-top: 30px;
}
.entry-info>li:not(:last-child) {
margin-bottom: 10px;
}
.entry-info>li>i {
width: 30px;
font-size: 20px;
color: rgb(86, 197, 208);
}
.entry-meta,
.entry-meta ul {
margin: 0;
padding: 0;
list-style: none;
}
.entry-meta>li {
display: flex;
}
.entry-meta>li:not(:last-child) {
margin-bottom: 5px;
}
.entry-meta>li>i {
width: 26px;
align-self: center;
}
.entry-meta>li>strong {
margin-left: 5px;
}
.entry-meta ul {
display: inline-flex;
flex-wrap: wrap;
}
.entry-meta ul>li:not(:last-child)::after {
content: "،";
display: inline;
margin-left: 5px;
}
.section-hero-1,
.section-hero-2 {
height: 100svh;
overflow: unset;
}
.section-bg-square ul.section-bg {
margin: 0;
padding: 0;
list-style: none;
width: 100vw;
height: 100svh;
position: absolute;
top: 0;
left: 0;
overflow-y: visible;
overflow-x: clip;
overflow: hidden;
z-index: -1;
}
.section-bg-square ul.section-bg>li.section-bg-icon {
width: 100vw;
height: 100svh;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.section-bg-square ul.section-bg>li.section-bg-square {
width: 45vw;
height: 45vw;
position: absolute;
overflow: hidden;
}
.section-hero-1 ul.section-bg>li.section-bg-square:nth-of-type(1) {
top: -8%;
left: -25%;
}
.section-hero-1 ul.section-bg>li.section-bg-square:nth-of-type(2) {
top: 90%;
top: 70%;
left: 20%;
z-index: 1;
}
.section-hero-1 ul.section-bg>li.section-bg-square:nth-of-type(3) {
top: -52%;
left: 32%;
}
.section-hero-1 ul.section-bg>li.section-bg-square:nth-of-type(4) {
top: 43%;
left: 76%;
}
.section-hero-1 .section-bg-icon>img {
width: 40vw;
}
.section-hero-2 ul.section-bg>li.section-bg-square:nth-of-type(1) {
top: -18%;
left: 55%;
width: 31vw;
height: 31vw;
}
.section-hero-2 ul.section-bg>li.section-bg-square:nth-of-type(2) {
top: 84%;
left: 17%;
width: 53vw;
height: 53vw;
}
.section-hero-2 ul.section-bg>li.section-bg-square:nth-of-type(3) {
top: 51%;
left: 20%;
width: 31vw;
height: 31vw;
z-index: 1;
}
.section-hero-2 .section-bg-icon>img {
width: 40vw;
}
.section-service-intro {
overflow: unset;
}
.section-service-intro ul.section-bg {
overflow-y: visible;
overflow-x: clip;
overflow: unset;
}
.section-service-intro ul.section-bg>li.section-bg-square:nth-of-type(1) {
top: -13%;
left: -13%;
width: 63vw;
height: 63vw;
}
.section-service-intro ul.section-bg>li.section-bg-square:nth-of-type(2) {
top: -29%;
left: 81%;
z-index: 1;
}
.section-service-intro ul.section-bg>li.section-bg-square:nth-of-type(3) {
top: 82%;
left: 82%;
width: 48vw;
height: 48vw;
}
.section-service-intro ul.section-bg>li.section-bg-square:nth-of-type(4) {
top: 165%;
left: -27%;
}
.section-service-intro .section-wrapper {
padding-top: 200px;
}
.section-service-intro .section-header {
text-align: right;
}
.section-service-intro .section-title {
font-size: 40px;
font-weight: 900;
line-height: 46.8px;
color: #07423c;
text-wrap: balance;
margin: 0;
}
.section-service-intro .section-desc {
font-size: 16px;
font-weight: normal;
line-height: 18.72px;
text-align: justify;
color: #07423c;
opacity: 0.7;
margin: 16px 0 60px;
}
.section-service-intro .section-action {
margin-top: auto;
}
.section-service-intro .section-nav {
display: flex;
align-items: center;
gap: 20px;
}
.cta-contact {
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
font-size: 0;
display: inline-flex;
}
.cta-contact:hover {
opacity: 0.85;
}
.cta-contact-phone {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2307423C' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z'/%3E%3C/svg%3E");
}
.cta-contact-telegram {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2307423C' viewBox='0 0 496 512'%3E%3Cpath d='M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z'/%3E%3C/svg%3E");
}
.cta-contact-whatsapp {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2307423C' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E");
}
.section-service-intro .section-header,
.section-service-intro .section-body,
.section-service-intro .section-footer {
height: 100%;
display: flex;
flex-direction: column;
}
.section-service-intro .section-body {
padding: 20px;
gap: 82px;
background: rgba(205, 217, 216, 0.2);
}
.section-service-intro .section-feature {
margin: 0 0 60px;
padding: 0;
list-style: none;
}
.section-service-intro .section-feature>li {
display: flex;
align-items: center;
padding: 16px 0px;
}
.section-service-intro .section-feature>li+li {
border-top: 1px solid #cdd9d8;
border-top-color: rgba(0, 0, 0, 0.1);
}
.section-service-intro .section-feature>li>img {
min-width: 24px;
max-width: 24px;
margin-left: 16px;
}
.section-service-intro .section-footer {
justify-content: center;
align-items: center;
text-align: center;
background: #f8f4ed;
}
.section-service-intro .section-slideshow {
width: 85%;
}
.section-service-intro .slick-track {
display: flex !important;
align-items: center;
}
.section-service-intro .section-slide-img {
width: 100%;
}
.panel-accordion {
margin-top: auto;
}
.panel-accordion .card .card-header::after {
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2307423C' d='M9.4,10.6H4.6V9.4h4.8V4.6h1.2v4.8h4.8v1.2h-4.8v4.8H9.4V10.6L9.4,10.6z'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
display: inline-block;
content: "";
}
.panel-accordion .card.active .card-header::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2307423C' d='M4.6,10.6V9.4h10.8v1.2H4.6L4.6,10.6z'/%3E%3C/svg%3E");
}
.panel-accordion .card .card-header {
padding: 16px 0;
border-bottom: 1px solid #cdd9d8;
border-bottom-color: rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.panel-accordion .card .card-title {
font-size: 16px;
font-weight: bold;
line-height: 18.72px;
color: #07423c;
margin: 0;
}
.panel-accordion .card .card-body {
font-size: 16px;
font-weight: normal;
line-height: 18.72px;
color: #07423c;
opacity: 0.7;
padding-top: 16px;
text-align: justify;
display: none;
}
.t10-grid .t10-card .card-header {
padding-right: 20px;
padding-left: 20px;
}
.t10-grid .t10-card .card-body {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}
.t11-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 40px;
gap: 12px;
border-top: 4px solid transparent;
}
.t11-card::before {
width: 32px;
height: 32px;
background: url(../img/icon-quote.svg) no-repeat center/cover;
content: '';
}
.t11-card .card-desc {
text-align: center !important;
}
[class$="-desc"] {
text-align: justify;
}
.page-wizard {
display: flex;
justify-content: center;
align-items: center;
margin: 60px 0 0;
padding: 0;
list-style: none;
}
.page-wizard>li>div {
display: flex;
flex-direction: column;
gap: 12px;
}
.page-wizard>li>div img {
height: 24px;
}
.page-wizard>li>div strong {
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #07423c;
}
.page-wizard>li {
display: flex;
align-items: center;
opacity: 1;
}
.page-wizard>li:not(:last-child)::after {
width: 73px;
height: 2px;
margin: 0 20px;
background: #07423c;
display: inline-flex;
content: "";
}
.page-wizard>li.active~li {
opacity: 0.35;
}
.badge {
height: 33px;
border-radius: 25px;
padding: 0 12px;
font-size: 14px;
font-weight: 500;
line-height: 16.38px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
backdrop-filter: opacity(0.15);
}
.badge-success {
background: rgba(var(--color-Success), 1);
color: rgba(var(--color-White), 1);
}
.badge-danger {
background: rgba(var(--color-Error), 1);
color: rgba(var(--color-White), 1);
}
.badge-warning {
background: rgba(var(--color-Warning), 1);
color: rgba(var(--color-White), 1);
}
.badge-info {
background: rgba(var(--color-Info), 1);
color: rgba(var(--color-White), 1);
}
input[type="checkbox"],
input[type="radio"] {
accent-color: var(--color-cyan-400);
}
.form-group {
margin: 0 0 15px;
}
.form-floating {
margin: 25px 0 15px;
position: relative;
}
.form-label {
font-size: 16px;
font-weight: 500;
line-height: 125%;
letter-spacing: 0em;
color: #262623;
cursor: pointer;
}
.form-floating .form-label {
position: absolute;
top: 0;
right: 0;
transition: all 100ms ease-in-out;
}
.form-floating.active .form-label {
opacity: 0.75;
transform: translateY(-100%);
font-size: 85%;
}
.form-label.required::after {
content: "*";
color: rgba(var(--color-Error), 1);
line-height: 0.5;
margin-right: 2px;
}
.form-floating .form-control {
width: 100%;
display: block;
border: none;
background: none;
padding: 0 0 15px;
border-bottom: 0.5px solid #b2b0b1;
font-size: 16px;
font-weight: 300;
line-height: 140%;
letter-spacing: 0em;
color: #4e4a49;
}
.form-floating .form-control:focus {
border-bottom-color: #000;
}
.form-check-input {
margin-left: 10px;
}
.form-check-label {
font-weight: 300;
font-size: 14px;
line-height: 140%;
color: #908f8d;
display: inline;
cursor: pointer;
}
.breadcrumb {
margin: 0 0 32px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.breadcrumb>li>a {
font-weight: 400;
font-size: 16px;
line-height: 25px;
color: #07423c;
opacity: 0.7;
}
.breadcrumb>li:last-child>a {
opacity: 1;
}
.breadcrumb>li:not(:last-child)::after {
width: 8px;
height: 8px;
border-radius: 50%;
background: #07423c;
opacity: 0.7;
margin: 0 12px;
content: "";
display: inline-flex;
}
.section-action .price {
margin-bottom: 32px;
font-weight: 500;
font-size: 32px;
line-height: 50px;
color: #07423c;
}
.section-action .price>.label {
opacity: 0.6;
}
.subsection-slideshow .slick-dots {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
.subsection-slideshow .slick-dots>li>button {
width: 8px;
height: 8px;
border-radius: 50%;
opacity: 25%;
background: var(--color-elephant-400);
border: none;
padding: 0;
font-size: 0;
}
.subsection-slideshow .slick-dots>li.slick-active>button {
width: 12px;
height: 12px;
opacity: 1;
}
/*Pallet*/
.bg-striped::after {
background-image: repeating-linear-gradient(0,
#fff,
#fff 2vw,
transparent 2vw,
transparent 4vw);
width: 500%;
height: 500%;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 0 0;
transform: translate(-50%, -50%) rotate(30deg);
content: "";
}
.bg-white {
background-color: #fff !important;
}
.bg-black {
background-color: #000 !important;
}
.bg-yellow-50 {
background-color: var(--color-yellow-50) !important;
}
.bg-yellow-100 {
background-color: var(--color-yellow-100) !important;
}
.bg-yellow-200 {
background-color: var(--color-yellow-200) !important;
}
.bg-yellow-300 {
background-color: var(--color-yellow-300) !important;
}
.bg-yellow-400 {
background-color: var(--color-yellow-400) !important;
}
.bg-yellow-500 {
background-color: var(--color-yellow-500) !important;
}
.bg-yellow-600 {
background-color: var(--color-yellow-600) !important;
}
.bg-yellow-700 {
background-color: var(--color-yellow-700) !important;
}
.bg-yellow-800 {
background-color: var(--color-yellow-800) !important;
}
.bg-magenta-50 {
background-color: var(--color-magenta-50) !important;
}
.bg-magenta-100 {
background-color: var(--color-magenta-100) !important;
}
.bg-magenta-200 {
background-color: var(--color-magenta-200) !important;
}
.bg-magenta-300 {
background-color: var(--color-magenta-300) !important;
}
.bg-magenta-400 {
background-color: var(--color-magenta-400) !important;
}
.bg-magenta-500 {
background-color: var(--color-magenta-500) !important;
}
.bg-magenta-600 {
background-color: var(--color-magenta-600) !important;
}
.bg-magenta-700 {
background-color: var(--color-magenta-700) !important;
}
.bg-magenta-800 {
background-color: var(--color-magenta-800) !important;
}
.bg-cyan-50 {
background-color: var(--color-cyan-50) !important;
}
.bg-cyan-100 {
background-color: var(--color-cyan-100) !important;
}
.bg-cyan-200 {
background-color: var(--color-cyan-200) !important;
}
.bg-cyan-300 {
background-color: var(--color-cyan-300) !important;
}
.bg-cyan-400 {
background-color: var(--color-cyan-400) !important;
}
.bg-cyan-500 {
background-color: var(--color-cyan-500) !important;
}
.bg-cyan-600 {
background-color: var(--color-cyan-600) !important;
}
.bg-cyan-700 {
background-color: var(--color-cyan-700) !important;
}
.bg-cyan-800 {
background-color: var(--color-cyan-800) !important;
}
.bg-pavlova-50 {
background-color: var(--color-pavlova-50) !important;
}
.bg-pavlova-100 {
background-color: var(--color-pavlova-100) !important;
}
.bg-pavlova-200 {
background-color: var(--color-pavlova-200) !important;
}
.bg-pavlova-300 {
background-color: var(--color-pavlova-300) !important;
}
.bg-pavlova-400 {
background-color: var(--color-pavlova-400) !important;
}
.bg-pavlova-500 {
background-color: var(--color-pavlova-500) !important;
}
.bg-pavlova-600 {
background-color: var(--color-pavlova-600) !important;
}
.bg-pavlova-700 {
background-color: var(--color-pavlova-700) !important;
}
.bg-pavlova-800 {
background-color: var(--color-pavlova-800) !important;
}
.bg-elephant-50 {
background-color: var(--color-elephant-50) !important;
}
.bg-elephant-100 {
background-color: var(--color-elephant-100) !important;
}
.bg-elephant-200 {
background-color: var(--color-elephant-200) !important;
}
.bg-elephant-300 {
background-color: var(--color-elephant-300) !important;
}
.bg-elephant-400 {
background-color: var(--color-elephant-400) !important;
}
.bg-elephant-500 {
background-color: var(--color-elephant-500) !important;
}
.bg-elephant-600 {
background-color: var(--color-elephant-600) !important;
}
.bg-elephant-700 {
background-color: var(--color-elephant-700) !important;
}
.bg-elephant-800 {
background-color: var(--color-elephant-800) !important;
}
.bg-pumpkin-50 {
background-color: var(--color-pumpkin-50) !important;
}
.bg-pumpkin-100 {
background-color: var(--color-pumpkin-100) !important;
}
.bg-pumpkin-200 {
background-color: var(--color-pumpkin-200) !important;
}
.bg-pumpkin-300 {
background-color: var(--color-pumpkin-300) !important;
}
.bg-pumpkin-400 {
background-color: var(--color-pumpkin-400) !important;
}
.bg-pumpkin-500 {
background-color: var(--color-pumpkin-500) !important;
}
.bg-pumpkin-600 {
background-color: var(--color-pumpkin-600) !important;
}
.bg-pumpkin-700 {
background-color: var(--color-pumpkin-700) !important;
}
.bg-pumpkin-800 {
background-color: var(--color-pumpkin-800) !important;
}
.bg-gray-zero {
background-color: var(--color-white) !important;
}
.bg-gray-50 {
background-color: var(--color-gray-50) !important;
}
.bg-gray-100 {
background-color: var(--color-gray-100) !important;
}
.bg-gray-200 {
background-color: var(--color-gray-200) !important;
}
.bg-gray-300 {
background-color: var(--color-gray-300) !important;
}
.bg-gray-400 {
background-color: var(--color-gray-400) !important;
}
.bg-gray-500 {
background-color: var(--color-gray-500) !important;
}
.bg-gray-600 {
background-color: var(--color-gray-600) !important;
}
.bg-gray-700 {
background-color: var(--color-gray-700) !important;
}
.bg-gray-800 {
background-color: var(--color-gray-800) !important;
}
.bg-gray-900 {
background-color: var(--color-gray-900) !important;
}
.bg-gray-1000 {
background-color: var(--color-gray-1000) !important;
}
.color-white {
color: #fff !important;
}
.color-black {
color: #000 !important;
}
.color-yellow-50 {
color: var(--color-yellow-50) !important;
}
.color-yellow-100 {
color: var(--color-yellow-100) !important;
}
.color-yellow-200 {
color: var(--color-yellow-200) !important;
}
.color-yellow-300 {
color: var(--color-yellow-300) !important;
}
.color-yellow-400 {
color: var(--color-yellow-400) !important;
}
.color-yellow-500 {
color: var(--color-yellow-500) !important;
}
.color-yellow-600 {
color: var(--color-yellow-600) !important;
}
.color-yellow-700 {
color: var(--color-yellow-700) !important;
}
.color-yellow-800 {
color: var(--color-yellow-800) !important;
}
.color-magenta-50 {
color: var(--color-magenta-50) !important;
}
.color-magenta-100 {
color: var(--color-magenta-100) !important;
}
.color-magenta-200 {
color: var(--color-magenta-200) !important;
}
.color-magenta-300 {
color: var(--color-magenta-300) !important;
}
.color-magenta-400 {
color: var(--color-magenta-400) !important;
}
.color-magenta-500 {
color: var(--color-magenta-500) !important;
}
.color-magenta-600 {
color: var(--color-magenta-600) !important;
}
.color-magenta-700 {
color: var(--color-magenta-700) !important;
}
.color-magenta-800 {
color: var(--color-magenta-800) !important;
}
.color-cyan-50 {
color: var(--color-cyan-50) !important;
}
.color-cyan-100 {
color: var(--color-cyan-100) !important;
}
.color-cyan-200 {
color: var(--color-cyan-200) !important;
}
.color-cyan-300 {
color: var(--color-cyan-300) !important;
}
.color-cyan-400 {
color: var(--color-cyan-400) !important;
}
.color-cyan-500 {
color: var(--color-cyan-500) !important;
}
.color-cyan-600 {
color: var(--color-cyan-600) !important;
}
.color-cyan-700 {
color: var(--color-cyan-700) !important;
}
.color-cyan-800 {
color: var(--color-cyan-800) !important;
}
.color-pavlova-50 {
color: var(--color-pavlova-50) !important;
}
.color-pavlova-100 {
color: var(--color-pavlova-100) !important;
}
.color-pavlova-200 {
color: var(--color-pavlova-200) !important;
}
.color-pavlova-300 {
color: var(--color-pavlova-300) !important;
}
.color-pavlova-400 {
color: var(--color-pavlova-400) !important;
}
.color-pavlova-500 {
color: var(--color-pavlova-500) !important;
}
.color-pavlova-600 {
color: var(--color-pavlova-600) !important;
}
.color-pavlova-700 {
color: var(--color-pavlova-700) !important;
}
.color-pavlova-800 {
color: var(--color-pavlova-800) !important;
}
.color-elephant-50 {
color: var(--color-elephant-50) !important;
}
.color-elephant-100 {
color: var(--color-elephant-100) !important;
}
.color-elephant-200 {
color: var(--color-elephant-200) !important;
}
.color-elephant-300 {
color: var(--color-elephant-300) !important;
}
.color-elephant-400 {
color: var(--color-elephant-400) !important;
}
.color-elephant-500 {
color: var(--color-elephant-500) !important;
}
.color-elephant-600 {
color: var(--color-elephant-600) !important;
}
.color-elephant-700 {
color: var(--color-elephant-700) !important;
}
.color-elephant-800 {
color: var(--color-elephant-800) !important;
}
.color-pumpkin-50 {
color: var(--color-pumpkin-50) !important;
}
.color-pumpkin-100 {
color: var(--color-pumpkin-100) !important;
}
.color-pumpkin-200 {
color: var(--color-pumpkin-200) !important;
}
.color-pumpkin-300 {
color: var(--color-pumpkin-300) !important;
}
.color-pumpkin-400 {
color: var(--color-pumpkin-400) !important;
}
.color-pumpkin-500 {
color: var(--color-pumpkin-500) !important;
}
.color-pumpkin-600 {
color: var(--color-pumpkin-600) !important;
}
.color-pumpkin-700 {
color: var(--color-pumpkin-700) !important;
}
.color-pumpkin-800 {
color: var(--color-pumpkin-800) !important;
}
.color-gray-zero {
color: var(--color-white) !important;
}
.color-gray-50 {
color: var(--color-gray-50) !important;
}
.color-gray-100 {
color: var(--color-gray-100) !important;
}
.color-gray-200 {
color: var(--color-gray-200) !important;
}
.color-gray-300 {
color: var(--color-gray-300) !important;
}
.color-gray-400 {
color: var(--color-gray-400) !important;
}
.color-gray-500 {
color: var(--color-gray-500) !important;
}
.color-gray-600 {
color: var(--color-gray-600) !important;
}
.color-gray-700 {
color: var(--color-gray-700) !important;
}
.color-gray-800 {
color: var(--color-gray-800) !important;
}
.color-gray-900 {
color: var(--color-gray-900) !important;
}
.color-gray-1000 {
color: var(--color-gray-1000) !important;
}
.card.color-white {
border-color: #fff !important;
}
.card.color-black {
border-color: #000 !important;
}
.card.color-yellow-50 {
border-color: var(--color-yellow-50) !important;
}
.card.color-yellow-100 {
border-color: var(--color-yellow-100) !important;
}
.card.color-yellow-200 {
border-color: var(--color-yellow-200) !important;
}
.card.color-yellow-300 {
border-color: var(--color-yellow-300) !important;
}
.card.color-yellow-400 {
border-color: var(--color-yellow-400) !important;
}
.card.color-yellow-500 {
border-color: var(--color-yellow-500) !important;
}
.card.color-yellow-600 {
border-color: var(--color-yellow-600) !important;
}
.card.color-yellow-700 {
border-color: var(--color-yellow-700) !important;
}
.card.color-yellow-800 {
border-color: var(--color-yellow-800) !important;
}
.card.color-magenta-50 {
border-color: var(--color-magenta-50) !important;
}
.card.color-magenta-100 {
border-color: var(--color-magenta-100) !important;
}
.card.color-magenta-200 {
border-color: var(--color-magenta-200) !important;
}
.card.color-magenta-300 {
border-color: var(--color-magenta-300) !important;
}
.card.color-magenta-400 {
border-color: var(--color-magenta-400) !important;
}
.card.color-magenta-500 {
border-color: var(--color-magenta-500) !important;
}
.card.color-magenta-600 {
border-color: var(--color-magenta-600) !important;
}
.card.color-magenta-700 {
border-color: var(--color-magenta-700) !important;
}
.card.color-magenta-800 {
border-color: var(--color-magenta-800) !important;
}
.card.color-cyan-50 {
border-color: var(--color-cyan-50) !important;
}
.card.color-cyan-100 {
border-color: var(--color-cyan-100) !important;
}
.card.color-cyan-200 {
border-color: var(--color-cyan-200) !important;
}
.card.color-cyan-300 {
border-color: var(--color-cyan-300) !important;
}
.card.color-cyan-400 {
border-color: var(--color-cyan-400) !important;
}
.card.color-cyan-500 {
border-color: var(--color-cyan-500) !important;
}
.card.color-cyan-600 {
border-color: var(--color-cyan-600) !important;
}
.card.color-cyan-700 {
border-color: var(--color-cyan-700) !important;
}
.card.color-cyan-800 {
border-color: var(--color-cyan-800) !important;
}
.card.color-pavlova-50 {
border-color: var(--color-pavlova-50) !important;
}
.card.color-pavlova-100 {
border-color: var(--color-pavlova-100) !important;
}
.card.color-pavlova-200 {
border-color: var(--color-pavlova-200) !important;
}
.card.color-pavlova-300 {
border-color: var(--color-pavlova-300) !important;
}
.card.color-pavlova-400 {
border-color: var(--color-pavlova-400) !important;
}
.card.color-pavlova-500 {
border-color: var(--color-pavlova-500) !important;
}
.card.color-pavlova-600 {
border-color: var(--color-pavlova-600) !important;
}
.card.color-pavlova-700 {
border-color: var(--color-pavlova-700) !important;
}
.card.color-pavlova-800 {
border-color: var(--color-pavlova-800) !important;
}
.card.color-elephant-50 {
border-color: var(--color-elephant-50) !important;
}
.card.color-elephant-100 {
border-color: var(--color-elephant-100) !important;
}
.card.color-elephant-200 {
border-color: var(--color-elephant-200) !important;
}
.card.color-elephant-300 {
border-color: var(--color-elephant-300) !important;
}
.card.color-elephant-400 {
border-color: var(--color-elephant-400) !important;
}
.card.color-elephant-500 {
border-color: var(--color-elephant-500) !important;
}
.card.color-elephant-600 {
border-color: var(--color-elephant-600) !important;
}
.card.color-elephant-700 {
border-color: var(--color-elephant-700) !important;
}
.card.color-elephant-800 {
border-color: var(--color-elephant-800) !important;
}
.card.color-pumpkin-50 {
border-color: var(--color-pumpkin-50) !important;
}
.card.color-pumpkin-100 {
border-color: var(--color-pumpkin-100) !important;
}
.card.color-pumpkin-200 {
border-color: var(--color-pumpkin-200) !important;
}
.card.color-pumpkin-300 {
border-color: var(--color-pumpkin-300) !important;
}
.card.color-pumpkin-400 {
border-color: var(--color-pumpkin-400) !important;
}
.card.color-pumpkin-500 {
border-color: var(--color-pumpkin-500) !important;
}
.card.color-pumpkin-600 {
border-color: var(--color-pumpkin-600) !important;
}
.card.color-pumpkin-700 {
border-color: var(--color-pumpkin-700) !important;
}
.card.color-pumpkin-800 {
border-color: var(--color-pumpkin-800) !important;
}
.card.color-gray-zero {
border-color: var(--color-white) !important;
}
.card.color-gray-50 {
border-color: var(--color-gray-50) !important;
}
.card.color-gray-100 {
border-color: var(--color-gray-100) !important;
}
.card.color-gray-200 {
border-color: var(--color-gray-200) !important;
}
.card.color-gray-300 {
border-color: var(--color-gray-300) !important;
}
.card.color-gray-400 {
border-color: var(--color-gray-400) !important;
}
.card.color-gray-500 {
border-color: var(--color-gray-500) !important;
}
.card.color-gray-600 {
border-color: var(--color-gray-600) !important;
}
.card.color-gray-700 {
border-color: var(--color-gray-700) !important;
}
.card.color-gray-800 {
border-color: var(--color-gray-800) !important;
}
.card.color-gray-900 {
border-color: var(--color-gray-900) !important;
}
.card.color-gray-1000 {
border-color: var(--color-gray-1000) !important;
}
.t4-card.color-yellow-50::before,
.t11-card.color-yellow-50::before,
.list-yellow-50>li::before,
.filter-yellow-50 {
filter: var(--filter-yellow-50) !important;
}
.t4-card.color-yellow-100::before,
.t11-card.color-yellow-100::before,
.list-yellow-100>li::before,
.filter-yellow-100 {
filter: var(--filter-yellow-100) !important;
}
.t4-card.color-yellow-200::before,
.t11-card.color-yellow-200::before,
.list-yellow-200>li::before,
.filter-yellow-200 {
filter: var(--filter-yellow-200) !important;
}
.t4-card.color-yellow-300::before,
.t11-card.color-yellow-300::before,
.list-yellow-300>li::before,
.filter-yellow-300 {
filter: var(--filter-yellow-300) !important;
}
.t4-card.color-yellow-400::before,
.t11-card.color-yellow-400::before,
.list-yellow-400>li::before,
.filter-yellow-400 {
filter: var(--filter-yellow-400) !important;
}
.t4-card.color-yellow-500::before,
.t11-card.color-yellow-500::before,
.list-yellow-500>li::before,
.filter-yellow-500 {
filter: var(--filter-yellow-500) !important;
}
.t4-card.color-yellow-600::before,
.t11-card.color-yellow-600::before,
.list-yellow-600>li::before,
.filter-yellow-600 {
filter: var(--filter-yellow-600) !important;
}
.t4-card.color-yellow-700::before,
.t11-card.color-yellow-700::before,
.list-yellow-700>li::before,
.filter-yellow-700 {
filter: var(--filter-yellow-700) !important;
}
.t4-card.color-yellow-800::before,
.t11-card.color-yellow-800::before,
.list-yellow-800>li::before,
.filter-yellow-800 {
filter: var(--filter-yellow-900) !important;
}
.t4-card.color-magenta-50::before,
.t11-card.color-magenta-50::before,
.list-magenta-50>li::before,
.filter-magenta-50 {
filter: var(--filter-magenta-50) !important;
}
.t4-card.color-magenta-100::before,
.t11-card.color-magenta-100::before,
.list-magenta-100>li::before,
.filter-magenta-100 {
filter: var(--filter-magenta-100) !important;
}
.t4-card.color-magenta-200::before,
.t11-card.color-magenta-200::before,
.list-magenta-200>li::before,
.filter-magenta-200 {
filter: var(--filter-magenta-200) !important;
}
.t4-card.color-magenta-300::before,
.t11-card.color-magenta-300::before,
.list-magenta-300>li::before,
.filter-magenta-300 {
filter: var(--filter-magenta-300) !important;
}
.t4-card.color-magenta-400::before,
.t11-card.color-magenta-400::before,
.list-magenta-400>li::before,
.filter-magenta-400 {
filter: var(--filter-magenta-400) !important;
}
.t4-card.color-magenta-500::before,
.t11-card.color-magenta-500::before,
.list-magenta-500>li::before,
.filter-magenta-500 {
filter: var(--filter-magenta-500) !important;
}
.t4-card.color-magenta-600::before,
.t11-card.color-magenta-600::before,
.list-magenta-600>li::before,
.filter-magenta-600 {
filter: var(--filter-magenta-600) !important;
}
.t4-card.color-magenta-700::before,
.t11-card.color-magenta-700::before,
.list-magenta-700>li::before,
.filter-magenta-700 {
filter: var(--filter-magenta-700) !important;
}
.t4-card.color-magenta-800::before,
.t11-card.color-magenta-800::before,
.list-magenta-800>li::before,
.filter-magenta-800 {
filter: var(--filter-magenta-800) !important;
}
.t4-card.color-cyan-50::before,
.t11-card.color-cyan-50::before,
.list-cyan-50>li::before,
.filter-cyan-50 {
filter: var(--filter-cyan-50) !important;
}
.t4-card.color-cyan-100::before,
.t11-card.color-cyan-100::before,
.list-cyan-100>li::before,
.filter-cyan-100 {
filter: var(--filter-cyan-100) !important;
}
.t4-card.color-cyan-200::before,
.t11-card.color-cyan-200::before,
.list-cyan-200>li::before,
.filter-cyan-200 {
filter: var(--filter-cyan-200) !important;
}
.t4-card.color-cyan-300::before,
.t11-card.color-cyan-300::before,
.list-cyan-300>li::before,
.filter-cyan-300 {
filter: var(--filter-cyan-300) !important;
}
.t4-card.color-cyan-400::before,
.t11-card.color-cyan-400::before,
.list-cyan-400>li::before,
.filter-cyan-400 {
filter: var(--filter-cyan-400) !important;
}
.t4-card.color-cyan-500::before,
.t11-card.color-cyan-500::before,
.list-cyan-500>li::before,
.filter-cyan-500 {
filter: var(--filter-cyan-500) !important;
}
.t4-card.color-cyan-600::before,
.t11-card.color-cyan-600::before,
.list-cyan-600>li::before,
.filter-cyan-600 {
filter: var(--filter-cyan-600) !important;
}
.t4-card.color-cyan-700::before,
.t11-card.color-cyan-700::before,
.list-cyan-700>li::before,
.filter-cyan-700 {
filter: var(--filter-cyan-700) !important;
}
.t4-card.color-cyan-800::before,
.t11-card.color-cyan-800::before,
.list-cyan-800>li::before,
.filter-cyan-800 {
filter: var(--filter-cyan-800) !important;
}
.t4-card.color-pavlova-50::before,
.t11-card.color-pavlova-50::before,
.list-pavlova-50>li::before,
.filter-pavlova-50 {
filter: var(--filter-pavlova-50) !important;
}
.t4-card.color-pavlova-100::before,
.t11-card.color-pavlova-100::before,
.list-pavlova-100>li::before,
.filter-pavlova-100 {
filter: var(--filter-pavlova-100) !important;
}
.t4-card.color-pavlova-200::before,
.t11-card.color-pavlova-200::before,
.list-pavlova-200>li::before,
.filter-pavlova-200 {
filter: var(--filter-pavlova-200) !important;
}
.t4-card.color-pavlova-300::before,
.t11-card.color-pavlova-300::before,
.list-pavlova-300>li::before,
.filter-pavlova-300 {
filter: var(--filter-pavlova-300) !important;
}
.t4-card.color-pavlova-400::before,
.t11-card.color-pavlova-400::before,
.list-pavlova-400>li::before,
.filter-pavlova-400 {
filter: var(--filter-pavlova-400) !important;
}
.t4-card.color-pavlova-500::before,
.t11-card.color-pavlova-500::before,
.list-pavlova-500>li::before,
.filter-pavlova-500 {
filter: var(--filter-pavlova-500) !important;
}
.t4-card.color-pavlova-600::before,
.t11-card.color-pavlova-600::before,
.list-pavlova-600>li::before,
.filter-pavlova-600 {
filter: var(--filter-pavlova-600) !important;
}
.t4-card.color-pavlova-700::before,
.t11-card.color-pavlova-700::before,
.list-pavlova-700>li::before,
.filter-pavlova-700 {
filter: var(--filter-pavlova-700) !important;
}
.t4-card.color-pavlova-800::before,
.t11-card.color-pavlova-800::before,
.list-pavlova-800>li::before,
.filter-pavlova-800 {
filter: var(--filter-pavlova-800) !important;
}
.t4-card.color-elephant-50::before,
.t11-card.color-elephant-50::before,
.list-elephant-50>li::before,
.filter-elephant-50 {
filter: var(--filter-elephant-50) !important;
}
.t4-card.color-elephant-100::before,
.t11-card.color-elephant-100::before,
.list-elephant-100>li::before,
.filter-elephant-100 {
filter: var(--filter-elephant-100) !important;
}
.t4-card.color-elephant-200::before,
.t11-card.color-elephant-200::before,
.list-elephant-200>li::before,
.filter-elephant-200 {
filter: var(--filter-elephant-200) !important;
}
.t4-card.color-elephant-300::before,
.t11-card.color-elephant-300::before,
.list-elephant-300>li::before,
.filter-elephant-300 {
filter: var(--filter-elephant-300) !important;
}
.t4-card.color-elephant-400::before,
.t11-card.color-elephant-400::before,
.list-elephant-400>li::before,
.filter-elephant-400 {
filter: var(--filter-elephant-400) !important;
}
.t4-card.color-elephant-500::before,
.t11-card.color-elephant-500::before,
.list-elephant-500>li::before,
.filter-elephant-500 {
filter: var(--filter-elephant-500) !important;
}
.t4-card.color-elephant-600::before,
.t11-card.color-elephant-600::before,
.list-elephant-600>li::before,
.filter-elephant-600 {
filter: var(--filter-elephant-600) !important;
}
.t4-card.color-elephant-700::before,
.t11-card.color-elephant-700::before,
.list-elephant-700>li::before,
.filter-elephant-700 {
filter: var(--filter-elephant-700) !important;
}
.t4-card.color-elephant-800::before,
.t11-card.color-elephant-800::before,
.list-elephant-800>li::before,
.filter-elephant-800 {
filter: var(--filter-elephant-800) !important;
}
.t4-card.color-pumpkin-50::before,
.t11-card.color-pumpkin-50::before,
.list-pumpkin-50>li::before,
.filter-pumpkin-50 {
filter: var(--filter-pumpkin-50) !important;
}
.t4-card.color-pumpkin-100::before,
.t11-card.color-pumpkin-100::before,
.list-pumpkin-100>li::before,
.filter-pumpkin-100 {
filter: var(--filter-pumpkin-100) !important;
}
.t4-card.color-pumpkin-200::before,
.t11-card.color-pumpkin-200::before,
.list-pumpkin-200>li::before,
.filter-pumpkin-200 {
filter: var(--filter-pumpkin-200) !important;
}
.t4-card.color-pumpkin-300::before,
.t11-card.color-pumpkin-300::before,
.list-pumpkin-300>li::before,
.filter-pumpkin-300 {
filter: var(--filter-pumpkin-300) !important;
}
.t4-card.color-pumpkin-400::before,
.t11-card.color-pumpkin-400::before,
.list-pumpkin-400>li::before,
.filter-pumpkin-400 {
filter: var(--filter-pumpkin-400) !important;
}
.t4-card.color-pumpkin-500::before,
.t11-card.color-pumpkin-500::before,
.list-pumpkin-500>li::before,
.filter-pumpkin-500 {
filter: var(--filter-pumpkin-500) !important;
}
.t4-card.color-pumpkin-600::before,
.t11-card.color-pumpkin-600::before,
.list-pumpkin-600>li::before,
.filter-pumpkin-600 {
filter: var(--filter-pumpkin-600) !important;
}
.t4-card.color-pumpkin-700::before,
.t11-card.color-pumpkin-700::before,
.list-pumpkin-700>li::before,
.filter-pumpkin-700 {
filter: var(--filter-pumpkin-700) !important;
}
.t4-card.color-pumpkin-800::before,
.t11-card.color-pumpkin-800::before,
.list-pumpkin-800>li::before,
.filter-pumpkin-800 {
filter: var(--filter-pumpkin-800) !important;
}
.t4-card.color-white::before,
.t11-card.color-white::before,
.list-white>li::before,
.filter-white {
filter: var(--filter-white) !important;
}
.t4-card.color-black::before,
.t11-card.color-black::before,
.list-black>li::before,
.filter-black {
filter: var(--filter-black) !important;
}
.t4-card.color-gray-50::before,
.t11-card.color-gray-50::before,
.list-gray-50>li::before,
.filter-gray-50 {
filter: var(--filter-gray-50) !important;
}
.t4-card.color-gray-100::before,
.t11-card.color-gray-100::before,
.list-gray-100>li::before,
.filter-gray-100 {
filter: var(--filter-gray-100) !important;
}
.t4-card.color-gray-200::before,
.t11-card.color-gray-200::before,
.list-gray-200>li::before,
.filter-gray-200 {
filter: var(--filter-gray-200) !important;
}
.t4-card.color-gray-300::before,
.t11-card.color-gray-300::before,
.list-gray-300>li::before,
.filter-gray-300 {
filter: var(--filter-gray-300) !important;
}
.t4-card.color-gray-400::before,
.t11-card.color-gray-400::before,
.list-gray-400>li::before,
.filter-gray-400 {
filter: var(--filter-gray-400) !important;
}
.t4-card.color-gray-500::before,
.t11-card.color-gray-500::before,
.list-gray-500>li::before,
.filter-gray-500 {
filter: var(--filter-gray-500) !important;
}
.t4-card.color-gray-600::before,
.t11-card.color-gray-600::before,
.list-gray-600>li::before,
.filter-gray-600 {
filter: var(--filter-gray-600) !important;
}
.t4-card.color-gray-700::before,
.t11-card.color-gray-700::before,
.list-gray-700>li::before,
.filter-gray-700 {
filter: var(--filter-gray-700) !important;
}
.t4-card.color-gray-800::before,
.t11-card.color-gray-800::before,
.list-gray-800>li::before,
.filter-gray-800 {
filter: var(--filter-gray-800) !important;
}
.t4-card.color-gray-900::before,
.t11-card.color-gray-900::before,
.list-gray-900>li::before,
.filter-gray-900 {
filter: var(--filter-gray-900) !important;
}
.t4-card.color-gray-1000::before,
.t11-card.color-gray-1000::before,
.list-gray-1000>li::before,
.filter-gray-1000 {
filter: var(--filter-gray-1000) !important;
}
.badge-yellow {
background-color: #fff3cc;
color: #cc9c00;
}
.badge-yellow:hover {
background-color: #cc9c00;
color: #fff3cc;
}
.badge-magenta {
background-color: #f8cce4;
color: #af005f;
}
.badge-magenta:hover {
background-color: #af005f;
color: #f8cce4;
}
.badge-cyan {
background-color: #ccf2fa;
color: #0097b9;
}
.badge-cyan:hover {
background-color: #0097b9;
color: #ccf2fa;
}
.badge-pavlova {
background-color: #f8f4ed;
color: #afa185;
}
.badge-pavlova:hover {
background-color: #afa185;
color: #f8f4ed;
}
.badge-elephant {
background-color: #cdd9d8;
color: #063530;
}
.badge-elephant:hover {
background-color: #063530;
color: #cdd9d8;
}
.badge-pumpkin {
background-color: #ffdfcc;
color: #cc4c00;
}
.badge-pumpkin:hover {
background-color: #cc4c00;
color: #ffdfcc;
}
.badge-gray {
background-color: #f5f5f5;
color: #555555;
}
.badge-gray:hover {
background-color: #555555;
color: #f5f5f5;
}
.price,
.copyright,
.counter,
input[type="number"],
input[inputmode="numeric"],
a[href^="tel"] {
-moz-font-feature-settings: "ss01";
-webkit-font-feature-settings: "ss01";
font-feature-settings: "ss01";
}
/*Plugins*/
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*CMS*/
.entry-content {
font-size: 16px;
}
.entry-content h6 {
font-size: 16px;
}
.entry-content h5 {
font-size: 18px;
}
.entry-content h4 {
font-size: 20px;
}
.entry-content h3 {
font-size: 22px;
}
.entry-content h2 {
font-size: 24px;
}
.entry-content h1 {
font-size: 26px;
}
.entry-content p:last-child {
margin-bottom: 0;
}
.entry-content iframe {
border: none;
}
.entry-content img {
max-width: 100%;
margin: 0 0 1.5em 0;
height: auto !important;
}
.entry-content video {
width: 100%;
}
.entry-content iframe {
max-width: 100% !important;
display: block;
margin: 0 auto;
border: none;
width: 100% !important;
height: fit-content !important;
}
.alignleft,
img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone,
img.alignnone {
/* not sure about this one */
}
.post-image-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.post-image-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.post-image-caption p.post-image-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
/*Responsive*/
@media (max-width: 767.98px) {
body {
font-size: 14px;
}
#tabbar {
background-color: #07423c;
position: sticky;
bottom: 0;
width: 100vw;
text-align: center;
z-index: 999;
}
#tabbar>ul {
column-gap: 15px;
width: 100%;
margin: 0;
padding: 15px;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
#tabbar>ul>li {
width: 100%;
}
#tabbar>ul>li>a {
background-color: #ff5f00;
color: #fff;
padding: 10px 5px;
border-radius: 5px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-size: 0;
}
#tabbar>ul>li>a::before {
filter: brightness(0) invert(1);
width: 30px;
height: 30px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
content: "";
}
#tabbar>ul>li>a.nav-toggle::before {
background-image: url(../img/icon-nav.svg);
}
#tabbar>ul>li>a.home-toggle::before {
background-image: url(../img/icon-home.svg);
}
#tabbar>ul>li>a.order-toggle::before {
background-image: url(../img/icon-order.svg);
}
#header .cta-order {
display: none;
}
#header[data-type="white"] .logo>img:nth-child(4),
#header[data-type="light"]:not(.sticky) .logo>img:nth-child(3),
#header[data-type="light"].sticky .logo>img:nth-child(4),
#header[data-type="dark"] .logo>img:nth-child(4),
.logo>img:nth-child(1),
.logo>img:nth-child(2) {
display: none;
}
#navigation {
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 2002;
overflow-y: scroll;
width: 250px;
height: 100svh;
padding: 15px 0;
background: #07423c;
transition: all 0.3s ease-out;
backface-visibility: hidden;
transform: translate3d(100%, 0, 0);
opacity: 0;
visibility: hidden;
}
#navigation.active {
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
#navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
#navigation li>a {
white-space: nowrap;
height: 40px;
font-size: 14px;
padding: 0 20px 0 10px;
color: rgb(250, 250, 250);
position: relative;
display: flex;
align-items: center;
}
#navigation>ul>li>a {
background: rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#navigation>ul>li a:hover,
#navigation>ul>li a:focus {
background: rgba(255, 255, 255, 0.1);
}
#navigation>ul>li a:before,
#navigation li.submenu>a:after {
width: 12px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: brightness(0) invert(1);
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%) rotate(90deg);
content: "";
}
#navigation>ul>li a:before {
transform: translateY(-50%) rotate(180deg);
left: auto;
right: 4px;
}
#navigation li.submenu.active>a:after {
transform: translateY(-50%) rotate(-90deg);
}
#navigation ul ul>li>a {
padding-right: 32px;
}
#navigation ul ul>li a:before {
right: 16px;
}
.section-cta .section-inner {
padding: 30;
}
.section-cta .section-title,
.section-cta .section-footer {
text-align: center;
}
.t5-card {
padding: 30px;
}
}
@media (min-width: 768px) {
#tabbar {
display: none;
}
#header[data-type="white"] .logo>img:nth-child(2),
#header[data-type="light"]:not(.sticky) .logo>img:nth-child(1),
#header[data-type="light"].sticky .logo>img:nth-child(2),
#header[data-type="dark"] .logo>img:nth-child(2),
.logo>img:nth-child(3),
.logo>img:nth-child(4) {
display: none;
}
.nav-toggle {
display: none;
}
#navigation ul {
line-height: 1;
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
#navigation>ul {
justify-content: center;
align-items: center;
}
#navigation>ul>li:not(:last-child) {
margin-left: 32px;
}
#navigation li>a {
display: flex;
align-items: center;
white-space: nowrap;
position: relative;
}
#navigation>ul>li>a {
font-size: 16px;
font-weight: 500;
line-height: 18.72px;
padding: 10px 0;
color: #000;
}
#header[data-type="white"]:not(.sticky) #navigation>ul>li>a,
#header[data-type="light"]:not(.sticky) #navigation>ul>li>a {
color: #fff;
}
#navigation>ul>li.menu-item-has-children>a {
padding-left: 22px;
cursor: context-menu;
pointer-events: none;
}
#header[data-type="light"]:not(.sticky) #navigation>ul>li.menu-item-has-children>a::before {
filter: invert(1) brightness(0);
}
#navigation>ul>li.menu-item-has-children>a::before {
width: 12px;
height: 9px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.37461L0 2.37461L1.4 0.974609L6 5.57461L10.6 0.974609L12 2.37461L6 8.37461Z' fill='%231C1B1F'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
}
#header[data-type="white"]:not(.sticky) #navigation>ul>li.menu-item-has-children>a::before,
#header[data-type="light"]:not(.sticky) #navigation>ul>li.menu-item-has-children>a::before {
filter: var(--filter-white);
}
#navigation>ul>li:hover>a {
opacity: 0.5;
}
#navigation>ul>li.current-menu-item>a {
color: #000;
opacity: 1;
}
#header[data-type="light"]:not(.sticky) #navigation>ul>li.current-menu-item>a {
color: #fff;
}
#navigation>ul>li.current-menu-item>a::after {
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000;
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
content: "";
}
#header[data-type="light"]:not(.sticky) #navigation>ul>li.current-menu-item>a::after {
background-color: #fff;
}
#navigation>ul>li {
position: relative;
}
#navigation>ul>li>ul {
background: #fff;
border: 1px solid #ececec;
border-top: 3px solid #07423c;
min-width: 550px;
padding: 10px;
flex-direction: row;
flex-wrap: wrap;
position: absolute;
top: 100%;
right: 0;
opacity: 0;
visibility: hidden;
transition: all 0.2s linear;
z-index: 1;
}
#navigation>ul>li>ul>li {
flex: 0 0 33.3333333%;
max-width: 33.3333333%;
}
#header[data-type="light"]:not(.sticky) #navigation>ul>li>ul {
border-top-color: #ffc300;
}
#navigation>ul>li:hover>ul {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
#navigation>ul>li>ul>li>a {
font-size: 14px;
padding: 10px 20px 10px 10px;
}
#navigation>ul>li>ul>li:hover>a {
background: #ececec;
color: #ff5f00;
}
#navigation>ul>li>ul>li>a::after {
background: #07423c;
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
content: "";
}
#header[data-type="light"]:not(.sticky) #navigation>ul>li>ul>li>a::after {
background: #ffc300;
}
#navigation>ul>li>ul>li:hover>a::after {
background: #ff5f00;
}
.footer-bottom>div {
display: flex;
justify-content: space-between;
align-items: center;
}
}