@charset "utf-8";
/* propertyeg: single-core — shared on all non–home-landing views (yfont .icon-*, grid, content-box, listings, search, blog nav, etc.). */

/*slate bg colors*/
:root {
    --primary-color: #c59358;
    --secondary-color: #c59358;
    --secondary-color-light: #cce0f3;
    --background-color: #f8fafc;
    --background-color-100: #edf1f5;
    --background-color-200: #e2e8f0;
    --background-color-300: #cbd5e1;
    --background-color-400: #94a3b8;
    --background-color-500: #64748b;
    --background-color-600: #140737;
    --text-color: #1e293b;
}

@font-face {
    font-family: Somar;
    font-style: normal;
    font-weight: 500;
    src: local("Somar Medium"), local("Somar-Medium"), url('../../fonts/somar-medium.woff2') format("woff2");
    font-display: swap;
}

@font-face {
    font-family: 'yfont';
    src: url('../../fonts/yfont.eot?22850803');
    src: url('../../fonts/yfont.eot?22850803#iefix') format('embedded-opentype'),
    url('../../fonts/yfont.woff2?22850803') format('woff2'),
    url('../../fonts/yfont.woff?22850803') format('woff'),
    url('../../fonts/yfont.ttf?22850803') format('truetype'),
    url('../../fonts/yfont.svg?22850803#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


[class*=" icon-"]:before,[class^=icon-]:before{font-family:yfont;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-music:before{content:'\e800'}.icon-search:before{content:'\e801'}.icon-mail:before{content:'\e802'}.icon-heart:before{content:'\e803'}.icon-heart-empty:before{content:'\e804'}.icon-star:before{content:'\e805'}.icon-star-empty:before{content:'\e806'}.icon-user:before{content:'\e807'}.icon-users:before{content:'\e808'}.icon-videocam:before{content:'\e809'}.icon-picture:before{content:'\e80a'}.icon-camera-alt:before{content:'\e80b'}.icon-th-large:before{content:'\e80c'}.icon-th-list:before{content:'\e80d'}.icon-ok:before{content:'\e80e'}.icon-plus:before{content:'\e80f'}.icon-minus:before{content:'\e810'}.icon-home:before{content:'\e811'}.icon-link:before{content:'\e812'}.icon-attach:before{content:'\e813'}.icon-lock:before{content:'\e814'}.icon-pin:before{content:'\e815'}.icon-eye:before{content:'\e816'}.icon-eye-off:before{content:'\e817'}.icon-tag:before{content:'\e818'}.icon-bookmark:before{content:'\e819'}.icon-flag:before{content:'\e81a'}.icon-download:before{content:'\e81b'}.icon-upload:before{content:'\e81c'}.icon-export:before{content:'\e81d'}.icon-pencil:before{content:'\e81e'}.icon-edit:before{content:'\e81f'}.icon-print:before{content:'\e820'}.icon-comment:before{content:'\e821'}.icon-chat:before{content:'\e822'}.icon-bell:before{content:'\e823'}.icon-location:before{content:'\e824'}.icon-trash-empty:before{content:'\e825'}.icon-doc:before{content:'\e826'}.icon-folder-open:before{content:'\e827'}.icon-folder:before{content:'\e828'}.icon-phone:before{content:'\e829'}.icon-cog:before{content:'\e82a'}.icon-wrench:before{content:'\e82b'}.icon-basket:before{content:'\e82c'}.icon-calendar:before{content:'\e82d'}.icon-login:before{content:'\e82e'}.icon-logout:before{content:'\e82f'}.icon-volume-off:before{content:'\e830'}.icon-volume-down:before{content:'\e831'}.icon-spin3:before{content:'\e832'}.icon-volume-up:before{content:'\e833'}.icon-clock:before{content:'\e834'}.icon-resize-full:before{content:'\e835'}.icon-resize-small:before{content:'\e836'}.icon-zoom-in:before{content:'\e837'}.icon-zoom-out:before{content:'\e838'}.icon-down-open:before{content:'\e839'}.icon-left-open:before{content:'\e83a'}.icon-right-open:before{content:'\e83b'}.icon-up-open:before{content:'\e83c'}.icon-down-big:before{content:'\e83d'}.icon-left-big:before{content:'\e83e'}.icon-right-big:before{content:'\e83f'}.icon-firefox:before{content:'\e840'}.icon-chrome:before{content:'\e841'}.icon-emo-happy:before{content:'\e842'}.icon-emo-wink:before{content:'\e843'}.icon-crown:before{content:'\e844'}.icon-up-big:before{content:'\e845'}.icon-shuffle:before{content:'\e846'}.icon-play:before{content:'\e847'}.icon-stop:before{content:'\e848'}.icon-pause:before{content:'\e849'}.icon-to-end:before{content:'\e84a'}.icon-to-end-alt:before{content:'\e84b'}.icon-to-start:before{content:'\e84c'}.icon-to-start-alt:before{content:'\e84d'}.icon-award:before{content:'\e84e'}.icon-globe:before{content:'\e84f'}.icon-cloud:before{content:'\e850'}.icon-flash:before{content:'\e851'}.icon-umbrella:before{content:'\e852'}.icon-flight:before{content:'\e853'}.icon-leaf:before{content:'\e854'}.icon-scissors:before{content:'\e855'}.icon-briefcase:before{content:'\e856'}.icon-barcode:before{content:'\e857'}.icon-qrcode:before{content:'\e858'}.icon-fire:before{content:'\e859'}.icon-chart-bar:before{content:'\e85a'}.icon-credit-card:before{content:'\e85b'}.icon-floppy:before{content:'\e85c'}.icon-megaphone:before{content:'\e85d'}.icon-key:before{content:'\e85e'}.icon-truck:before{content:'\e85f'}.icon-database:before{content:'\e860'}.icon-wallet:before{content:'\e861'}.icon-money-1:before{content:'\e862'}.icon-truck-1:before{content:'\e863'}.icon-tv:before{content:'\e864'}.icon-skype:before{content:'\e865'}.icon-emo-wink2:before{content:'\e866'}.icon-emo-unhappy:before{content:'\e867'}.icon-emo-sleep:before{content:'\e868'}.icon-spin5:before{content:'\e869'}.icon-cancel-circled:before{content:'\e86a'}.icon-cancel:before{content:'\e86b'}.icon-ok-circled2:before{content:'\e86c'}.icon-cancel-circled2:before{content:'\e86d'}.icon-right-dir:before{content:'\e86e'}.icon-left-dir:before{content:'\e86f'}[dir=ltr] .icon-left-dir:before{content:'\e86e'}.icon-up-dir:before{content:'\e870'}.icon-down-dir:before{content:'\e871'}.icon-align-justify:before{content:'\e872'}.icon-desktop-1:before{content:'\e873'}.icon-laptop-1:before{content:'\e874'}.icon-tablet-1:before{content:'\e875'}.icon-mobile-1:before{content:'\e876'}.icon-emo-thumbsup:before{content:'\e877'}.icon-bell-1:before{content:'\e878'}.icon-chat-1:before{content:'\e879'}.icon-clock-1:before{content:'\e87a'}.icon-hourglass:before{content:'\e87b'}.icon-publish:before{content:'\e87c'}.icon-clipboard:before{content:'\e87d'}.icon-floppy-1:before{content:'\e87e'}.icon-phone-1:before{content:'\e87f'}.icon-phone-outline:before{content:'\e880'}.icon-wristwatch:before{content:'\e881'}.icon-chart-bar-1:before{content:'\e882'}.icon-emo-devil:before{content:'\e883'}.icon-help:before{content:'\e884'}.icon-info:before{content:'\e885'}.icon-home-1:before{content:'\e886'}.icon-emo-surprised:before{content:'\e887'}.icon-emo-tongue:before{content:'\e888'}.icon-emo-coffee:before{content:'\e889'}.icon-emo-sunglasses:before{content:'\e88a'}.icon-emo-displeased:before{content:'\e88b'}.icon-emo-beer:before{content:'\e88c'}.icon-emo-grin:before{content:'\e88d'}.icon-emo-angry:before{content:'\e88e'}.icon-emo-saint:before{content:'\e88f'}.icon-emo-cry:before{content:'\e890'}.icon-emo-shoot:before{content:'\e891'}.icon-emo-squint:before{content:'\e892'}.icon-emo-laugh:before{content:'\e893'}.icon-marquee:before{content:'\e894'}.icon-crown-minus:before{content:'\e895'}.icon-crown-plus:before{content:'\e896'}.icon-crown-1:before{content:'\e897'}.icon-spin6:before{content:'\e898'}.icon-spin5-1:before{content:'\e899'}.icon-spin4:before{content:'\e89a'}.icon-spin3-1:before{content:'\e89b'}.icon-glass:before{content:'\e89c'}.icon-eye-1:before{content:'\e89d'}.icon-pin-1:before{content:'\e89e'}.icon-tag-1:before{content:'\e89f'}.icon-tags:before{content:'\e8a0'}.icon-direction-1:before{content:'\e8a1'}.icon-fax-1:before{content:'\e8a2'}.icon-menu-1:before{content:'\e8a3'}.icon-cog-alt:before{content:'\e8a4'}.icon-cog-1:before{content:'\e8a5'}.icon-sliders-1:before{content:'\e8a6'}.icon-wrench-1:before{content:'\e8a7'}.icon-cart-plus-1:before{content:'\e8a8'}.icon-basket-1:before{content:'\e8a9'}.icon-headphones:before{content:'\e8aa'}.icon-clock-2:before{content:'\e8ab'}.icon-block:before{content:'\e8ac'}.icon-resize-full-1:before{content:'\e8ad'}.icon-resize-full-alt-1:before{content:'\e8ae'}.icon-resize-small-1:before{content:'\e8af'}.icon-resize-vertical:before{content:'\e8b0'}.icon-resize-horizontal:before{content:'\e8b1'}.icon-move-1:before{content:'\e8b2'}.icon-zoom-in-1:before{content:'\e8b3'}.icon-zoom-out-1:before{content:'\e8b4'}.icon-down-hand:before{content:'\e8b5'}.icon-up-hand:before{content:'\e8b6'}.icon-left-hand:before{content:'\e8b7'}.icon-right-hand:before{content:'\e8b8'}.icon-play-1:before{content:'\e8b9'}.icon-stop-1:before{content:'\e8ba'}.icon-to-end-1:before{content:'\e8bb'}.icon-to-end-alt-1:before{content:'\e8bc'}.icon-to-start-1:before{content:'\e8bd'}.icon-to-start-alt-1:before{content:'\e8be'}.icon-fast-fw:before{content:'\e8bf'}.icon-fast-bw:before{content:'\e8c0'}.icon-eject:before{content:'\e8c1'}.icon-signal:before{content:'\e8c2'}.icon-wifi-1:before{content:'\e8c3'}.icon-target:before{content:'\e8c4'}.icon-award-1:before{content:'\e8c5'}.icon-align-left:before{content:'\e8c6'}.icon-align-center:before{content:'\e8c7'}.icon-align-right:before{content:'\e8c8'}.icon-align-justify-1:before{content:'\e8c9'}.icon-italic:before{content:'\e8ca'}.icon-leaf-1:before{content:'\e8cb'}.icon-scissors-1:before{content:'\e8cc'}.icon-paste-1:before{content:'\e8cd'}.icon-briefcase-1:before{content:'\e8ce'}.icon-asterisk:before{content:'\e8cf'}.icon-check:before{content:'\e8d0'}.icon-book:before{content:'\e8d1'}.icon-credit-card-1:before{content:'\e8d2'}.icon-megaphone-1:before{content:'\e8d3'}.icon-truck-2:before{content:'\e8d4'}.icon-motorcycle-1:before{content:'\e8d5'}.icon-dollar-1:before{content:'\e8d6'}.icon-hammer:before{content:'\e8d7'}.icon-language-1:before{content:'\e8d8'}.icon-soccer-ball-1:before{content:'\e8d9'}.icon-newspaper-1:before{content:'\e8da'}.icon-calc-1:before{content:'\e8db'}.icon-brush-1:before{content:'\e8dc'}.icon-birthday-1:before{content:'\e8dd'}.icon-facebook-1:before{content:'\e8de'}.icon-facebook-squared-1:before{content:'\e8df'}.icon-instagram-2:before{content:'\e8e0'}.icon-pinterest-squared-1:before{content:'\e8e1'}.icon-pinterest-1:before{content:'\e8e2'}.icon-paypal-1:before{content:'\e8e3'}.icon-linkedin-squared-1:before{content:'\e8e4'}.icon-twitter-squared-1:before{content:'\e8e5'}.icon-twitter-1:before{content:'\e8e6'}.icon-youtube-1:before{content:'\e8e7'}.icon-handshake-o-1:before{content:'\e8e8'}.icon-flashlight:before{content:'\e8e9'}.icon-th-outline:before{content:'\e8ea'}.icon-th:before{content:'\e8eb'}.icon-th-large-1:before{content:'\e8ec'}.icon-plus-1:before{content:'\e8ed'}.icon-minus-1:before{content:'\e8ee'}.icon-divide:before{content:'\e8ef'}.icon-eq:before{content:'\e8f0'}.icon-cancel-1:before{content:'\e8f1'}.icon-ok-1:before{content:'\e8f2'}.icon-cancel-outline:before{content:'\e8f3'}.icon-ok-outline:before{content:'\e8f4'}.icon-basket-2:before{content:'\e8f5'}.icon-menu-outline:before{content:'\e8f6'}.icon-menu-2:before{content:'\e8f7'}.icon-sort-alphabet:before{content:'\e8f8'}.icon-sort-numeric-outline:before{content:'\e8f9'}.icon-sort-numeric:before{content:'\e8fa'}.icon-sort-alphabet-outline:before{content:'\e8fb'}.icon-dollar-2:before{content:'\e8fc'}.icon-stopwatch:before{content:'\e8fd'}.icon-hourglass-1:before{content:'\e8fe'}.icon-warehouse:before{content:'\e8ff'}.icon-tree-2:before{content:'\e900'}.icon-tree-1:before{content:'\e901'}.icon-theatre:before{content:'\e902'}.icon-toilet:before{content:'\e903'}.icon-tennis:before{content:'\e904'}.icon-swimming:before{content:'\e905'}.icon-skiing:before{content:'\e906'}.icon-soccer:before{content:'\e907'}.icon-religious-islam:before{content:'\e908'}.icon-lodging:before{content:'\e909'}.icon-golf:before{content:'\e90a'}.icon-giraffe:before{content:'\e90b'}.icon-garden:before{content:'\e90c'}.icon-fuel:before{content:'\e90d'}.icon-fast-food:before{content:'\e90e'}.icon-instagram-3:before{content:'\e90f'}.icon-linkedin-1:before{content:'\e910'}.icon-twitter-2:before{content:'\e911'}.icon-pinterest-2:before{content:'\e912'}.icon-braille:before{content:'\e913'}.icon-ok-2:before{content:'\e914'}.icon-ok-circle:before{content:'\e915'}.icon-cancel-2:before{content:'\e916'}.icon-cancel-circle:before{content:'\e917'}.icon-terminal:before{content:'\e918'}.icon-th-list-1:before{content:'\f009'}.icon-th-thumb:before{content:'\f00a'}.icon-move:before{content:'\f047'}.icon-phone-squared:before{content:'\f098'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-hdd:before{content:'\f0a0'}.icon-certificate:before{content:'\f0a3'}.icon-tasks:before{content:'\f0ae'}.icon-resize-full-alt:before{content:'\f0b2'}.icon-menu:before{content:'\f0c9'}.icon-table:before{content:'\f0ce'}.icon-pinterest-circled:before{content:'\f0d2'}.icon-pinterest-squared:before{content:'\f0d3'}.icon-money:before{content:'\f0d6'}.icon-columns:before{content:'\f0db'}.icon-mail-alt:before{content:'\f0e0'}.icon-linkedin:before{content:'\f0e1'}.icon-gauge:before{content:'\f0e4'}.icon-sitemap:before{content:'\f0e8'}.icon-paste:before{content:'\f0ea'}.icon-lightbulb:before{content:'\f0eb'}.icon-exchange:before{content:'\f0ec'}.icon-user-md:before{content:'\f0f0'}.icon-stethoscope:before{content:'\f0f1'}.icon-bell-alt:before{content:'\f0f3'}.icon-coffee:before{content:'\f0f4'}.icon-food:before{content:'\f0f5'}.icon-building:before{content:'\f0f7'}.icon-hospital:before{content:'\f0f8'}.icon-ambulance:before{content:'\f0f9'}.icon-beer:before{content:'\f0fc'}.icon-h-sigh:before{content:'\f0fd'}.icon-angle-double-left:before{content:'\f100'}.icon-angle-double-right:before{content:'\f101'}.icon-angle-double-up:before{content:'\f102'}.icon-angle-double-down:before{content:'\f103'}.icon-circle-empty:before{content:'\f10c'}.icon-quote-left:before{content:'\f10d'}.icon-quote-right:before{content:'\f10e'}.icon-circle:before{content:'\f111'}.icon-github:before{content:'\f113'}.icon-smile:before{content:'\f118'}.icon-frown:before{content:'\f119'}.icon-meh:before{content:'\f11a'}.icon-keyboard:before{content:'\f11c'}.icon-code:before{content:'\f121'}.icon-star-half-alt:before{content:'\f123'}.icon-direction:before{content:'\f124'}.icon-crop:before{content:'\f125'}.icon-mic:before{content:'\f130'}.icon-shield:before{content:'\f132'}.icon-calendar-empty:before{content:'\f133'}.icon-extinguisher:before{content:'\f134'}.icon-rocket:before{content:'\f135'}.icon-angle-circled-left:before{content:'\f137'}.icon-angle-circled-right:before{content:'\f138'}.icon-angle-circled-up:before{content:'\f139'}.icon-angle-circled-down:before{content:'\f13a'}.icon-anchor:before{content:'\f13d'}.icon-lock-open-alt:before{content:'\f13e'}.icon-bullseye:before{content:'\f140'}.icon-rss-squared:before{content:'\f143'}.icon-ticket:before{content:'\f145'}.icon-compass:before{content:'\f14e'}.icon-euro:before{content:'\f153'}.icon-pound:before{content:'\f154'}.icon-dollar:before{content:'\f155'}.icon-rupee:before{content:'\f156'}.icon-yen:before{content:'\f157'}.icon-rouble:before{content:'\f158'}.icon-sort-name-up:before{content:'\f15d'}.icon-sort-name-down:before{content:'\f15e'}.icon-thumbs-up-alt:before{content:'\f164'}.icon-thumbs-down-alt:before{content:'\f165'}.icon-youtube-squared:before{content:'\f166'}.icon-youtube:before{content:'\f167'}.icon-youtube-play:before{content:'\f16a'}.icon-dropbox:before{content:'\f16b'}.icon-instagram:before{content:'\f16d'}.icon-flickr:before{content:'\f16e'}.icon-apple:before{content:'\f179'}.icon-android:before{content:'\f17b'}.icon-dribbble:before{content:'\f17d'}.icon-foursquare:before{content:'\f180'}.icon-female:before{content:'\f182'}.icon-male:before{content:'\f183'}.icon-moon:before{content:'\f186'}.icon-box:before{content:'\f187'}.icon-bug:before{content:'\f188'}.icon-vkontakte:before{content:'\f189'}.icon-renren:before{content:'\f18b'}.icon-wheelchair:before{content:'\f193'}.icon-vimeo-squared:before{content:'\f194'}.icon-space-shuttle:before{content:'\f197'}.icon-google:before{content:'\f1a0'}.icon-stumbleupon-circled:before{content:'\f1a3'}.icon-stumbleupon:before{content:'\f1a4'}.icon-digg:before{content:'\f1a6'}.icon-language:before{content:'\f1ab'}.icon-fax:before{content:'\f1ac'}.icon-building-filled:before{content:'\f1ad'}.icon-paw:before{content:'\f1b0'}.icon-spoon:before{content:'\f1b1'}.icon-cubes:before{content:'\f1b3'}.icon-behance:before{content:'\f1b4'}.icon-behance-squared:before{content:'\f1b5'}.icon-cab:before{content:'\f1b9'}.icon-tree:before{content:'\f1bb'}.icon-spotify:before{content:'\f1bc'}.icon-deviantart:before{content:'\f1bd'}.icon-soundcloud:before{content:'\f1be'}.icon-file-pdf:before{content:'\f1c1'}.icon-file-word:before{content:'\f1c2'}.icon-file-excel:before{content:'\f1c3'}.icon-file-powerpoint:before{content:'\f1c4'}.icon-file-image:before{content:'\f1c5'}.icon-file-archive:before{content:'\f1c6'}.icon-vine:before{content:'\f1ca'}.icon-codeopen:before{content:'\f1cb'}.icon-lifebuoy:before{content:'\f1cd'}.icon-rebel:before{content:'\f1d0'}.icon-empire:before{content:'\f1d1'}.icon-git-squared:before{content:'\f1d2'}.icon-paper-plane:before{content:'\f1d8'}.icon-paper-plane-empty:before{content:'\f1d9'}.icon-header:before{content:'\f1dc'}.icon-sliders:before{content:'\f1de'}.icon-share:before{content:'\f1e0'}.icon-share-squared:before{content:'\f1e1'}.icon-bomb:before{content:'\f1e2'}.icon-soccer-ball:before{content:'\f1e3'}.icon-tty:before{content:'\f1e4'}.icon-binoculars:before{content:'\f1e5'}.icon-plug:before{content:'\f1e6'}.icon-yelp:before{content:'\f1e9'}.icon-newspaper:before{content:'\f1ea'}.icon-wifi:before{content:'\f1eb'}.icon-calc:before{content:'\f1ec'}.icon-paypal:before{content:'\f1ed'}.icon-gwallet:before{content:'\f1ee'}.icon-cc-visa:before{content:'\f1f0'}.icon-cc-mastercard:before{content:'\f1f1'}.icon-cc-discover:before{content:'\f1f2'}.icon-cc-amex:before{content:'\f1f3'}.icon-cc-paypal:before{content:'\f1f4'}.icon-cc-stripe:before{content:'\f1f5'}.icon-bell-off:before{content:'\f1f6'}.icon-bell-off-empty:before{content:'\f1f7'}.icon-trash:before{content:'\f1f8'}.icon-copyright:before{content:'\f1f9'}.icon-at:before{content:'\f1fa'}.icon-eyedropper:before{content:'\f1fb'}.icon-brush:before{content:'\f1fc'}.icon-birthday:before{content:'\f1fd'}.icon-chart-pie:before{content:'\f200'}.icon-chart-line:before{content:'\f201'}.icon-toggle-off:before{content:'\f204'}.icon-toggle-on:before{content:'\f205'}.icon-bicycle:before{content:'\f206'}.icon-bus:before{content:'\f207'}.icon-angellist:before{content:'\f209'}.icon-cc:before{content:'\f20a'}.icon-forumbee:before{content:'\f211'}.icon-cart-plus:before{content:'\f217'}.icon-cart-arrow-down:before{content:'\f218'}.icon-diamond:before{content:'\f219'}.icon-ship:before{content:'\f21a'}.icon-user-secret:before{content:'\f21b'}.icon-motorcycle:before{content:'\f21c'}.icon-heartbeat:before{content:'\f21e'}.icon-venus:before{content:'\f221'}.icon-mars:before{content:'\f222'}.icon-facebook-official:before{content:'\f230'}.icon-pinterest:before{content:'\f231'}.icon-whatsapp:before{content:'\f232'}.icon-user-plus:before{content:'\f234'}.icon-user-times:before{content:'\f235'}.icon-bed:before{content:'\f236'}.icon-train:before{content:'\f238'}.icon-subway:before{content:'\f239'}.icon-medium:before{content:'\f23a'}.icon-opencart:before{content:'\f23d'}.icon-gg:before{content:'\f260'}.icon-tripadvisor:before{content:'\f262'}.icon-odnoklassniki-square:before{content:'\f264'}.icon-map:before{content:'\f279'}.icon-handshake-o:before{content:'\f2b5'}.icon-envelope-open:before{content:'\f2b6'}.icon-address-card:before{content:'\f2bb'}.icon-address-card-o:before{content:'\f2bc'}.icon-user-o:before{content:'\f2c0'}.icon-quora:before{content:'\f2c4'}.icon-telegram:before{content:'\f2c6'}.icon-thermometer-3:before{content:'\f2c8'}.icon-thermometer-quarter:before{content:'\f2ca'}.icon-shower:before{content:'\f2cc'}.icon-bath:before{content:'\f2cd'}.icon-snowflake-o:before{content:'\f2dc'}.icon-twitter-bird:before{content:'\f303'}.icon-twitter-squared:before{content:'\f304'}.icon-facebook-squared:before{content:'\f308'}.icon-linkedin-squared:before{content:'\f30c'}.icon-instagram-filled:before{content:'\f31f'}.icon-instagram-1:before{content:'\f32d'}.icon-behance-1:before{content:'\f34e'}



/*Normalize*/
*{box-sizing: border-box;border:0;outline:0;}
:focus{border:0;outline:0}
html{scroll-behavior: smooth;}
body{margin:0;font-family: 'Somar', sans-serif;font-weight: 400; font-size:16px; color:#212738;background-color: var(--background-color-100)}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{text-decoration: none;color:inherit;background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img, a img, a{border-style:none;border-width:0;outline:none}
button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=search]{outline-offset:-2px}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
p,h1,h2,h3,h4,h5,h6{margin:15px 0;}
.center{text-align: center}
:focus{outline: 0}

/* Grid CSS */
.container-fluid::after, .container::after, .row::after {clear: both;}
.container-fluid::after, .container-fluid::before, .container::after, .container::before, .clearfix::after, .clearfix::before, .row::after, .row::before {display: table;content: " ";}
.container, .container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {margin-right: -15px;margin-left: -15px;}
.row [class^=col]{float:right;padding:0.5rem 15px;min-height:0.125rem}
.row.no-padding > [class*='col-'] { padding:0;}
.row.no-gutter > [class*='col-'] { padding:0.5rem 15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    position:relative;min-height:1px;padding-right:15px;padding-left:15px;width:100%}
/*   xs (for phones - screens less than 768px wide) */
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:right}
/* width: n/12 * 100% */
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
/*sm (for tablets - screens equal to or greater than 768px wide)*/
@media (min-width:768px){
    .container {width: 750px;}
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:right}
    /* width: n/12 * 100% */
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
}
/*    md (for small laptops - screens equal to or greater than 992px wide)*/
@media (min-width:992px){
    .container {width: 970px;}
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:right}
    /* width: n/12 * 100% */
    .col-md-12{width:100%}
    .col-md-11{width:91.66666667%}
    .col-md-10{width:83.33333333%}
    .col-md-9{width:75%}
    .col-md-8{width:66.66666667%}
    .col-md-7{width:58.33333333%}
    .col-md-6{width:50%}
    .col-md-5{width:41.66666667%}
    .col-md-4{width:33.33333333%}
    .col-md-3{width:25%}
    .col-md-2{width:16.66666667%}
    .col-md-1{width:8.33333333%}
    .row [class^=col]{padding:0.5rem 15px;}
    .row.no-gutter > [class*='col-'] { padding:0.5rem 0;}
}
/*    lg (for laptops and desktops - screens equal to or greater than 1200px wide)*/
@media (min-width:1200px){
    .container {width: 1200px;}
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:right}
    /* width: n/12 * 100% */
    .col-lg-12{width:100%}
    .col-lg-11{width:91.66666667%}
    .col-lg-10{width:83.33333333%}
    .col-lg-9{width:75%}
    .col-lg-8{width:66.66666667%}
    .col-lg-7{width:58.33333333%}
    .col-lg-6{width:50%}
    .col-lg-5{width:41.66666667%}
    .col-lg-4{width:33.33333333%}
    .col-lg-3{width:25%}
    .col-lg-2{width:16.66666667%}
    .col-lg-1{width:8.33333333%}
}



.skip-link{background:var(--secondary-color);height:30px;left:50%;padding:0 15px;position:absolute;transform:translate(-50%,-100%);transition:transform .3s;display:block;height:40px;line-height:40px;z-index:5;border-radius:0 0 5px 5px;color:#fff}
.skip-link:focus{transform:translate(-50%,0)}


/*Slick Default CSS*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{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{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.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-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


.navi{
    order:2;
    flex: 1;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
#selectMenu{display:none;list-style:none;margin:0;position:fixed;top:0;left:0;bottom:0;z-index:99;width:400px;max-width:100%;height:100vh;overflow:hidden;overflow-y:scroll;background:#fff;padding:40px 20px;font-size:1rem;font-family:Somar}[dir=rtl] #selectMenu{left:auto;right:0}#selectMenu li{display:block;width:100%;position:relative;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--background-color-200)}#selectMenu li.active{position:relative}#selectMenu li.active:hover{color:var(--secondary-color)}
#selectMenu li a{ font-weight:800; display:block;padding:0 10px;text-decoration:none;height:38px;line-height:38px}#selectMenu li{font-weight:700;font-size:.9rem}#selectMenu li li{font-weight:400;font-size:1rem}#selectMenu li a:hover{color:var(--secondary-color)}#selectMenu li li a:hover{color:inherit}#selectMenu li.menu-item-has-children{position:relative}#selectMenu li.menu-item-has-children::after{display:none}#selectMenu li.menu-item-has-children a{padding:0 25px}#selectMenu li.menu-item-has-children>a{padding-left:10px;padding-right:30px}[dir=rtl] #selectMenu li.menu-item-has-children>a{padding-right:10px;padding-left:30px}#selectMenu li.menu-item-has-children span.mobOpen{position:absolute;display:inline-block;top:0;right:0;height:30px;width:30px;text-align:center;line-height:28px;z-index:1;background:var(--background-color-100);border-radius:5px;margin-top:5px}[dir=rtl] #selectMenu li.menu-item-has-children span.mobOpen{right:auto;left:5px}#selectMenu li.menu-item-has-children span.mobOpen::after{content:'\e839';font-family:yfont;font-size:.5rem}#selectMenu li.menu-item-has-children span.mobOpen:hover{background-color:var(--background-color-200)}#selectMenu li>.sub-menu{display:none; position:relative;z-index:2;width:100%;padding:0;background:#f7f7f7;animation:.5s slide-down}@keyframes slide-down{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}#selectMenu li>.sub-menu li{display:block;border-bottom:1px solid var(--background-color-100)}#selectMenu li>.sub-menu li:last-child{border-bottom:none;border-radius:0 0 10px 10px}#selectMenu li>.sub-menu li:hover{background-color:var(--background-color-100)}.CloseMyMenu{position:absolute;z-index:1;top:5px;left:10px;display:block;font-size:1.8rem;border-radius:5px;background-color:var(--secondary-color);color:#fff;font-weight:400;margin-right:3px;height:36px;width:36px;line-height:30px;text-align:center;cursor:pointer}.CloseMyMenu::after{content:"×";margin-right:-3px}.CloseMyMenu:hover{background-color:var(--primary-color)}.nav-button{display:block;font-size:1.1rem;border-radius:5px;background-color:var(--secondary-color);border:2px solid var(--secondary-color);color:#fff;font-weight:400;height:30px;width:30px;line-height:26px;text-align:center;cursor:pointer;align-self:stretch}.nav-button:hover{background-color:var(--primary-color);border:2px solid var(--primary-color)}@media screen AND (min-width:1200px){.navi{order:0;}#selectMenu li.menu-item-has-children span.mobOpen,#selectMenu li.menu-item-has-children span.mobOpen:hover{background-color:transparent}.CloseMyMenu,.nav-button{display:none}#selectMenu{display:block;position:relative;padding:0;max-width:none;width:auto;height:auto;overflow:visible;background-color:transparent;padding-right:40px}#selectMenu li{display:inline-block;width:auto;position:relative;border-bottom:none}#selectMenu li.active{color:#62a2ea}#selectMenu>li::after{content:"";position:absolute;left:100%;right:12px;bottom:-15px;background-color:var(--secondary-color);height:2px;transition:.5s}#selectMenu>li:hover::after{left:12px}#selectMenu li>.sub-menu{position:absolute;z-index:2;width:auto;background:#fff;top:40px;left:0;border-radius:0 0 10px 10px;box-shadow:0 1px 5px rgba(0,0,0,.05)}[dir=rtl] #selectMenu li>.sub-menu{left:auto;right:0}#selectMenu li.menu-item-has-children ul li.menu-item-has-children span.mobOpen::after{content:'\e83b';font-family:yfont;font-size:.5rem}[dir=rtl] #selectMenu li.menu-item-has-children ul li.menu-item-has-children span.mobOpen::after{content:'\e83a';font-family:yfont;font-size:.5rem}#selectMenu li>.sub-menu li>.sub-menu{top:0;left:100%}[dir=rtl] #selectMenu li>.sub-menu li>.sub-menu{left:auto;right:100%}#selectMenu .hide-pc{display:none}}.select-responsive-menu{animation:slide-left .5s ease}@keyframes slide-left{from{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@media screen and (min-width:1200px){.select-responsive-menu{animation-duration:0s}}

.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption .wp-caption-text,.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}


.blognavigation{margin-top:20px}
.blognavigation li.active,.blognavigation li:hover,.tags a:hover{background:#202636;color:#fff}
.blognavigation .next,.blognavigation .prev{background-color:var(--primary-color);color:#fff}
.blognavigation .dots{font-size:20px;margin:0 5px}
.blognavigation a,.blognavigation li,.blognavigation span.current{display:inline-block;margin:10px 3px;line-height:30px;padding:0 12px;font-size:1rem;transition:.2s;border-radius:5px;background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}
.blognavigation a:hover,.blognavigation li:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff;transition:.2s}
.blognavigation span.current{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}
.blognavigation .navigation.pagination,.blognavigation .nav-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}
@media only screen and (min-width:992px){
    .blognavigation{margin-top:40px}
}

.alert{display:none;position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert.show{display:block}
.alert-dismissible{padding-right:4rem}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-failed{color:#571515;background-color:#edd4d4;border-color:#e6c3c3}
.alertclose:not(:disabled):not(.disabled){cursor:pointer}
.alert-dismissible .alertclose{position:absolute;top:0;right:0;padding:8px 10px;color:inherit;background:0 0;font-size:1.5rem}

.lwptoc_toggle {display:none;}

.simple-box {
    display:block;
    padding:10px;
    margin:5px 0;
    border:1px solid #ddd;
    border-radius:10px;
    background:#fff;
}
.simple-box-title {
    font-size:1.1rem;
    font-weight: 800;
    color: var(--secondary-color);
}

/*headline*/
.headline{text-align: center; margin-bottom: 25px;}
.headline-title{font-weight: bold; font-size: 1.4rem;position: relative}
.headline-title::after{content: ""; display: block;width: 80px; height: 3px; background-color: var(--secondary-color); position: absolute; bottom: -15px;left: 50%; transform: translateX(-50%)}
/*.headline-txt{font-size: 1rem; color: var(--background-color-500)}*/

/*Back to top button*/
#back-top{position: fixed;z-index: 50; right:10px;bottom:10px;}
#back-top i{background-color: var(--secondary-color);line-height: 40px; height: 38px;width: 38px;border-radius: 50px;text-align: center;font-size: 14px;display: block;transition: 0.5s;color: #FFFFFF}
#back-top i:hover{background-color:#202636 }
/*floating icons*/
#floating-icons {position: fixed; z-index: 20; left: 10px; transition: 0.5s; bottom: 10px;}
#floating-icons .hide-pc{display: none}
#form-btn{display: none}
#floating-icons a{display: flex;align-items: center;justify-content: center;width:40px;height:40px;padding:0;background-color: var(--secondary-color);border-radius: 10px;margin:6px 0;font-size: 1rem;color:#FFFFFF;transition: 0.5s;text-decoration: none;gap:8px;}
#floating-icons a:hover{background-color: var(--text-color)}
#floating-icons a i{line-height: 1;}
#floating-icons .float-label{display:none;font-size:0.75rem;font-weight:600;white-space: nowrap;}
#floating-icons .float-phone{background-color: var(--primary-color);color: #FFFFFF}
#floating-icons .float-wts{background-color: #25d366;color: #FFFFFF}
#floating-icons .float-zoom{background-color: #2D8CFF;color: #FFFFFF}
#back-top-m i{display:block;width:40px;height:40px;line-height:40px;background-color:#C21F30;border-radius:50%;margin:6px 0;font-size:1rem;text-align:center;color:#FFFFFF;transition:0.5s}
#back-top-m i:hover{background-color:var(--primary-color) }
#back-top-m{display: none}

.hide-me{opacity: 0;visibility: hidden}
.show-me{opacity: 1;visibility: visible}

@media only screen and (min-width:1200px){
    #floating-icons{z-index: 201}
}

@media only screen and (max-width:786px){
    #floating-icons{width:auto;top:auto;background-color:#FFFFFF;right:0;left:0;padding:6px 10px;display:flex;bottom:0;justify-content:space-between;gap:10px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
    #floating-icons .hide-pc{display:inline-block}
    #floating-icons a{flex:1 1 0;width:auto;min-height:48px;height:auto;border-radius:10px !important;margin:0;padding:8px 16px;border:none;font-size:0.9rem;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:background-color 0.3s ease;flex-direction:row;gap:10px;}
    #floating-icons .float-label{display:inline-block;font-size:0.9rem;font-weight:600;white-space:nowrap;}
    #floating-icons a i{font-size:1.1rem}
    #back-top-m{display: inline-block}
    #back-top{display: none}
}


.icon-phone::before{transform: rotate(270deg)}

header{transition: 0.5s;z-index: 20;left:0;right:0}
header.shrink-me{animation: headerSlide 0.5s ease-in;position: fixed; box-shadow: 0 2px 5px rgba(0,0,0,0.05)}
@keyframes headerSlide{
    from{transform:translateY(-50px);opacity:0}
    to{transform:translateY(0px);opacity:1}
}

/*header-section*/
.header-section{background-color: white; position: relative; padding: 0}
.header-section-flex{width:100%;display: flex; justify-content: space-between; align-items: center}

.header-left {flex:1;display:flex;flex-direction:row;}


.header-bar-flex{width:100%;display: flex; justify-content: space-between; align-items: center;}
/*header-bar-side*/
.header-bar-side{display: flex; align-items: center; align-self: stretch}
@media only screen and (min-width:992px){
    .header-left {flex-direction: column;height:100px;}
    .header-bar{background-color: var(--primary-color); color: #FFF; position: relative;border-bottom-right-radius: 20px;padding:0 20px;}
    .header-bar-flex{width:100%;display: flex; justify-content: space-between; align-items: center; padding: 0 15px}
}

/*horizontal separator*/
.hrz-separator{width:1px; background-color: white; opacity: 0.5; height: 20px; margin:0 10px; display: inline-block}

@media only screen and (min-width:992px){
    .hrz-separator{margin:0 20px;}
}


/*header contact*/
.header-contact{margin-left:10px}
.header-contact i{margin-left:5px}
.header-contact:hover{color: var(--secondary-color)}

@media only screen and (min-width:992px){
    .header-contact{font-size: 1.1rem; margin-left:25px}
}


header .hide-mobile{display: none}
@media only screen and (min-width:992px){
    header .hide-mobile{display: inline-block}
}



/*logo*/
.logo {padding:15px 25px; flex-grow: 10}
.logo img{height:50px; width:auto; max-width: 100%;padding:5px 0; display: block; transition: 0.5s}
header.shrink-me .logo img{height:40px}
header.shrink-me .header-bar {display:none;}
header.shrink-me .header-left {height:auto}
@media only screen and (min-width: 992px){
    .logo img{height:60px;}
    .logo {padding:15px 25px; flex-grow: initial}
}


/*header-btn*/
.header-btn{white-space: nowrap; padding:5px 25px; line-height: 2.2rem; display: none; background-color:var(--secondary-color); font-size: 1rem; position: relative; color: white; overflow: hidden; margin-right: 35px; border-radius: 100px}
.header-btn span{position: relative}
.header-btn::before{content: ""; position: absolute; width: 0; height: 0; left: 50%;top:50%; transform: translate(-50%, -50%); border-radius: 200px ;background-color: var(--primary-color); transition: 0.5s;  }
.header-btn:hover::before{width: 150px; height: 150px;}
.header-btn:hover{color: white}

header.shrink-me .header-btn{padding:0 20px; font-size: 0.9rem}

@media only screen and (min-width:992px){
    .header-btn{display: inline-block}
}

/*Header Social*/
.header-social{display: none;}

@media only screen and (min-width:992px){
    .header-social{display: flex;position:relative; width:auto; text-align:right;float:right;flex-wrap: wrap;font-size: 0.9rem; padding:5px 0}
    .header-social ul{display:inline-block;list-style:none;margin:0 -5px;padding:0}
    .header-social ul li{display:block;float:left;margin:2px 7px;}
    .header-social i{color: white;}
    .header-social i:hover{color:var(--secondary-color);}

}



/* CSS Document */
#footer{background-color: var(--text-color); color: white; padding: 20px 0;}

/*footer-headline*/
.footer-headline{font-size: 1.1rem; font-weight: bold; position: relative; margin-bottom: 15px; color:var(--secondary-color) }

.footer-logo img{height:40px; width: auto; max-width:90%; display: block; margin-bottom: 15px;}

.footer-txt{margin:25px 0; font-size: 1rem;}

/*footer links*/
.footer-links{margin:15px 0}
.footer-links li{line-height: 2rem;padding:0;margin: 0;font-size: 0.9rem;position: relative; display: flex}
.footer-links li::before {content: "\e8ee";font-family: yfont;font-size: 0.5rem;display: inline-block; margin-left: 10px; color: var(--secondary-color)}
.footer-links li a:hover{color: var(--secondary-color)}


@media only screen and (min-width:992px){
    #footer{padding: 40px 0;}
    .footer-section{padding: 0 15px;}
    .footer-logo img{height:60px;}
    .footer-txt{padding-left: 20px; }
}

/*footer Social*/
.footer-social{position:relative; width:auto; text-align:right;float:right;display: flex;flex-wrap: wrap;font-size: 0.8rem}
.footer-social ul{display:inline-block;list-style:none;margin:0 -5px;padding:0}
.footer-social ul li{float:left;margin:2px 5px; border:1px solid rgba(255,255,255,0.4); display: inline-block; width:32px; height:32px;line-height: 30px; text-align: center; border-radius: 50px}
.footer-social i{color: white;}
.footer-social i:hover{color:var(--secondary-color);}

@media only screen and (min-width:992px){
    .footer-social{font-size: 1rem; padding:5px 0}
}

/*get-in-touch-box*/
.get-in-touch-box{margin: 15px 0; position: relative}
.get-in-touch-box li {list-style-type: none;line-height: 2.5rem;}
.get-in-touch-box i {color: var(--secondary-color);margin-left: 5px;}

/*copyright*/
.copyright{line-height:32px;text-align:center;font-size: 1rem; padding-bottom: 60px; background-color: var(--text-color); color: white}
.copyright .row{border-top:1px solid var(--background-color-500)}
.copyright a{font-weight: bold}
.copyright a:hover{color: var(--secondary-color)}

@media only screen and (min-width:1200px){
    .copyright{padding:10px 0;}
    .copyright .left{text-align: left}
    .copyright .right{text-align: right}
}





/*box call to action*/
.box-cta{display: flex;margin :0 -5px; flex-grow: 1; align-items: flex-end; padding: 10px 0}
.box-cta a{border-radius: 50px;display: block;width:40px;height:40px;line-height: 40px;text-align: center;color: white ;margin:5px;font-size: 0.9rem;transition: 0.3s;white-space: nowrap; overflow: hidden; background-color: var(--primary-color)}
.box-cta a:hover{background-color: white; border:2px solid var(--primary-color);line-height: 36px; color: var(--primary-color)}
.box-cta .cta-wts{background-color: #25D366}
.box-cta .cta-zoom{background-color: #2D8CFF}
@media only screen and (min-width:786px){
    .box-cta a{font-size: 1rem;}
}




/*unit-box*/
.unit-box{border-radius: 10px; overflow: hidden; border:1px solid var(--background-color-200); box-shadow: 2px 5px 5px rgba(0,0,0,0.1); margin: 15px 10px; background-color: white; position: relative}
.unit-img{display: block; overflow: hidden; border-radius: 10px 10px 0 0; position: relative}
.unit-img img{width:100%; height:200px; object-fit: cover; display: block; transition: 0.5s}
.unit-img::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 30px;
    height: 60px;
    width: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 30px 0 0 #FFFFFF;
    z-index: 2;
}
.unit-tag{position: absolute; top:10px; left:10px; background-color: white; border-radius: 3px; font-size: 0.8rem; padding:2px 10px; z-index: 2; box-shadow: 1px 1px 3px rgba(0,0,0,0.5)}
.unit-tag:hover{background-color: var(--secondary-color); color: white}
.unit-box:hover .unit-img img{transform: scale(1.1)}
.unit-data{padding: 15px; display: flex; flex-direction: column;border-top-left-radius: 30px; margin-top: -30px;position: relative;z-index: 2; background-color: white}

.unit-location{color: var(--primary-color); opacity: 0.8; margin: 5px 0}
.unit-location i{margin-right: -5px}
.unit-location:hover{opacity: 1}
/*.unit-price{font-weight: bold; color: var(--secondary-color); font-size: 1.2rem; border-radius: 0 5px 0 0; margin-top: 10px}*/
.unit-title{font-weight: bold; color: var(--text-color); display: block; transition: 0.2s}

.unit-box .small-txt{font-weight: normal; font-size: 1rem}

.unit-title:hover{color: var(--secondary-color)}

.unit-box .unit-details{display: flex;justify-content: flex-start;margin-top:10px;right:0;left:0;}
.unit-box .unit-details span{display:block;margin:0 7px;color:var(--secondary-color);white-space: nowrap;font-size: 1rem}

.unit-price-details {display: inline-flex;flex-wrap: wrap;margin:15px 0;	color: var(--text-color); border: 1px solid var(--background-color-300); font-size: 0.9rem}
.unit-price-details span{padding: 5px; text-align: center; flex-grow: 1; border: 1px solid var(--background-color-300)}

.unit-btn{align-self: flex-end; color: var(--text-color); border-radius: 5px; padding:0 15px; margin-top: -3rem; transition: 0.2s; font-size: 0.9rem; line-height: 1.8rem; background-color: var(--background-color-200)}

.unit-btn:hover{background-color: var(--secondary-color); border-color: var(--secondary-color);color: white}


/* area-box */
.area-box {
    position: relative;
    border-radius: 10px;
    margin: 25px 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    overflow: hidden
}
.area-img {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.area-img::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 20px;
    height: 40px;
    width: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 20px 0 0 #FFFFFF;
    z-index: 2;
}

.area-img img{width:100%; height:200px; object-fit: cover; display: block; transition: 1s}
.area-data {
    background-color: rgba(255,255,255,1);
    text-align: center;
    font-weight: bold;
    padding: 10px;
    transition: 0.4s;
    position: relative;
    border-top-left-radius: 20px;
    z-index: 2;
    margin-top: -20px;
}
.area-title{font-size: 1.1rem}
.area-units{font-size: 0.9rem; color: var(--secondary-color)}
.area-link{position: absolute; top:0; bottom: 0; left:0; right:0; z-index: 2}
.area-box:hover .area-img img{transform: scale(1.1);}
.area-box:hover .area-title{color: var(--primary-color)}







/*recent-box*/

.recent-box{border-radius: 10px; overflow: hidden; border:1px solid var(--background-color-200); box-shadow: 2px 5px 5px rgba(0,0,0,0.1); margin: 15px 10px; background-color: white}
.recent-img{display: block; overflow: hidden; border-radius: 10px 10px 0 0; position: relative}
.recent-img img{width:100%; height:230px; object-fit: cover; display: block; transition: 0.5s}
.recent-img::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 30px;
    height: 60px;
    width: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 30px 0 0 #FFFFFF;
    z-index: 2;
}
.recent-box:hover .recent-img img{transform: scale(1.1)}
.recent-data{padding: 20px; display: flex; flex-direction: column; border-top-left-radius: 30px; margin-top: -30px; position: relative; z-index: 2; background-color: white}


.recent-title{font-weight: bold; color: var(--primary-color); display: block; transition: 0.2s}

.recent-title:hover{color: var(--secondary-color)}

.recent-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    padding: 8px 18px;
    transition: 0.2s;
    font-size: 0.95rem;
    line-height: 1.4rem;
    background: linear-gradient(135deg,var(--secondary-color),var(--primary-color));
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
    font-weight: 700;
    gap: 6px;
    text-decoration: none;
}
.recent-btn:hover{
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.14);
}
@media only screen and (max-width:768px){
    .recent-btn{width:100%; margin-top:10px;}
}






/* CSS Document */

.banner .row{display: flex; flex-wrap: wrap;background:var(--background-color-100);}
/*banner-img*/
.banner-img img{display: none}

.banner-data-col{display: flex; flex-wrap: wrap; align-items: center}
.banner-data{padding: 25px;width: 100%}
.banner-slogan{display: flex; align-items: center; color: var(--secondary-color); font-weight: bold}
.banner-slogan i{background-color: var(--secondary-color-light); color: var(--secondary-color); display: flex; align-items: center; justify-content: center; width:30px; height: 30px; border-radius: 50px; margin-left: 10px }
.banner-headline{font-weight: bold; font-size: 1.5rem; padding-top: 15px}
@media only screen and (min-width:992px){
    .banner-img img{display: block; width:100%; height: 500px;object-fit: cover; object-position: right top;}
    .banner-data{padding-right: 30px; padding-left: 50px }
    .banner-headline{font-size: 2rem;}
}
@media only screen and (min-width:1200px){
    .banner-data{padding-right: 100px;}
}
/*search form*/
.banner-search{width: 100%}
.search-form-title{padding: 10px 0; color: var(--secondary-color)}
.search-form{width:100%; border-radius: 5px; border-bottom-left-radius: 25px; padding: 10px 25px; background-color: white; box-shadow:  0 5px 5px rgba(0,0,0,0.1); position: relative; z-index: 2; margin :15px 0}
/* Do not use column-reverse for the projects search form (projects_search-form.php) */
.search-form form:not(.projects-search-form){display: flex; flex-direction: column-reverse}
.search-form .form-row{display: flex;flex-wrap: wrap; align-items: center; margin:0 -5px}

.input-group{display: flex;align-items: center; border:1px solid var(--background-color-300); margin: 8px 5px; padding: 0 10px;background-color: #FFFFFF; width: 100%; border-radius: 7px}
.input-group:hover{border-color:var(--secondary-color)}
.input-group i{color: #CCC;margin-left:5px;font-size: 0.9rem}
.search-form .form-input, .search-form .search-select {background-color: #FFFFFF;	width: 100%; height: 40px; line-height: 38px; border-radius: 5px; font-size: .85rem; color: var(--text-color);	transition: all .3s ease-in-out; text-decoration: none;	text-transform: none; font-family: 'Somar', sans-serif; font-style: normal;	outline: 0;}

.search-form .search-select{appearance: none;-moz-appearance: none;	-webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg fill='indigo' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position: 0;  background-repeat: no-repeat;}


.search-form .search-submit {font-weight: 600; font-size: 0.9rem; background-color: var(--secondary-color);	color: #FFFFFF;	padding: 0 25px; white-space: nowrap; border: none;	display: inline-block;	cursor: pointer; margin: 10px 5px;	font-family: 'Somar', sans-serif; border-radius: 7px; text-align: center; transition: 0.2s; height: 40px; line-height: 38px; width:100%;}

.search-form .search-submit:hover{background-color: var(--primary-color)}

@media only screen and (min-width:992px){
    .homesearch.search-form{width:120%; margin :25px 0;}
    .search-form .form-row{flex-wrap: nowrap}
    .input-group{flex:1;margin: 10px 5px;}
    .search-form .search-submit {width: auto;}
}

/*main-section*/
.main-section{padding: 20px 0}
.bg-white{background-color: white}


@media only screen and (min-width:992px){
    .main-section{padding: 60px 0}
}


@media only screen and (min-width: 1200px){
    .featured-area{padding: 60px}
    .featured-area .col-lg-2 {width: 20%;}
}

/*featured-slider*/
.featured-slider{padding-bottom: 50px}

/*featured slider prev & next*/
.featured-slider .slick-prev i::before, .featured-slider .slick-next i::before{line-height: normal; margin:0 }
.featured-slider .slick-prev, .featured-slider .slick-next{position:absolute;cursor:pointer;z-index:1;font-size:12px;width:36px; height:36px; text-align:center;padding:0;bottom:15px;left:50%;color: var(--primary-color);border:1px solid var(--primary-color); border-radius: 50px; transform: translateX(-42px); transition: 0.2s; background-color: white}
.featured-slider .slick-prev{transform: translateX(4px)}
.featured-slider .slick-prev:hover, .featured-slider .slick-next:hover{background-color: var(--primary-color);border-color: var(--primary-color);color: #FFFFFF; opacity: 1}

@media only screen and (min-width:992px){
    .featured-slider{padding-bottom: 20px}
    .featured-slider .slick-prev, .featured-slider .slick-next{font-size:14px; width:40px; height:40px;left:-35px;top:50%;transform:translateY(-50%);}
    .featured-slider .slick-prev{left:auto;right:-35px; }
}


/*recent-articles*/
.recent-articles{background: linear-gradient(white, var(--background-color-100))}
@media only screen and (min-width:992px){
    .recent-articles{padding: 30px}
}

/*contact-us (legacy .contact-us section only — not .contact-us-section) */
.contact-us{position: relative; background-color: var(--background-color); background-image: url(../../images/bg-manazil.webp); background-position: bottom; background-size: 100%; background-repeat: no-repeat}
.contact-us .headline{text-align: inherit}
.contact-us .headline i{color: var(--secondary-color)}
.contact-us .headline-title::after{right:0; transform: translate(0)}
/*
.contact-us .row{display:flex;flex-wrap: wrap;}
.contact-us div[class*=col-] {display:flex;flex-wrap: wrap;justify-content:center;align-items: center;}
*/

.about-txt{padding-left: 50px; padding-top: 20px;}
.about-txt p{line-height: 2rem}
.about-txt .page-cta {margin-top: 25px}


.contact-us .contact-form{padding:15px;box-shadow:0 5px 15px rgba(0,0,0,0.15); background-color: rgba(255,255,255,0.5); border-radius: 5px;border-bottom-left-radius: 50px; border:1px solid var(--background-color-200)}
.contact-us .contact-form .headline-title::after{display: none}

.contact-us .contact-form form{position: relative;z-index: 1;}

.contact-us .contact-form .form-bg, .contact-us .contact-form .comment{width:100%;padding-right:15px;height:44px;line-height:44px;color:var(--primary-color);display:block;font-family: 'Somar', sans-serif;font-size:1rem;margin-top:20px;border:1px solid #C6C6C6;background-color:rgba(255,255,255,0.9);border-radius: 5px }
.contact-us .contact-form .comment{height:110px;}
.contact-us .form-bg::placeholder,.contact-us .comment::placeholder{opacity:0.5}
.contact-us .contact-form .submit{margin-top:20px;background-color:var(--secondary-color);line-height:32px;padding:0 20px 3px;color:#FFF;font-size:18px;border:0;transition:0.5s;border-radius: 5px;font-family: 'Somar', sans-serif; float: left}
.contact-us .contact-form .submit:hover{cursor:pointer;background-color: var(--primary-color)}
.contact-us .form-bg.half-r, .contact-us .form-bg.half-l{width:100%;}
.contact-us .contact-form .search-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-position: 2%;
    background-repeat: no-repeat;
    color: var(--primary-color);
}
.contact-us .contact-form .search-select option{font-family: 'Somar'!important;}

@media only screen and (min-width:992px){
    .contact-us .contact-form{background-color: rgba(255,255,255,0.8); padding:25px 35px 70px 35px }
    /*
    .contact-form-box{height: 400px;}
    .contact-form-box img{width:120%; height: auto; display: block;position: absolute; bottom: 0; border-radius: 10px}
    */
    .contact-us .form-bg.half-r, .contact-us .form-bg.half-l{width:48% !important;display: inline-block}
    .contact-us .form-bg.half-l{float:left}
}



/*breadcrumbs (schema + layout — used on pages and singles) */
.breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    width: 100%;
    font-size: 0.8rem;
    line-height: 1.6rem;
    color: var(--background-color-600);
    margin: 10px 0 15px;
    padding: 5px 0;
}
.breadcrumbs a:hover{color: var(--secondary-color)}

/* Each crumb container */
.breadcrumbs > [itemprop="itemListElement"] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

/* Link styling */
.breadcrumbs .breadcrumbs__link {
    color: var(--primary-color);
    text-decoration: none;
    transition: color .2s ease;
}
.breadcrumbs .breadcrumbs__link:hover,
.breadcrumbs .breadcrumbs__link:focus {
    color: var(--secondary-color);
    text-decoration: underline;
}

/* Separator */
.breadcrumbs .breadcrumbs__separator,
.breadcrumbs__separator {
    margin-inline: 0.4rem;
    font-size: 1.4rem;
    color: var(--background-color-600);
    opacity: 0.6;
    user-select: none;
}
html[dir="rtl"] .breadcrumbs .breadcrumbs__separator {
    transform: none;
}

/* Current (last) crumb */
.breadcrumbs > [itemprop="itemListElement"]:last-of-type .breadcrumbs__link {
    color: var(--text-color);
    font-weight: 700;
    pointer-events: none;
    cursor: default;
}
.breadcrumbs > [itemprop="itemListElement"] .breadcrumbs__link [itemprop="name"] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

@media only screen and (min-width:992px){
    .breadcrumbs{font-size: 0.9rem; margin-top: 15px;}
}



/*content-box*/
.content-box{background-color: white;padding:15px;margin-bottom: 25px;overflow: hidden;border-radius: 10px;color: var(--text-color); box-shadow: 2px 2px 5px rgba(0,0,0,0.05)}
.content-box.no-padding{padding: 0}
.post-content{margin:15px 0;}
.content-box ul{padding-right: 25px}
.content-box li{padding:5px}
.content-box h2{color:var(--primary-color); font-size: 1.2rem; margin-top: 10px; position: relative;
    border-right:4px solid var(--secondary-color);
    padding-right:10px;
}

.content-box h3{color:var(--secondary-color); font-size: 1.1rem;}
.content-box img{max-width: 100%;height:auto; margin: 15px 0}
.content-box a{color: var(--secondary-color); text-decoration: underline;}
.content-box a:hover{color: var(--secondary-color); text-decoration: none}

@media only screen and (min-width:992px){
    .content-box h2{font-size: 1.3rem; margin-top: 15px;}
}

/* Footer zoom popup + schedule form (used on all templates via footer) */
@media only screen and (min-width: 992px) {
    .contact-us-inner{margin-bottom: 60px}
    .contact-us .contact-form {flex:1;}

    .alert-row [class^=col] {
        padding-top:0;
        padding-bottom:0;
    }}
/*light-box*/
.lightbox-target{position: fixed;width: 100%;background-color: rgba(0,0,0,0.8);opacity: 0;
    transition: 0.5s ease-in-out;z-index: 200;top: -100%;overflow-y: scroll;right:0;left:0}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0;}
.lightbox-target:target{opacity: 1;top:0;bottom:0;left:0;}
.lightbox-target .icon-cancel{color:#000000;background-color: #FFF;font-size: 1.5rem;top:10px;left:10px;position:absolute; border-radius: 5px}

/*zoom-popup*/
.zoom-popup{background-color: white; padding:25px; border-radius: 10px;position:absolute;transition:.5s ease-in-out;left:50%;z-index: 1;width:900px;max-width: 90%; top:50%;transform:translate(-50%, -50%)}

.zoom-title{color: var(--secondary-color); font-weight: bold; font-size: 1.1rem; margin-bottom: 15px}
/*.schedule-meeting*/
.schedule-meeting form{display: flex; flex-wrap: wrap;padding:15px; justify-content: space-between; background-color: #F1F3F7; border-radius: 10px}
.schedule-meeting .form-inside-title{font-weight: bold; font-size: 0.9rem;margin-bottom: 5px; padding-right: 5px}
.schedule-meeting .input-box{width:98%;margin:0 1%}
.schedule-meeting .input-box label{font-size: 0.9rem;margin-bottom: 5px; font-weight: bold}
.schedule-meeting .form-bg,.schedule-meeting .comment{width:100%;padding-right:15px;height:40px;line-height:38px;color:#334155;display:block;font-family:"Cairo";font-size:0.85rem;margin-bottom:15px;border:1px solid #C0C0C0;font-weight: bold;background-color: #FFFFFF;border-radius: 10px}
.schedule-meeting .comment{height:100px;}
.schedule-meeting .search-select{appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-position: 2%;
    background-repeat: no-repeat;
    color: rgba(35,63,90,0.7);}
.schedule-meeting .form-bg::placeholder,.schedule-meeting .comment::placeholder{opacity:.5; }
.schedule-meeting .submit{margin:15px 0;background-color:var(--primary-color);line-height:32px;padding:0 20px 3px;color:#FFF;font-size:1rem;border:0;transition:0.5s;border-radius: 10px;font-family: 'Cairo', sans-serif; align-self: flex-end}
.schedule-meeting .submit:hover{cursor:pointer;background-color: var(--secondary-color)}

/*radio*/
.schedule-meeting .radio-box{
    display: flex; overflow-x: auto;width:100%;list-style-type: none;padding-right: 0; margin-bottom: 15px
}

.schedule-meeting  .radio-box [type="radio"]{display: none}
.schedule-meeting  .radio-box label{display: flex; justify-content: space-between; align-items: center;text-align: center; padding:5px 10px; width:100%; background-color: white; color: var(--background-color-500); font-size: 0.9rem; border-radius: 5px; cursor: pointer; border:1px solid var(--background-color-500);transition: 0.2s;}
.schedule-meeting  .radio-box label:hover, .schedule-meeting  .radio-box input:checked ~ label{background-color: white;border-color:var(--secondary-color); color: var(--secondary-color)}
.schedule-meeting  .radio-box li{margin:0 5px}

@media only screen and (min-width:992px){
    .schedule-meeting .input-box{width:48%;margin:0 1%}
    .schedule-meeting .search-select{width:60%}
    .schedule-meeting .submit{margin-top:50px; margin-bottom: 0}
}

/*
 * Project card grids: legacy rules above use float + .row { margin: -15px } and conflict with
 * Bootstrap 5 grid/utilities (flex + --bs-gutter-*), which caused columns to sit on top of each other and z-index bleed.
 * Modular Bootstrap is enqueued at wp_enqueue_scripts priority 5 so this file (with theme CSS) loads after it.
 * These rules must win (late in file) — use !important.
 * Include .row.g-3 so grids work even if :has() is unsupported.
 */
body .container .row.g-3,
body .container .row.g-2,
body .container .row.g-4:not(.cities-section__row),
body .main-section .container .row.g-3,
body .post-banner + div .container .row.g-3,
.main-section .row.project-archive-row,
.main-section .row:has(> [class*="col-"] .project-card--modern),
.post-banner + div .container .row.project-archive-row,
.post-banner + div .container .row:has(> [class*="col-"] .project-card--modern),
.container .row.project-archive-row,
.container .row:has(> [class*="col-"] .project-card--modern),
.container-fluid .row:has(> [class*="col-"] .project-card--modern) {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: calc(-0.5 * var(--bs-gutter-x, 1.5rem)) !important;
    margin-right: calc(-0.5 * var(--bs-gutter-x, 1.5rem)) !important;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
body .container .row.g-3 > [class*="col-"],
body .container .row.g-2 > [class*="col-"],
body .container .row.g-4:not(.cities-section__row) > [class*="col-"],
body .main-section .container .row.g-3 > [class*="col-"],
body .post-banner + div .container .row.g-3 > [class*="col-"],
.main-section .row.project-archive-row > [class*="col-"],
.main-section .row:has(> [class*="col-"] .project-card--modern) > [class*="col-"],
.post-banner + div .container .row.project-archive-row > [class*="col-"],
.post-banner + div .container .row:has(> [class*="col-"] .project-card--modern) > [class*="col-"],
.container .row.project-archive-row > [class*="col-"],
.container .row:has(> [class*="col-"] .project-card--modern) > [class*="col-"],
.container-fluid .row:has(> [class*="col-"] .project-card--modern) > [class*="col-"] {
    float: none !important;
    position: relative !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    /* isolate stacking so .project-card__img { z-index:2 } does not paint over the next column */
    isolation: isolate;
    z-index: 0;
}
/* BS5-style widths (theme legacy md breakpoint differs from BS5) */
@media (min-width: 768px) {
    /* col-sm-6 first; col-md-4 after so .col-12.col-sm-6.col-md-4 is 1/3 at md+ (matches Bootstrap) */
    body .container .row.g-3 > [class*="col-sm-6"],
    body .container .row.g-2 > [class*="col-sm-6"],
    body .container .row.g-4:not(.cities-section__row) > [class*="col-sm-6"],
    .container .row.project-archive-row > [class*="col-sm-6"],
    .container .row:has(> [class*="col-"] .project-card--modern) > [class*="col-sm-6"] {
        flex: 0 0 auto !important;
        width: 50% !important;
        max-width: 50% !important;
    }
    body .container .row.g-3 > [class*="col-md-4"],
    body .container .row.g-2 > [class*="col-md-4"],
    body .container .row.g-4:not(.cities-section__row) > [class*="col-md-4"],
    .container .row.project-archive-row > [class*="col-md-4"],
    .container .row:has(> [class*="col-"] .project-card--modern) > [class*="col-md-4"] {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}
@media (max-width: 767.98px) {
    body .container .row.g-3 > [class*="col-12"],
    .container .row.project-archive-row > [class*="col-12"],
    .container .row:has(> [class*="col-"] .project-card--modern) > [class*="col-12"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}