@charset "UTF-8";
@font-face {
font-family: 'Trimprim-icons';
src:  url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/fonts/Trimprim.eot?fzzxlu);
src:  url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/fonts/Trimprim.eot?fzzxlu#iefix) format('embedded-opentype'),
url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/fonts/Trimprim.ttf?fzzxlu) format('truetype'),
url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/fonts/Trimprim.woff?fzzxlu) format('woff'),
url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/fonts/Trimprim.svg?fzzxlu#Trimprim) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="trimprim-"], [class*=" trimprim-"] { font-family: 'Trimprim-icons' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'icomoon';
src:  url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/lawn/icomoon.eot?s1hu6t);
src:  url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/lawn/icomoon.eot?s1hu6t#iefix) format('embedded-opentype'),
url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/lawn/icomoon.ttf?s1hu6t) format('truetype'),
url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/lawn/icomoon.woff?s1hu6t) format('woff'),
url(//jjsod.co/wp-content/themes/lawnshaper/assets/css/scss/icons/lawn/icomoon.svg?s1hu6t#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="iconlawn-"], [class*=" iconlawn-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

:root {
--font-family-main: "Inter Tight", sans-serif;
--font-family-text: "Onest", sans-serif;
--body-background-color:#ffffff;
--body-background-image:unset;
--color-set-one-1: #99a537;
--color-set-one-2: #21373f;
--color-set-one-3:#a7aa96;
--color-set-one-2-rgb:33, 55, 63;
--preloader-spinner-color-1: var(--color-set-one-2);
--preloader-spinner-color-2: var(--color-set-one-1);
--preloader-background-color: var(--background-white);
--heading-color-one:#223740;
--content-color-one:#565753;
--content-color-two:#a7aa96;
--content-color-light-one:#a7b5bb;
--color-set-one-bor-1: #e4e6dc;
--color-white:#ffffff;
--background-white: #ffffff;
--border-white:#ffffff;
--menu-color:#223740;
--menu-color-white:#ffffff;
--menu-color-active:#99a537;
--transparent:transparent;
--dbg-color:#ffffff;
--dmenu-color:#223740;
--dmenu-color-active:#99a537;
--background-white: #ffffff;
--background-bg-1: #f4f5ec;
--background-bg-2: #e9eadd;
--background-bg-3: #F0FBF7;
--background-bg-4:#FDEEEC;
--background-bgd-1:var(--heading-color-one);
--box-shadow-1: 0px 2px 8px rgba(0, 0, 0, 0.08);
--box-shadow-2: 0px 6px 24px rgba(0, 0, 0, 0.1);
--box-shadow-3: 0px 10px 40px rgba(0, 0, 0, 0.05);
--box-shadow-4: 0px 24px 128px rgba(0, 0, 0, 0.14);
--box-shadow-5: 0px 0px 35px rgba(181, 181, 195, 0.15);
--box-shadow-1-1: 14px 14px 36px rgba(153, 153, 153, 0.22);
--box-shadow-inner: inset 0px 40px 80px #FCFCFC;
--box-shadow-6: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.trimprim-play:before {
content: "\e900";
}
.trimprim-call-incoming:before {
content: "\e901";
}
.trimprim-options:before {
content: "\e902";
}
.trimprim-list-option:before {
content: "\e903";
}
.trimprim-menu-8:before {
content: "\e904";
}
.trimprim-menu-7:before {
content: "\e905";
}
.trimprim-more:before {
content: "\e906";
}
.trimprim-menu-6:before {
content: "\e907";
}
.trimprim-clock-1:before {
content: "\e908";
}
.trimprim-clock:before {
content: "\e909";
}
.trimprim-calendar-1:before {
content: "\e90a";
}
.trimprim-calendar:before {
content: "\e90b";
}
.trimprim-checklist-2:before {
content: "\e90c";
}
.trimprim-sent:before {
content: "\e90d";
}
.trimprim-logout-2:before {
content: "\e90e";
}
.trimprim-switch:before {
content: "\e90f";
}
.trimprim-power-off-1:before {
content: "\e910";
}
.trimprim-logout-1:before {
content: "\e911";
}
.trimprim-swap:before {
content: "\e912";
}
.trimprim-compare-1:before {
content: "\e913";
}
.trimprim-compare:before {
content: "\e914";
}
.trimprim-balance:before {
content: "\e915";
}
.trimprim-close-button:before {
content: "\e916";
}
.trimprim-close:before {
content: "\e917";
}
.trimprim-error:before {
content: "\e918";
}
.trimprim-layout:before {
content: "\e919";
}
.trimprim-menu-5:before {
content: "\e91a";
}
.trimprim-list-1:before {
content: "\e91b";
}
.trimprim-list:before {
content: "\e91c";
}
.trimprim-checklist-1:before {
content: "\e91d";
}
.trimprim-grid:before {
content: "\e91e";
}
.trimprim-approved:before {
content: "\e91f";
}
.trimprim-done:before {
content: "\e920";
}
.trimprim-checklist:before {
content: "\e921";
}
.trimprim-tick:before {
content: "\e922";
}
.trimprim-gift:before {
content: "\e923";
}
.trimprim-gift-card-1:before {
content: "\e924";
}
.trimprim-giftbox:before {
content: "\e925";
}
.trimprim-gift-box:before {
content: "\e926";
}
.trimprim-gift-card:before {
content: "\e927";
}
.trimprim-left:before {
content: "\e928";
}
.trimprim-right:before {
content: "\e929";
}
.trimprim-support-1:before {
content: "\e92a";
}
.trimprim-support:before {
content: "\e92b";
}
.trimprim-exchange:before {
content: "\e92c";
}
.trimprim-two-arrow:before {
content: "\e92d";
}
.trimprim-return:before {
content: "\e92e";
}
.trimprim-transfer:before {
content: "\e92f";
}
.trimprim-setting:before {
content: "\e930";
}
.trimprim-search-4:before {
content: "\e931";
}
.trimprim-search-3:before {
content: "\e932";
}
.trimprim-search-2:before {
content: "\e933";
}
.trimprim-search-1:before {
content: "\e934";
}
.trimprim-find:before {
content: "\e935";
}
.trimprim-magnifying-glass:before {
content: "\e936";
}
.trimprim-search:before {
content: "\e937";
}
.trimprim-search-interface-symbol:before {
content: "\e938";
}
.trimprim-location:before {
content: "\e939";
}
.trimprim-map:before {
content: "\e93a";
}
.trimprim-pin:before {
content: "\e93b";
}
.trimprim-home-address:before {
content: "\e93c";
}
.trimprim-mail:before {
content: "\e93d";
}
.trimprim-email-3:before {
content: "\e93e";
}
.trimprim-email-2:before {
content: "\e93f";
}
.trimprim-email-1:before {
content: "\e940";
}
.trimprim-email:before {
content: "\e941";
}
.trimprim-telephone-2:before {
content: "\e942";
}
.trimprim-phone:before {
content: "\e943";
}
.trimprim-phone-call:before {
content: "\e944";
}
.trimprim-telephone-1:before {
content: "\e945";
}
.trimprim-telephone:before {
content: "\e946";
}
.trimprim-minus-sign:before {
content: "\e947";
}
.trimprim-minus:before {
content: "\e948";
}
.trimprim-plus-1:before {
content: "\e949";
}
.trimprim-add-1:before {
content: "\e94a";
}
.trimprim-plus:before {
content: "\e94b";
}
.trimprim-user-account:before {
content: "\e94c";
}
.trimprim-logout:before {
content: "\e94d";
}
.trimprim-power-off:before {
content: "\e94e";
}
.trimprim-address:before {
content: "\e94f";
}
.trimprim-download-file:before {
content: "\e950";
}
.trimprim-download:before {
content: "\e951";
}
.trimprim-tracking-2:before {
content: "\e952";
}
.trimprim-tracking-1:before {
content: "\e953";
}
.trimprim-tracking-app:before {
content: "\e954";
}
.trimprim-tracking:before {
content: "\e955";
}
.trimprim-order-1:before {
content: "\e956";
}
.trimprim-booking:before {
content: "\e957";
}
.trimprim-order:before {
content: "\e958";
}
.trimprim-homepage:before {
content: "\e959";
}
.trimprim-dashboard-1:before {
content: "\e95a";
}
.trimprim-speedometer:before {
content: "\e95b";
}
.trimprim-dashboard:before {
content: "\e95c";
}
.trimprim-home:before {
content: "\e95d";
}
.trimprim-down-arrow:before {
content: "\e95e";
}
.trimprim-chevron:before {
content: "\e95f";
}
.trimprim-left-chevron:before {
content: "\e960";
}
.trimprim-stock-market:before {
content: "\e961";
}
.trimprim-trending-topic-1:before {
content: "\e962";
}
.trimprim-trending-topic:before {
content: "\e963";
}
.trimprim-check:before {
content: "\e964";
}
.trimprim-payment-protection:before {
content: "\e965";
}
.trimprim-wallet:before {
content: "\e966";
}
.trimprim-verified-account:before {
content: "\e967";
}
.trimprim-credit-card:before {
content: "\e968";
}
.trimprim-card:before {
content: "\e969";
}
.trimprim-filter-1:before {
content: "\e96a";
}
.trimprim-adjust:before {
content: "\e96b";
}
.trimprim-edit:before {
content: "\e96c";
}
.trimprim-filter:before {
content: "\e96d";
}
.trimprim-menu-4:before {
content: "\e96e";
}
.trimprim-menu-3:before {
content: "\e96f";
}
.trimprim-open-menu:before {
content: "\e970";
}
.trimprim-menu-2:before {
content: "\e971";
}
.trimprim-menu-1:before {
content: "\e972";
}
.trimprim-dots-menu:before {
content: "\e973";
}
.trimprim-text:before {
content: "\e974";
}
.trimprim-menu:before {
content: "\e975";
}
.trimprim-hamburger:before {
content: "\e976";
}
.trimprim-bags-shopping:before {
content: "\e977";
}
.trimprim-add-to-cart:before {
content: "\e978";
}
.trimprim-discount-1:before {
content: "\e979";
}
.trimprim-percentage:before {
content: "\e97a";
}
.trimprim-discount:before {
content: "\e97b";
}
.trimprim-sold-1:before {
content: "\e97c";
}
.trimprim-sold:before {
content: "\e97d";
}
.trimprim-package:before {
content: "\e97e";
}
.trimprim-delivery-car:before {
content: "\e97f";
}
.trimprim-free-shipping:before {
content: "\e980";
}
.trimprim-delivery:before {
content: "\e981";
}
.trimprim-truck:before {
content: "\e982";
}
.trimprim-fast-delivery:before {
content: "\e983";
}
.trimprim-global-distribution:before {
content: "\e984";
}
.trimprim-delivery-status:before {
content: "\e985";
}
.trimprim-fast:before {
content: "\e986";
}
.trimprim-delivery-truck:before {
content: "\e987";
}
.trimprim-box:before {
content: "\e988";
}
.trimprim-management:before {
content: "\e989";
}
.trimprim-best-customer-experience:before {
content: "\e98a";
}
.trimprim-rating:before {
content: "\e98b";
}
.trimprim-person:before {
content: "\e98c";
}
.trimprim-people-1:before {
content: "\e98d";
}
.trimprim-people:before {
content: "\e98e";
}
.trimprim-user-1:before {
content: "\e98f";
}
.trimprim-user:before {
content: "\e990";
}
.trimprim-up-and-down-arrow:before {
content: "\e991";
}
.trimprim-commit-git:before {
content: "\e992";
}
.trimprim-heart:before {
content: "\e993";
}
.trimprim-visibility:before {
content: "\e994";
}
.trimprim-shopping-cart-5:before {
content: "\e995";
}
.trimprim-customer-support:before {
content: "\e996";
}
.trimprim-shopping-cart-4:before {
content: "\e997";
}
.trimprim-add:before {
content: "\e998";
}
.trimprim-store:before {
content: "\e999";
}
.trimprim-shopping-cart-3:before {
content: "\e99a";
}
.trimprim-shopping-bag-1:before {
content: "\e99b";
}
.trimprim-online-shop-1:before {
content: "\e99c";
}
.trimprim-shopping-bag:before {
content: "\e99d";
}
.trimprim-cart:before {
content: "\e99e";
}
.trimprim-shipping:before {
content: "\e99f";
}
.trimprim-shopping-cart-2:before {
content: "\e9a0";
}
.trimprim-shopping-cart-1:before {
content: "\e9a1";
}
.trimprim-shopping-cart:before {
content: "\e9a2";
}
.trimprim-mobile-shopping:before {
content: "\e9a3";
}
.trimprim-online-store:before {
content: "\e9a4";
}
.trimprim-online-shop:before {
content: "\e9a5";
}
.trimprim-social-1:before {
content: "\e9a6";
}
.trimprim-istabul:before {
content: "\e9a7";
}
.trimprim-london:before {
content: "\e9a8";
}
.trimprim-new-york:before {
content: "\e9a9";
}
.trimprim-paris:before {
content: "\e9aa";
}
.trimprim-meet:before {
content: "\e9ab";
}
.trimprim-twitter:before {
content: "\e9ac";
}
.trimprim-twitter-1:before {
content: "\e9ad";
}
.trimprim-logo:before {
content: "\e9ae";
}
.trimprim-paper:before {
content: "\e9af";
}
.trimprim-game:before {
content: "\e9b0";
}
.trimprim-snapchat:before {
content: "\e9b1";
}
.trimprim-instagram:before {
content: "\e9b2";
}
.trimprim-pax:before {
content: "\e9b3";
}
.trimprim-payment:before {
content: "\e9b4";
}
.trimprim-google:before {
content: "\e9b5";
}
.trimprim-plus1:before {
content: "\e9b6";
}
.trimprim-marker:before {
content: "\e9b7";
}
.trimprim-play1:before {
content: "\e9b8";
}
.trimprim-price:before {
content: "\e9b9";
}
.trimprim-telegram:before {
content: "\e9ba";
}
.trimprim-safe:before {
content: "\e9bb";
}
.trimprim-facebook:before {
content: "\e9bc";
}
.trimprim-twitter-2:before {
content: "\e9bd";
}
.trimprim-add1:before {
content: "\e9be";
}
.trimprim-minus1:before {
content: "\e9bf";
}
.trimprim-star-outer:before {
content: "\e9c0";
}
.trimprim-star1:before {
content: "\e9c1";
}
.trimprim-facebook-app-symbol:before {
content: "\e9c2";
}
.trimprim-youtube:before {
content: "\e9c3";
}
.trimprim-whatsapp:before {
content: "\e9c4";
}
.trimprim-tik-tok-1:before {
content: "\e9c5";
}
.trimprim-pinterest:before {
content: "\e9c6";
}
.trimprim-pinterest-1:before {
content: "\e9c7";
}
.trimprim-reddit-logo:before {
content: "\e9c8";
}
.trimprim-reddit:before {
content: "\e9c9";
}
.trimprim-linkedin:before {
content: "\e9ca";
}
.trimprim-linkedin-1:before {
content: "\e9cb";
}
.trimprim-linkedin-2:before {
content: "\e9cc";
}
.trimprim-tumblr:before {
content: "\e9cd";
}
.trimprim-pin1:before {
content: "\e9ce";
}
.trimprim-calculator:before {
content: "\e9cf";
}
.trimprim-tropical-leaf:before {
content: "\e9d0";
}
.trimprim-youtube1:before {
content: "\e9d1";
}
.trimprim-facebook1:before {
content: "\e9d2";
}
.trimprim-down-arrow1:before {
content: "\e9d3";
}
.trimprim-right-arrow:before {
content: "\e9d4";
}
.trimprim-left-arrow-right:before {
content: "\e9d4";
}
.trimprim-empty-cart:before {
content: "\e9d5";
}
.trimprim-phone-call1:before {
content: "\e9d6";
}
.trimprim-search1:before {
content: "\e9d7";
}
.trimprim-flower:before {
content: "\e9d8";
}
.trimprim-clover:before {
content: "\e9d9";
}
.trimprim-star:before {
content: "\e9da";
}
.trimprim-crown:before {
content: "\e9db";
}
.trimprim-house:before {
content: "\e9dc";
}
.trimprim-biology:before {
content: "\e9dd";
}
.trimprim-plant-pot:before {
content: "\e9de";
}
.trimprim-right-arrow-1:before {
content: "\e9df";
}
.trimprim-talking:before {
content: "\e9e0";
}
.trimprim-lawn-mower:before {
content: "\e9e1";
}
.trimprim-light:before {
content: "\e9e2";
}
.trimprim-chat:before {
content: "\e9e3";
}
.trimprim-compass:before {
content: "\e9e4";
}
.trimprim-plant:before {
content: "\e9e5";
}
.trimprim-lawn-mower-1:before {
content: "\e9e6";
}
.trimprim-right-arrow-2:before {
content: "\e9e7";
}
.trimprim-up-arrow:before {
content: "\e9e8";
}
.trimprim-maximize:before {
content: "\e9e9";
}
.trimprim-360-degree:before {
content: "\e9ea";
}
.trimprim-gardener:before {
content: "\e9eb";
}
.trimprim-grass:before {
content: "\e9ec";
}
.trimprim-park:before {
content: "\e9ed";
}
.trimprim-deadline:before {
content: "\e9ee";
}
.trimprim-leaf:before {
content: "\e9ef";
}
.trimprim-download1:before {
content: "\e9f0";
}
.trimprim-quote:before {
content: "\e9f1";
}
.trimprim-play2:before {
content: "\e9f2";
}
.trimprim-check1:before {
content: "\e9f3";
}
.trimprim-pointing-right:before {
content: "\e9f4";
}
.trimprim-apple:before {
content: "\e9f5";
}
.trimprim-play-store:before {
content: "\e9f6";
}
.trimprim-mail1:before {
content: "\e9f7";
}
.trimprim-send:before {
content: "\e9f8";
}
.trimprim-lawnmower:before {
content: "\e9f9";
}
.trimprim-upward-arrow:before {
content: "\e9fa";
}
.trimprim-nature:before {
content: "\e9fb";
}
.trimprim-location-marker:before {
content: "\e9fc";
}
.trimprim-time:before {
content: "\e9fd";
}
.trimprim-web:before {
content: "\e9fe";
}
.trimprim-plus2:before {
content: "\e9ff";
}
.trimprim-planning:before {
content: "\ea00";
}
.trimprim-hedge:before {
content: "\ea01";
}
.trimprim-mountains:before {
content: "\ea02";
}
.trimprim-laurel-wreath:before {
content: "\ea03";
}
.trimprim-star-1:before {
content: "\ea04";
}
.trimprim-gardener-1:before {
content: "\ea05";
}
.trimprim-planing:before {
content: "\ea06";
}
.trimprim-grass-1:before {
content: "\ea07";
}
.trimprim-hands:before {
content: "\ea08";
}
.trimprim-test:before {
content: "\ea09";
}
.trimprim-share:before {
content: "\ea0a";
}
.trimprim-stars-couple-of-different-sizes:before {
content: "\ea0b";
}
.trimprim-star-2:before {
content: "\ea0c";
}
.trimprim-check-1:before {
content: "\ea0d";
}
.trimprim-cross:before {
content: "\ea0e";
}
.trimprim-advice:before {
content: "\ea0f";
}
.trimprim-ballpoint-pen:before {
content: "\ea10";
}
.trimprim-comment:before {
content: "\ea11";
}
.trimprim-edit1:before {
content: "\ea12";
}
.trimprim-right-up:before {
content: "\ea13";
}
.trimprim-paper-plane:before {
content: "\ea14";
}
.trimprim-instagram1:before {
content: "\ea15";
}
.trimprim-calendar1:before {
content: "\ea16";
}
.trimprim-menu1:before {
content: "\ea17";
}
.trimprim-windows-platform-logo:before {
content: "\ea18";
}
.trimprim-pin-1:before {
content: "\ea19";
}
.trimprim-Container-Gardening-2:before {
content: "\ea1a";
}
.trimprim-farming-tool-1:before {
content: "\ea1b";
}
.trimprim-farming-tool-2:before {
content: "\ea1c";
}
.trimprim-farming-tool-3:before {
content: "\ea1d";
}
.trimprim-farming-tool-4:before {
content: "\ea1e";
}
.trimprim-farming-tool-5:before {
content: "\ea1f";
}
.trimprim-farming-tool-6:before {
content: "\ea20";
}
.trimprim-farming-tool-8:before {
content: "\ea21";
}
.trimprim-farming-tool-9:before {
content: "\ea22";
}
.trimprim-farming-tool-10:before {
content: "\ea23";
}
.trimprim-farming-tool-11:before {
content: "\ea24";
}
.trimprim-farming-tool-12:before {
content: "\ea25";
}
.trimprim-farming-tool-13:before {
content: "\ea26";
}
.trimprim-farming-tool-14:before {
content: "\ea27";
}
.trimprim-farming-tool-16:before {
content: "\ea28";
}
.trimprim-farming-tool-17:before {
content: "\ea29";
}
.trimprim-farming-tool-18:before {
content: "\ea2a";
}
.trimprim-farming-tool-19:before {
content: "\ea2b";
}
.trimprim-mulching-2:before {
content: "\ea2c";
}
.trimprim-mulching:before {
content: "\ea2d";
}
.trimprim-Organic-Gardening-2:before {
content: "\ea2e";
}
.trimprim-Organic-Gardening:before {
content: "\ea2f";
}
.trimprim-Plant-Health-Care-2:before {
content: "\ea30";
}
.trimprim-Plant-Health-Care:before {
content: "\ea31";
}
.trimprim-tree-2:before {
content: "\ea32";
}
.trimprim-tree-3:before {
content: "\ea33";
}
.trimprim-tree:before {
content: "\ea34";
}
.trimprim-Water-Gardens-and-Ponds-2:before {
content: "\ea35";
}
.trimprim-share1:before {
content: "\f101";
}
.trimprim-hotel:before {
content: "\f102";
}
.trimprim-underground:before {
content: "\f103";
}
.trimprim-plane:before {
content: "\f104";
}
.trimprim-printer:before {
content: "\f105";
}
.trimprim-galata-tower:before {
content: "\f106";
}
.trimprim-email1:before {
content: "\f107";
}
.trimprim-more1:before {
content: "\f108";
}
.trimprim-edit11:before {
content: "\f109";
}
.trimprim-circle-plus:before {
content: "\f10a";
}
.trimprim-bin:before {
content: "\f10b";
}
.trimprim-logout1:before {
content: "\f10c";
}
.trimprim-event:before {
content: "\f10d";
}
.trimprim-contract:before {
content: "\f10e";
}
.trimprim-padlock:before {
content: "\f10f";
}
.trimprim-presentation:before {
content: "\f110";
}
.trimprim-credit-card1:before {
content: "\f111";
}
.trimprim-settings:before {
content: "\f112";
}
.trimprim-track:before {
content: "\f113";
}
.trimprim-location1:before {
content: "\f114";
}
.trimprim-shield-1:before {
content: "\f116";
}
.trimprim-premium-badge:before {
content: "\f117";
}
.trimprim-clock-2:before {
content: "\f118";
}
.trimprim-cancel:before {
content: "\f119";
}
.trimprim-clock-11:before {
content: "\f11a";
}
.trimprim-play-button:before {
content: "\f11b";
}
.trimprim-maps:before {
content: "\f11c";
}
.trimprim-debt:before {
content: "\f11f";
}
.trimprim-insurance:before {
content: "\f120";
}
.trimprim-friend:before {
content: "\f122";
}
.trimprim-up-right-arrow:before {
content: "\f123";
}
.trimprim-top-right-1:before {
content: "\f124";
}
.trimprim-top-right:before {
content: "\f125";
}
.trimprim-down-arrow11:before {
content: "\f126";
}
.trimprim-right-arrow1:before {
content: "\f127";
}
.trimprim-left-arrow:before {
content: "\f128";
}
.trimprim-up-arrow1:before {
content: "\f129";
}
.trimprim-call:before {
content: "\f12a";
}
.trimprim-globe:before {
content: "\f12b";
}
.trimprim-clock1:before {
content: "\f12c";
}
.trimprim-planning1:before {
content: "\f12d";
}
.trimprim-search11:before {
content: "\f12e";
} .iconlawn-leaf:before {
content: "\e900";
}
.iconlawn-next:before {
content: "\e901";
}
.iconlawn-pin:before {
content: "\e902";
}
.iconlawn-time-and-date:before {
content: "\e903";
}
.iconlawn-phone-call1:before {
content: "\e904";
}
.iconlawn-search:before {
content: "\e905";
}
.iconlawn-farmer:before {
content: "\e906";
}
.iconlawn-farm:before {
content: "\e907";
}
.iconlawn-arrow:before {
content: "\e908";
}
.iconlawn-yard:before {
content: "\e909";
}
.iconlawn-flower:before {
content: "\e90a";
}
.iconlawn-shovel:before {
content: "\e90b";
}
.iconlawn-tree:before {
content: "\e90c";
}
.iconlawn-professions-and-jobs:before {
content: "\e90d";
}
.iconlawn-snow:before {
content: "\e90e";
}
.iconlawn-ui:before {
content: "\e90f";
}
.iconlawn-plant:before {
content: "\e910";
}
.iconlawn-guarantee:before {
content: "\e911";
}
.iconlawn-contract:before {
content: "\e912";
}
.iconlawn-percent:before {
content: "\e913";
}
.iconlawn-quotation:before {
content: "\e914";
}
.iconlawn-star:before {
content: "\e915";
}
.iconlawn-night:before {
content: "\e916";
}
.iconlawn-rate:before {
content: "\e917";
}
.iconlawn-calendar:before {
content: "\e918";
}
.iconlawn-leaf-1:before {
content: "\e919";
}
.iconlawn-upload:before {
content: "\e91a";
}
.iconlawn-next-1:before {
content: "\e91b";
}
.iconlawn-audio:before {
content: "\e91c";
}
.iconlawn-calendar-1:before {
content: "\e91d";
}
.iconlawn-world:before {
content: "\e91e";
}
.iconlawn-arrow-1:before {
content: "\e91f";
}
.iconlawn-cottage:before {
content: "\e920";
}
.iconlawn-flower-shop:before {
content: "\e921";
}
.iconlawn-botanical:before {
content: "\e922";
}
.iconlawn-lawn-mower:before {
content: "\e923";
}
.iconlawn-snow-1:before {
content: "\e924";
}
.iconlawn-water:before {
content: "\e925";
}
.iconlawn-sports-and-competition:before {
content: "\e926";
}
.iconlawn-smiley:before {
content: "\e927";
}
.iconlawn-place:before {
content: "\e928";
}
.iconlawn-clock:before {
content: "\e929";
}
.iconlawn-mail:before {
content: "\e92a";
}
.iconlawn-support:before {
content: "\e92b";
}
.iconlawn-arrow-2:before {
content: "\e92c";
}
.iconlawn-play:before {
content: "\e92d";
}
.iconlawn-mountain:before {
content: "\e92e";
}
.iconlawn-vision:before {
content: "\e92f";
}
.iconlawn-value:before {
content: "\e930";
}
.iconlawn-arrow-3:before {
content: "\e931";
}
.iconlawn-autumn:before {
content: "\e932";
}
.iconlawn-terraces:before {
content: "\e933";
}
.iconlawn-discount:before {
content: "\e934";
}
.iconlawn-factory:before {
content: "\e935";
}
.iconlawn-page:before {
content: "\e936";
}
.iconlawn-maps-and-location:before {
content: "\e937";
}
.iconlawn-ruler:before {
content: "\e938";
}
.iconlawn-calendar-2:before {
content: "\e939";
}
.iconlawn-price:before {
content: "\e93a";
}
.iconlawn-tick:before {
content: "\e93b";
}
.iconlawn-folder:before {
content: "\e93c";
}
.iconlawn-comment:before {
content: "\e93d";
}
.iconlawn-next-2:before {
content: "\e93e";
}
.iconlawn-cross:before {
content: "\e93f";
}
.iconlawn-uniE940:before {
content: "\e940";
}
.iconlawn-uniE941:before {
content: "\e941";
}
.iconlawn-uniE942:before {
content: "\e942";
}
.iconlawn-uniE943:before {
content: "\e943";
}
.iconlawn-uniE944:before {
content: "\e944";
}
.iconlawn-uniE945:before {
content: "\e945";
}
.iconlawn-uniE946:before {
content: "\e946";
}
.iconlawn-uniE947:before {
content: "\e947";
}
.iconlawn-uniE948:before {
content: "\e948";
}
.iconlawn-uniE949:before {
content: "\e949";
}
.iconlawn-uniE94A:before {
content: "\e94a";
}
.iconlawn-uniE94B:before {
content: "\e94b";
}
.iconlawn-uniE94C:before {
content: "\e94c";
}
.iconlawn-uniE94D:before {
content: "\e94d";
}
.iconlawn-uniE94E:before {
content: "\e94e";
}
.iconlawn-first-place:before {
content: "\e94f";
}
.iconlawn-branch-with-leaves-black-shape:before {
content: "\e950";
}
.iconlawn-headphones:before {
content: "\e951";
}
.iconlawn-shopping-bag:before {
content: "\e952";
}
.iconlawn-star-with-number-five:before {
content: "\e953";
}
.iconlawn-map:before {
content: "\e954";
}
.iconlawn-pin-1:before {
content: "\e955";
}
.iconlawn-cart:before {
content: "\e956";
}
.iconlawn-cultures:before {
content: "\e957";
}
.iconlawn-cultures-1:before {
content: "\e958";
}
.iconlawn-leaf-2:before {
content: "\e959";
}
.iconlawn-love-and-romance:before {
content: "\e95a";
}
.iconlawn-grass:before {
content: "\e95b";
}
.iconlawn-correct:before {
content: "\e95c";
}
.iconlawn-user:before {
content: "\e95d";
}
.iconlawn-link:before {
content: "\e95e";
}
.iconlawn-avatar:before {
content: "\e95f";
}
.iconlawn-gardener:before {
content: "\e960";
}
.iconlawn-snowflake:before {
content: "\e961";
}
.iconlawn-irrigation-system:before {
content: "\e962";
}
.iconlawn-leaves-1:before {
content: "\e963";
}
.iconlawn-budget:before {
content: "\e964";
}
.iconlawn-guarantee1:before {
content: "\e965";
}
.iconlawn-gardener-1:before {
content: "\e966";
}
.iconlawn-fence:before {
content: "\e967";
}
.iconlawn-telephone:before {
content: "\e968";
}
.iconlawn-hours-1:before {
content: "\e969";
}
.iconlawn-river:before {
content: "\e96a";
}
.iconlawn-first-prize1:before {
content: "\e96b";
}
.iconlawn-phone:before {
content: "\e96c";
}
.iconlawn-leaves-2:before {
content: "\e96d";
}
.iconlawn-comment1:before {
content: "\e96e";
}
.iconlawn-signs:before {
content: "\e96f";
}
.iconlawn-cottage1:before {
content: "\e970";
}
.iconlawn-flower-shop1:before {
content: "\e971";
}
.iconlawn-heart:before {
content: "\e972";
}
.iconlawn-uniE973:before {
content: "\e973";
}
.iconlawn-uniE974:before {
content: "\e974";
}
.iconlawn-uniE975:before {
content: "\e975";
}
.iconlawn-uniE976:before {
content: "\e976";
}
.iconlawn-uniE977:before {
content: "\e977";
}
.iconlawn-uniE978:before {
content: "\e978";
}
.iconlawn-uniE979:before {
content: "\e979";
}
.iconlawn-uniE97A:before {
content: "\e97a";
}
.iconlawn-uniE97B:before {
content: "\e97b";
}
.iconlawn-uniE97C:before {
content: "\e97c";
}
.iconlawn-uniE97D:before {
content: "\e97d";
}
.iconlawn-uniE97E:before {
content: "\e97e";
}
.iconlawn-uniE97F:before {
content: "\e97f";
}
.iconlawn-uniE980:before {
content: "\e980";
}
.iconlawn-uniE981:before {
content: "\e981";
}
.iconlawn-clover:before {
content: "\e982";
}
.iconlawn-uniE983:before {
content: "\e983";
}
.iconlawn-uniE984:before {
content: "\e984";
}
.iconlawn-uniE985:before {
content: "\e985";
}
.iconlawn-uniE986:before {
content: "\e986";
}
.iconlawn-leaf1:before {
content: "\e987";
}
.iconlawn-Hnetcom-image-1:before {
content: "\e988";
}
.iconlawn-Hnetcom-image:before {
content: "\e989";
}
.iconlawn-first-place1:before {
content: "\e98a";
}
.iconlawn-first-prize-3:before {
content: "\e98b";
}
.iconlawn-Hnetcom-image-3:before {
content: "\e98c";
}
.iconlawn-email:before {
content: "\e98d";
}
.iconlawn-time-call:before {
content: "\e98e";
}
.iconlawn-place1:before {
content: "\e98f";
}
.iconlawn-multiple-users-silhouette:before {
content: "\e990";
}
.iconlawn-law-user-cion:before {
content: "\e991";
}
.iconlawn-rightarrow-long:before {
content: "\e992";
}
.iconlawn-customer-service:before {
content: "\e993";
}
.iconlawn-hours-phone-attention-service:before {
content: "\e994";
}
.iconlawn-keyboard-left-arrow-button:before {
content: "\e995";
}
.iconlawn-keyboard-right-arrow-button:before {
content: "\e996";
}
.iconlawn-emoticonlawn-with-happy-face:before {
content: "\e997";
}
.iconlawn-phone-call:before {
content: "\e998";
}
.iconlawn-shopping-cart:before {
content: "\e999";
}
.iconlawn-heart-outline:before {
content: "\e99a";
}
.iconlawn-exchange:before {
content: "\e99b";
}
.iconlawn-x-mark:before {
content: "\e99c";
}
.iconlawn-Untitled-1-3:before {
content: "\e99d";
}
.iconlawn-sketch:before {
content: "\e99e";
}
.iconlawn-wrench:before {
content: "\e99f";
}
.iconlawn-repair-tools:before {
content: "\e9a0";
}
.iconlawn-construction:before {
content: "\e9a1";
}
.iconlawn-plumber-man:before {
content: "\e9a2";
}
.iconlawn-architects:before {
content: "\e9a3";
}
.iconlawn-design-team:before {
content: "\e9a4";
}
.iconlawn-plus:before {
content: "\e9a5";
}
.iconlawn-quote:before {
content: "\e9a6";
}
.iconlawn-quote1:before {
content: "\e9a7";
}
.iconlawn-brain:before {
content: "\e9a8";
}
.iconlawn-circuit:before {
content: "\e9a9";
}
.iconlawn-construction1:before {
content: "\e9aa";
}
.iconlawn-estimate:before {
content: "\e9ab";
}
.iconlawn-fence1:before {
content: "\e9ac";
}
.iconlawn-not-permitted:before {
content: "\e9ad";
}
.iconlawn-project:before {
content: "\e9ae";
}
.iconlawn-research:before {
content: "\e9af";
}
.iconlawn-rocket:before {
content: "\e9b0";
}
.iconlawn-urban:before {
content: "\e9b1";
}
.iconlawn-draft:before {
content: "\e9b2";
}
.iconlawn-helmet:before {
content: "\e9b3";
}
.iconlawn-interior-design:before {
content: "\e9b4";
}
.iconlawn-leaf2:before {
content: "\e9b5";
}
.iconlawn-sketch1:before {
content: "\e9b6";
}
.iconlawn-truck:before {
content: "\e9b7";
}
.iconlawn-006-clock:before {
content: "\f105";
}
.iconlawn-005-fast:before {
content: "\f104";
}
.iconlawn-002-marker:before {
content: "\f101";
}
.iconlawn-010-sent:before {
content: "\f109";
}
.iconlawn-009-email:before {
content: "\f108";
}
.iconlawn-008-real-estate:before {
content: "\f107";
}
.iconlawn-011-customer-review:before {
content: "\f10a";
}
.iconlawn-001-contact:before {
content: "\f100";
}
.iconlawn-003-null:before {
content: "\f102";
}
.iconlawn-007-clock-1:before {
content: "\f106";
}
.iconlawn-004-address:before {
content: "\f103";
} *,
*::before,
*::after {
box-sizing: border-box;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.position-fixed {
position: fixed;
}
.swiper-button-disabled {
opacity: 0.5;
}
.text-upper {
text-transform: uppercase;
}
.m-auto {
margin: 0 auto;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-left: calc(var(--bs-gutter-x) * 0.5);
padding-right: calc(var(--bs-gutter-x) * 0.5);
margin-left: auto;
margin-right: auto;
}
.container-fluid {
padding: 0px;
}
.full-container {
position: static;
padding: 0px 15px;
width: 100%;
margin: 0 auto;
}
.large-container {
position: static;
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.medium-container {
position: static;
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.auto-container {
position: static;
width: 100%;
padding: 0px 15px;
margin: 0 auto;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.mt_15 {
margin-top: 15px;
}
.mt_25 {
margin-top: 25px;
}
.mt_30 {
margin-top: 30px !important;
}
.mt_10 {
margin-top: 10px !important;
}
.mt_20 {
margin-top: 20px !important;
}
.mb_0 {
margin-bottom: 0 !important;
}
.mb_5 {
margin-bottom: 5px;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_15 {
margin-bottom: 15px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_25 {
margin-bottom: 25px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_35 {
margin-bottom: 35px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_50 {
margin-bottom: 50px;
}
.mb_60 {
margin-bottom: 60px;
}
.mb_65 {
margin-bottom: 65px;
}
.mb_70 {
margin-bottom: 70px;
}
.mb_75 {
margin-bottom: 75px;
}
.pd_0 {
padding: 0px !important;
}
.pl_20 {
padding-left: 20px;
}
.pr_20 {
padding-right: 20px;
}
@media (min-width: 576px) {
.container-sm, .container, .auto-container, .large-container,
.medium-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container, .auto-container, .large-container,
.medium-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container, .auto-container, .large-container,
.medium-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container, .auto-container {
max-width: 1220px;
}
.full-container {
max-width: 100%;
}
.large-container,
.medium-container {
max-width: 1200px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0; display: -moz-flex !important;   display: flex !important; flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-left: calc(-0.5 * var(--bs-gutter-x));
margin-right: calc(-0.5 * var(--bs-gutter-x));
}
.overflow-hidden {
overflow: hidden;
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-left: calc(var(--bs-gutter-x) * 0.5);
padding-right: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-right: 8.33333333%;
}
.offset-2 {
margin-right: 16.66666667%;
}
.offset-3 {
margin-right: 25%;
}
.offset-4 {
margin-right: 33.33333333%;
}
.offset-5 {
margin-right: 41.66666667%;
}
.offset-6 {
margin-right: 50%;
}
.offset-7 {
margin-right: 58.33333333%;
}
.offset-8 {
margin-right: 66.66666667%;
}
.offset-9 {
margin-right: 75%;
}
.offset-10 {
margin-right: 83.33333333%;
}
.offset-11 {
margin-right: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-right: 0;
}
.offset-sm-1 {
margin-right: 8.33333333%;
}
.offset-sm-2 {
margin-right: 16.66666667%;
}
.offset-sm-3 {
margin-right: 25%;
}
.offset-sm-4 {
margin-right: 33.33333333%;
}
.offset-sm-5 {
margin-right: 41.66666667%;
}
.offset-sm-6 {
margin-right: 50%;
}
.offset-sm-7 {
margin-right: 58.33333333%;
}
.offset-sm-8 {
margin-right: 66.66666667%;
}
.offset-sm-9 {
margin-right: 75%;
}
.offset-sm-10 {
margin-right: 83.33333333%;
}
.offset-sm-11 {
margin-right: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-right: 0;
}
.offset-md-1 {
margin-right: 8.33333333%;
}
.offset-md-2 {
margin-right: 16.66666667%;
}
.offset-md-3 {
margin-right: 25%;
}
.offset-md-4 {
margin-right: 33.33333333%;
}
.offset-md-5 {
margin-right: 41.66666667%;
}
.offset-md-6 {
margin-right: 50%;
}
.offset-md-7 {
margin-right: 58.33333333%;
}
.offset-md-8 {
margin-right: 66.66666667%;
}
.offset-md-9 {
margin-right: 75%;
}
.offset-md-10 {
margin-right: 83.33333333%;
}
.offset-md-11 {
margin-right: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex, .d_flex { display: -moz-flex !important;   display: flex !important; }
.d-inline-flex, .d_inline_flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
} @media only screen and (min-width: 1200px) {
.col-lg-1-5 {
width: 20%;
}
}
.row.default_row > * {
padding-left: calc(var(--bs-gutter-x) * 1);
padding-right: calc(var(--bs-gutter-x) * 1);
}
.site-content .auto-container {
padding: 0 5px;
}
.single .row.default_row > * {
padding-left: calc(var(--bs-gutter-x) * 0.8);
padding-right: calc(var(--bs-gutter-x) * 0.8);
}
.woocommerce-shop .row.default_row > *, .tax-product_cat .row.default_row > * {
padding-left: calc(var(--bs-gutter-x) * 0);
padding-right: calc(var(--bs-gutter-x) * 0);
}
.woocommerce-shop.left-sidebar .shop-sidebar, .tax-product_cat.left-sidebar .shop-sidebar {
padding-right: 30px;
}
.woocommerce-shop.right-sidebar .shop-sidebar, .tax-product_cat.right-sidebar .shop-sidebar {
padding-left: 30px;
}
body.fancybox-active {
overflow: hidden;
}
body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0;
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
backface-visibility: hidden;
transform: translateZ(0);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s, visibility 0s linear 0.25s;
box-sizing: border-box;
}
.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
transition: opacity 0.25s, visibility 0s;
}
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion;
}
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0;
}
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translateZ(0);
}
.fancybox-is-closing .fancybox-stage {
overflow: visible;
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
backface-visibility: hidden;
transition-property: transform, opacity;
}
.fancybox-slide:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: visible;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
background: #000;
}
.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
background: #e5e3df;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box;
}
.fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title {
display: none;
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition-property: transform, opacity;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: grabbing;
}
.fancybox-image, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff;
}
.fancybox-iframe {
display: block;
padding: 0;
border: 0;
height: 100%;
}
.fancybox-error, .fancybox-iframe {
margin: 0;
width: 100%;
background: #fff;
}
.fancybox-error {
padding: 40px;
max-width: 380px;
cursor: default;
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px;
}
.fancybox-button {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30, 30, 30, 0.6);
transition: color 0.3s ease;
cursor: pointer;
outline: none;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc;
}
.fancybox-button:focus, .fancybox-button:hover {
color: #fff;
}
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: 0.6;
}
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.fancybox-button--share svg path {
stroke-width: 1;
}
.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
display: none;
}
.fancybox-button--zoom svg path {
fill: transparent;
}
.fancybox-navigation {
display: none;
}
.fancybox-show-nav .fancybox-navigation {
display: block;
}
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px;
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30, 30, 30, 0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer;
}
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
transition: background-color 0.25s;
box-sizing: border-box;
z-index: 2;
}
.fancybox-close-small:focus {
outline: none;
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee;
}
.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {
top: 0;
right: -40px;
}
.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {
font-size: 35px;
color: #aaa;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {
color: #fff;
background: transparent;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none;
}
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
pointer-events: none;
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid hsla(0, 0%, 100%, 0.4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none;
}
.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
pointer-events: all;
position: relative;
}
.fancybox-caption a {
color: #fff;
text-decoration: underline;
}
.fancybox-slide > .fancybox-loading {
border: 6px solid hsla(0, 0%, 39%, 0.4);
border-top: 6px solid hsla(0, 0%, 100%, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
animation: a 0.8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999;
}
@keyframes a {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
transform: translateZ(0);
opacity: 1;
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
transform: scaleX(1);
opacity: 1;
}
.fancybox-fx-rotate.fancybox-slide--previous {
transform: rotate(-1turn);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
transform: rotate(1turn);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
transform: rotate(0deg);
opacity: 1;
}
.fancybox-fx-circular.fancybox-slide--previous {
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
transform: scaleX(1) translateZ(0);
opacity: 1;
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%;
text-align: center;
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 35px;
font-weight: 700;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
p.fancybox-share__links {
margin-right: -10px;
}
.fancybox-share__button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 0 15px;
min-width: 130px;
border: 0;
border-radius: 3px;
background: #fff;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #fff;
transition: all 0.2s;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 0;
padding: 10px 15px;
background: transparent;
color: #5d5b5b;
font-size: 14px;
outline: none;
border: 0;
border-bottom: 2px solid #d7d7d7;
}
.fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
white-space: nowrap;
}
.fancybox-thumbs-x > ul {
overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
padding: 0;
margin: 2px;
width: 100px;
height: 75px;
max-width: calc(50% - 4px);
max-height: calc(100% - 8px);
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
backface-visibility: hidden;
box-sizing: border-box;
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px);
}
}
.common_arrow {
position: relative;
display: flex;
gap: 1rem;
justify-content: center;
pointer-events: none;
align-items: center;
}
.common_arrow.post_default {
padding: 20px 0px;
}
.common_arrow.post_default_left {
padding: 20px 0px;
justify-content: flex-start;
}
.common_arrow.post_default_right {
padding: 20px 0px;
justify-content: flex-end;
}
.common_arrow .next, .common_arrow .prev {
position: relative;
pointer-events: fill;
width: 50px;
height: 50px;
line-height: 50px;
min-height: 50px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
display: flex;
border-radius: 50px;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--heading-color-one);
cursor: pointer;
}
.common_arrow .next:hover, .common_arrow .prev:hover {
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
color: var(--color-white);
}
.common_arrow.post_default .arrow-divider, .common_arrow.post_default_left .arrow-divider, .common_arrow.post_default_right .arrow-divider, .common_arrow.post_three .arrow-divider, .common_arrow.post_four .arrow-divider {
width: 120px;
height: 1px;
background: var(--color-set-one-bor-1);
}
.common_arrow.post_five .arrow-divider, .common_arrow.post_six .arrow-divider {
height: 120px;
width: 1px;
background: var(--color-set-one-bor-1);
}
.common_arrow.post_five .trimprim-left-arrow-right, .common_arrow.post_six .trimprim-left-arrow-right {
transform: rotate(209deg);
}
.common_arrow.post_five .trimprim-right-arrow, .common_arrow.post_six .trimprim-right-arrow {
transform: rotate(30deg);
left: 3px;
top: 3px;
}
.common_arrow .trimprim-right-arrow {
position: relative;
left: 2px;
}
.trimprim-left-arrow-right {
transform: rotate(-180deg);
position: relative;
right: 2px;
}
@media (min-width: 1024px) {
.common_arrow.post_default, .common_arrow.post_default_left, .common_arrow.post_default_right {
padding: 30px 0px 20px;
}
}
.dot_enabled .post_two {
top: -66px !important;
}
.common-dots {
padding: 1.5rem 0 0;
}
.common-dots .swiper-pagination-bullet {
width: 21px !important;
height: 21px;
border-radius: 20px;
opacity: 1;
background: transparent;
border: 1px solid transparent;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
position: relative;
}
.common-dots .swiper-pagination-bullet::before {
position: absolute;
content: "";
width: 7px;
height: 7px;
background: var(--color-set-one-bor-1);
margin: auto;
top: 0;
right: 0;
left: 0;
border-radius: 8px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
bottom: 0;
}
.common-dots .swiper-pagination-bullet.swiper-pagination-bullet-active, .common-dots .swiper-pagination-bullet:hover {
background: transparent;
border-color: var(--color-set-one-1);
}
.common-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .common-dots .swiper-pagination-bullet:hover::before {
background: var(--color-set-one-1);
width: 5px;
height: 5px;
}
.dtype_two .common-dots .swiper-pagination-bullet {
height: 4px;
width: 12px;
background: var(--color-set-one-1);
border: unset;
opacity: 0.4;
}
.dtype_two .common-dots .swiper-pagination-bullet::before {
display: none;
}
.dtype_two .common-dots .swiper-pagination-bullet.swiper-pagination-bullet-active, .dtype_two .common-dots .swiper-pagination-bullet:hover {
width: 24px;
opacity: 1;
}
.dtype_two.dpost_three .common-dots .swiper-pagination-bullet, .dtype_two.dpost_four .common-dots .swiper-pagination-bullet {
height: 12px;
width: 4px !important;
}
.dtype_two.dpost_three .common-dots .swiper-pagination-bullet.swiper-pagination-bullet-active, .dtype_two.dpost_three .common-dots .swiper-pagination-bullet:hover, .dtype_two.dpost_four .common-dots .swiper-pagination-bullet.swiper-pagination-bullet-active, .dtype_two.dpost_four .common-dots .swiper-pagination-bullet:hover {
height: 24px !important;
width: 4px !important;
}
.common-fraction {
font-size: 18px;
position: relative;
color: var(--content-color-one);
font-family: var(--font-fmaily-main);
font-weight: 600;
}
.common-fraction .swiper-pagination-current {
font-size: 30px;
color: var(--heading-color-one);
}
.swiper-pagination-lock {
display: block !important;
}
.common-progress {
position: relative !important;
top: unset !important;
height: 6px !important;
border-radius: 10px;
overflow: hidden;
background: var(--color-set-one-bor-1) !important;
margin: 0px 0px 20px;
}
.common-progress .swiper-pagination-progressbar-fill {
border-radius: 10px;
background: var(--color-set-one-1) !important;
}
.befaft-pagination.common-progress {
width: 97%;
right: 0;
margin: auto;
}
@media (min-width: 768px) {
.common_arrow.post_two {
justify-content: space-between;
position: absolute;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0px 20px;
height: 50px;
}
.common_arrow.post_three {
position: absolute;
top: 0px;
right: 0;
z-index: 99;
}
.common_arrow.post_four {
position: absolute;
top: 0px;
left: 0;
z-index: 99;
}
.common_arrow.post_five, .common_arrow.post_six {
position: absolute;
top: 0;
margin: auto;
display: flex;
flex-direction: column-reverse;
bottom: 0;
justify-content: center;
align-items: center;
z-index: 99;
}
.common_arrow.post_five {
right: 16%;
}
.common_arrow.post_six {
left: 16%;
}
}
.common_progress {
position: absolute;
width: 100%;
left: 0;
margin: auto;
right: 0;
z-index: 9;
}
.common_progress .probottom {
bottom: 0;
}
.common_progress .protop {
top: 0;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
.dpost_two .common_dots {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
z-index: 99;
}
.dpost_three .common_dots, .dpost_four .common_dots {
position: absolute;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
right: 0;
top: 0;
z-index: 99;
}
.dpost_three .common_dots .common-dots, .dpost_four .common_dots .common-dots {
flex-direction: column;
display: flex;
margin: 0;
gap: 1rem;
}
.dpost_four .common_dots {
right: unset;
left: 0;
}
body .slider2_paginumber {
position: absolute;
top: 0;
right: 50px !important;
width: 40px;
left: unset !important;
bottom: 0 !important;
max-width: -moz-fit-content;
max-width: fit-content;
display: flex;
justify-content: center;
flex-direction: column;
}
.swiper-pagination.swiper-pagination-number .swiper-pagination-bullet {
height: 40px;
width: 40px;
margin: 5px 0px 5px 0px;
border: 1px solid var(--heading-color-one);
border-radius: 50%;
background-color: var(--background-white);
line-height: 40px;
text-align: center;
font-size: 16px;
font-weight: 500;
}
.swiper-pagination.swiper-pagination-number .swiper-pagination-bullet-active {
background-color: var(--background-bg-4);
}
@media (max-width: 1200px) {
.common_arrow {
padding-top: 1.5rem;
}
.arrow-divider {
display: none;
}
.common_arrow .lawnshaper-right-arrow {
transform: unset !important;
top: 1px !important;
}
.sldier_custom .common_arrow {
left: 0 !important;
}
.common_arrow .lawnshaper-left-arrow-right {
transform: rotate(180deg) !important;
}
.arrow::before {
display: none;
}
.arrow {
flex-direction: row !important;
gap: 1rem;
padding-right: unset !important;
}
.slider_builder_arrow {
padding-top: unset !important;
bottom: 30px;
}
html body .elementor .sldier_custom .common_dots, html body .elementor .elementor-element .sldier_custom .common_dots {
position: absolute !important;
top: unset !important;
left: 0 !important;
right: 0 !important;
bottom: 20px;
margin: auto !important;
}
html body .elementor .sldier_custom .common_dots .common-dots, html body .elementor .elementor-element .sldier_custom .common_dots .common-dots {
flex-direction: row !important;
justify-content: center;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
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 {
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;
}
.slick-disabled {
cursor: no-drop;
pointer-events: none;
opacity: 0.4;
}
.slick-vertical .slick-slide {
height: auto;
}
.scroll-carousel-viewport {
overflow: hidden;
position: relative;
}
.scroll-carousel-slider {
display: inline-flex;
position: relative;
}
.sc-slide {
display: inline-block;
position: relative;
}
.side_rtl, .side_ltr {
direction: ltr;
}
.scroll_cbox.scroll_con_type_linline .btnbox {
padding-left: 25px !important;
padding-right: unset !important;
}
.portfolio_caro_post_section .scroll_cbox {
min-width: 400px;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0 !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-arrow, button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus, .mfp-close:hover {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:focus, .mfp-arrow:hover {
opacity: 1;
}
.mfp-arrow:after, .mfp-arrow:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.cookie-notice {
display: none;
position: fixed;
z-index: 99999;
bottom: 0;
left: 0;
width: 60%;
right: 0;
margin: auto;
padding: 20px 0;
line-height: normal;
}
.cookie-notice .d-flex {
justify-content: space-between;
}
.cookie-notice .inner_box {
width: 100%;
background-color: var(--color-set-one-2);
padding: 10px 10px 10px 20px;
border-radius: 10px;
}
.cookie-notice p {
color: var(--color-white);
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
margin: 0px !important;
}
.cookie-notice button#accept-cookies {
background: transparent;
border: 1px solid var(--color-white);
}
.cookie-notice button#accept-cookies:hover {
color: var(--color-white);
background: var(--color-set-one-1) !important;
border-color: var(--color-set-one-1) !important;
}
.cookie-notice p {
margin: 0;
color: var(--color-white) !important;
}
.cookie-notice button {
background-color: #f39c12;
border: none;
padding: 5px 10px;
color: #fff;
cursor: pointer;
}
@media (max-width: 992px) {
.cookie-notice {
width: 90%;
}
.cookie-notice .d-flex {
align-items: center !important;
flex-direction: column;
}
.cookie-notice .inner_box p {
font-size: 15px;
margin-bottom: 1rem !important;
}
.cookie-notice button {
padding: 5px 10px;
font-size: 14px;
}
} 
.before-darg-widget {
padding: 15px 20px;
background: var(--background-white);
border-radius: 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
position: relative;
}
.before-darg-widget .twentytwenty-container {
border-radius: 10px;
}
.before-darg-widget .title {
padding: 15px 0 0;
display: flex;
justify-content: space-between;
}
.before-darg-widget .title i {
position: relative;
color: var(--color-set-one-3);
top: 2px;
}
.before-darg-widget .top_content {
justify-content: space-between;
padding: 0 0 15px;
}
.before-darg-widget .bottom_content {
position: relative;
}
.before-darg-widget .bottom_content .beaf-text {
position: absolute;
bottom: 10px;
background: var(--color-set-one-1);
color: var(--color-white);
border-radius: 50px;
line-height: normal;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
padding: 5px 20px;
}
.before-darg-widget .bottom_content .beaf-text.ver_before {
left: 10px;
}
.before-darg-widget .bottom_content .beaf-text.ver_after {
right: 10px;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
transition-duration: 0.5s;
}
.twentytwenty-before-label, .twentytwenty-after-label {
transition-property: opacity;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: #fff;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: transparent;
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
transition-property: background;
background: transparent;
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #fff;
border-radius: 1000px;
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
text-align: center;
}
.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: var(--color-white);
border: 1px solid var(--color-set-one-bor-1);
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-block-search__inside-wrapper {
border: unset !important;
margin: 0;
padding: 0px;
gap: 0.5rem;
}
.wp-block-search__button {
height: 56px;
margin: 5px 0px;
border: unset;
box-shadow: unset;
outline: unset;
min-width: 100px;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 15px 15px 0;
}
.wp-caption.alignright {
margin: 5px 0 15px 15px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 14px;
line-height: 17px;
margin: 0;
padding: 8px 5px 0px 0px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: var(--color-white);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--heading-color-one);
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.gallery-caption {
position: relative;
}
.bypostauthor {
position: relative;
}
.wp-block-search__input {
border-color: var(--color-set-one-bor-1);
}
.wp-block-tag-cloud {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.wp-block-tag-cloud a {
border-radius: 32px;
background-color: var(--background-bg-3);
color: var(--heading-color-one);
padding: 7px 20px;
font-size: 14px !important;
line-height: 24px !important;
font-weight: 500;
}
.tag-sticky-2 .single_content_upper {
position: relative;
}
.post.sticky .blog.style_one:before, .tag-sticky-2 .single_content_upper:before {
position: absolute;
content: "";
width: 15px;
height: 15px;
border-radius: 30px;
right: 5px;
top: 5px;
background: var(--color-set-one-1);
}
body .has-background-dim,
body .has-background-dim p, body .has-background-dim p strong {
color: var(--color-white) !important;
}
body .is-light .has-background-dim,
body .is-light .has-background-dim p, body .is-light .has-background-dim p strong {
color: var(--color-white) !important;
}
body .is-light .has-large-font-size {
color: var(--color-white) !important;
}
body .site-main .has-large-font-size {
font-size: 30px !important;
line-height: 36px;
}
table {
width: 100%;
}
.post-password-form label {
width: 100%;
}
input[type=password] {
width: 100%;
}
.wp-block-button {
margin-bottom: 15px;
}
.blocks-gallery-grid {
padding: 0px !important;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 1em 1.4em 0;
}
dl, ol, ul {
padding: 0px 0px 0 20px;
}
dl dt, ol dt, ul dt {
font-size: 17px;
font-weight: 500;
color: var(--heading-color-one);
}
.blocks-gallery-caption {
padding-bottom: 21px;
} .wp-block-latest-posts__list {
padding: 0 !important;
list-style: none;
}
.wp-block-latest-posts__list li {
margin-bottom: 10px;
}
.wp-block-latest-posts__featured-image img {
border-radius: 6px;
}
.wp-block-image {
margin-bottom: 15px !important;
}
.wp-block-image figcaption {
margin-top: 15px;
margin-bottom: 0px !important;
}
body .wp-block-cover {
margin-bottom: 15px;
}
.wp-block-gallery.wp-block-gallery-3 {
padding-right: 15px;
}
body blockquote {
font-size: 16px;
line-height: 28px;
font-weight: 500;
font-style: italic;
margin-bottom: 30px;
color: var(--heading-color-one);
padding: 20px 10px 30px 75px;
border-left: 5px solid var(--color-set-one-2) !important;
}
body blockquote cite {
font-size: 20px !important;
line-height: 28px !important;
font-weight: 600;
}
body blockquote strong {
color: var(--heading-color-one);
}
body blockquote p {
font-size: 24px !important;
line-height: 30px;
font-family: var(--font-family-text);
font-weight: 600;
color: var(--heading-color-one);
}
.wp-block-pullquote {
padding: 30px 0px;
}
.wp-block-pullquote blockquote {
padding: 0px;
margin: 0;
border: unset !important;
}
.wp-block-group.has-background .wp-block-group__inner-container {
padding: 20px 20px 10px;
margin-bottom: 15px;
}
.wp-block-media-text {
margin-bottom: 15px;
}
.wp-block-navigation .wp-block-page-list, .wp-block-navigation {
padding: 0 !important;
}
.wp-block-latest-comments, .wp-block-rss {
padding-left: 0px !important;
}
.wp-block-latest-comments li, .wp-block-rss li {
list-style: none !important;
display: flex;
gap: 1rem;
}
.wp-block-latest-comments li img, .wp-block-rss li img {
width: auto;
height: 60px;
min-width: 60px;
}
.wp-block-latest-comments li .wp-block-latest-comments__comment-author, .wp-block-rss li .wp-block-latest-comments__comment-author {
font-weight: 600;
color: var(--heading-color-one);
}
.wp-block-latest-comments li time, .wp-block-rss li time {
margin: 0px 0px 15px;
color: var(--color-set-one-1);
align-items: center;
display: flex;
}
.wp-block-latest-comments li time::before, .wp-block-rss li time::before {
position: relative;
content: "\e978";
margin-right: 5px;
font-family: "risehand";
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
margin-top: 8px;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin-bottom: 15px !important;
}
.is-style-squared .wp-block-button__link {
border-radius: 0px;
}
.is-style-outline .wp-block-button__link:hover {
color: var(--color-set-one-1) !important;
border-color: var(--color-set-one-1);
}
.wp-block-button__link {
background-color: var(--color-set-one-1);
color: var(--color-white);
}
.wp-block-button__link:hover {
background-color: var(--color-set-one-2);
color: var(--color-white);
}
.admin-bar .quicklinks ul {
margin-bottom: unset !important;
}
.gallery img {
margin: 0 auto 10px;
}
.wp-block-calendar table th {
background: var(--color-set-one-bg-1);
color: var(--color-white);
}
.wp-block-search {
margin-bottom: 15px;
}
pre {
background: var(--color-set-one-bg-l-1);
padding: 20px;
overflow: auto;
}
.wp-block-post-time-to-read, .wp-block-post-title, .wp-block-latest-posts__post-title {
font-size: 24px;
line-height: 34px;
color: var(--heading-color-one);
font-weight: 600;
margin-bottom: 5px;
}
.wp-block-table td, .wp-block-table th {
border-color: var(--color-set-one-bor-1);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--color-set-one-bg-1);
color: var(--color-white);
}
.wp-block-buttons {
margin-bottom: 15px;
}
.post-password-form input {
margin-bottom: 10px;
}
body .wp-block-page-list {
margin-bottom: 15px;
}
body .wp-block-page-list li {
margin: 0px;
}
body .wp-block-page-list li a {
font-size: 16px;
font-weight: 600;
color: var(--heading-color-one);
}
body .wp-block-page-list li ul a {
font-size: 16px;
font-weight: 600;
color: var(--heading-color-one);
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
color: var(--heading-color-one);
}
html body .wp-block-post-template {
padding: 0px;
}
html body .wp-block-post-template .wp-block-post-featured-image {
margin-bottom: 15px !important;
}
.wp-block-post-author {
margin-bottom: 0.8rem;
}
.wp-block-avatar {
margin-bottom: 10px;
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous {
padding: 7px 18px;
border-radius: 30px;
border: 1px solid var(--color-set-one-bor-1);
color: var(--heading-color-one);
margin: 0px !important;
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
position: relative;
top: 6px;
min-width: 2.5rem;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 0px;
}
body .wp-block-social-links {
padding: 0px;
margin: 10px 0px;
}
body .wp-block-social-links li {
display: inline-block;
padding-right: 10px;
}
.wp-block-image .alignleft {
margin: 0.5em 1em 0.5em 0 !important;
}
.wp-block-image .alignright {
margin: 0.5em 0 0.5em 1em !important;
}
html {
height: 100%;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--content-color-one);
background-color: var(--body-background-color);
background-image: var(--body-background-image);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
margin: 0;
padding: 0 !important;
font-family: var(--font-family-text);
overflow-x: hidden;
font-optical-sizing: auto;
}
body::-webkit-scrollbar-track, .team_tabs_btns::-webkit-scrollbar-track, .scrollbar::-webkit-scrollbar-track,
.box_cart .widget_shopping_cart_content .cart_list::-webkit-scrollbar-track, .search_sidebar_inner::-webkit-scrollbar-track, .quick-view-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.03);
border-radius: 10px;
background-color: var(--color-set-one-bor-1);
}
body::-webkit-scrollbar:horizontal, .team_tabs_btns::-webkit-scrollbar:horizontal, .scrollbar::-webkit-scrollbar:horizontal,
.box_cart .widget_shopping_cart_content .cart_list::-webkit-scrollbar:horizontal, .search_sidebar_inner::-webkit-scrollbar:horizontal, .quick-view-content::-webkit-scrollbar:horizontal {
height: 8px;
}
body::-webkit-scrollbar, .team_tabs_btns::-webkit-scrollbar, .scrollbar::-webkit-scrollbar,
.box_cart .widget_shopping_cart_content .cart_list::-webkit-scrollbar, .search_sidebar_inner::-webkit-scrollbar, .quick-view-content::-webkit-scrollbar {
width: 8px;
background-color: var(--color-set-one-bor-1);
}
body::-webkit-scrollbar-thumb, .team_tabs_btns::-webkit-scrollbar-thumb, .scrollbar::-webkit-scrollbar-thumb,
.box_cart .widget_shopping_cart_content .cart_list::-webkit-scrollbar-thumb, .search_sidebar_inner::-webkit-scrollbar-thumb, .quick-view-content::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.03);
background-color: var(--color-set-one-1);
}
.box_cart .widget_shopping_cart_content .cart_list::-webkit-scrollbar:horizontal {
height: 5px;
}
.box_cart .widget_shopping_cart_content .cart_list::-webkit-scrollbar {
width: 5px;
}
.single-header, .single-header.elementor-editor-active, .single-trimprimblocks, .single-trimprimblocks.elementor-editor-active {
background: #eee !important;
}
.single-header .elementor-add-section, .single-header.elementor-editor-active .elementor-add-section, .single-trimprimblocks .elementor-add-section, .single-trimprimblocks.elementor-editor-active .elementor-add-section {
padding-top: 150px;
}
.sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop, .sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop, .sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile, .sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra, .sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet, .sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra, .sldier_custom .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen {
display: none !important;
}
.page_wapper {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.top_page_wapper {
flex: 1 0 auto;
}
.before_plugin_installation_footer, .footer_area {
flex-shrink: 0;
}
svg, svg path {
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
h1 a,
h1,
h2 a,
h2,
h3 a,
h3,
h4 a,
h4,
h5 a,
h5,
h6 a,
h6 {
font-weight: 600;
font-optical-sizing: auto;
margin: 0 0 15px 0;
color: var(--heading-color-one);
font-family: var(--font-family-main);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
word-break: break-word;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
-o-font-smoothing: antialiased !important;
-ms-font-smoothing: antialiased !important;
}
.h1, h1 {
font-size: 55px;
line-height: 63px;
}
.h2, h2 {
font-size: 45px;
line-height: 53px;
}
.h3, h3 {
font-size: 24px;
line-height: 32px;
}
.h4, h4 {
font-size: 22px;
line-height: 30px;
}
.h5, h5 {
font-size: 20px;
line-height: 28px;
}
.h6, h6 {
font-size: 18px;
line-height: 26px;
}
p:not(.am-fs-sb__step-heading) {
color: var(--content-color-one);
margin-block-end: unset;
margin-block-start: unset;
margin-bottom: 15px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
p:not(.am-fs-sb__step-heading) strong {
color: var(--heading-color-one);
font-weight: 600;
}
.absolink {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
background-origin: 0;
}
figure {
margin: 0px;
}
.trim-1 {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: initial !important;
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
}
.trim-2 {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: initial !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
.trim-3 {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: initial !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
}
ul:not(.elementor-icon-list-items), ol:not(.elementor-icon-list-items) {
margin: 0px;
padding: 0px 0px 0 20px;
}
ul:not(.elementor-icon-list-items) li, ol:not(.elementor-icon-list-items) li {
position: relative;
color: var(--content-color-one);
font-family: var(--font-family-text);
margin-bottom: 15px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
ul:not(.elementor-icon-list-items) li a, ol:not(.elementor-icon-list-items) li a {
color: var(--content-color-one);
}
ul:not(.elementor-icon-list-items) li ul, ul:not(.elementor-icon-list-items) li ol, ol:not(.elementor-icon-list-items) li ul, ol:not(.elementor-icon-list-items) li ol {
margin: 0px;
padding: 0px 0px 0 20px;
}
ul:not(.elementor-icon-list-items) li ul li, ul:not(.elementor-icon-list-items) li ol li, ol:not(.elementor-icon-list-items) li ul li, ol:not(.elementor-icon-list-items) li ol li {
margin-bottom: 0px;
margin-top: 15px;
}
ol {
list-style: decimal;
}
body:not(.single-trimprimblocks) .site-content ul, body:not(.single-trimprimblocks) .site-content ol {
padding: 0px 0px 0px 20px;
}
@media (max-width: 768px) {
.filter_fleet, .filter_fleet .d_flex {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
a {
cursor: pointer;
font-family: var(--font-family-main);
color: var(--color-set-one-1);
text-decoration: none;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
img {
max-width: 100%;
display: block;
}
strong {
color: var(--heading-color-one);
}
table, table.give-table {
position: relative;
margin-bottom: 15px;
}
table tbody tr th, table tbody tr td, table thead tr th, table thead tr td, table.give-table tbody tr th, table.give-table tbody tr td, table.give-table thead tr th, table.give-table thead tr td {
padding: 10px 10px;
line-height: normal;
font-size: 16px;
border: 1px solid var(--color-set-one-bor-1);
}
table tbody tr th a, table tbody tr td a, table thead tr th a, table thead tr td a, table.give-table tbody tr th a, table.give-table tbody tr td a, table.give-table thead tr th a, table.give-table thead tr td a {
color: var(--color-set-one-1);
line-height: normal;
text-align: center;
}
table tbody tr th a:hover, table tbody tr td a:hover, table thead tr th a:hover, table thead tr td a:hover, table.give-table tbody tr th a:hover, table.give-table tbody tr td a:hover, table.give-table thead tr th a:hover, table.give-table thead tr td a:hover {
color: var(--color-set-one-2);
}
table tbody tr th, table thead tr th, table.give-table tbody tr th, table.give-table thead tr th {
font-size: 16px;
color: var(--heading-color-one);
font-weight: 700;
background: var(--color-set-one-bg-l-2);
}
.trans {
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.post-template-template-boxed .site-content, .ourfleet-template-template-boxed .site-content, .team-template-template-boxed .site-content,
.service-template-template-boxed .site-content, .page-template-template-boxed .site-content {
padding: 0px 0px 0px !important;
}
@media (min-width: 992px) {
.post-template-template-boxed, .ourfleet-template-template-boxed, .team-template-template-boxed,
.service-template-template-boxed, .page-template-template-boxed {
padding: 0 60px !important;
background: var(--background-bg-1);
}
.post-template-template-boxed .page_wapper, .ourfleet-template-template-boxed .page_wapper, .team-template-template-boxed .page_wapper,
.service-template-template-boxed .page_wapper, .page-template-template-boxed .page_wapper {
background: var(--background-white);
}
}
.site-content {
padding: 80px 0px 60px;
}
.page.page-template-template-fullwidth .site-content, .page.ourfleet-template-template-fullwidth .site-content, .page.service-template-template-fullwidth .site-content, .page.post-template-template-fullwidth .site-content, .page.team-template-template-fullwidth .site-content, .service.page-template-template-fullwidth .site-content, .service.ourfleet-template-template-fullwidth .site-content, .service.service-template-template-fullwidth .site-content, .service.post-template-template-fullwidth .site-content, .service.team-template-template-fullwidth .site-content, .ourfleet.page-template-template-fullwidth .site-content, .ourfleet.ourfleet-template-template-fullwidth .site-content, .ourfleet.service-template-template-fullwidth .site-content, .ourfleet.post-template-template-fullwidth .site-content, .ourfleet.team-template-template-fullwidth .site-content, .team.page-template-template-fullwidth .site-content, .team.ourfleet-template-template-fullwidth .site-content, .team.service-template-template-fullwidth .site-content, .team.post-template-template-fullwidth .site-content, .team.team-template-template-fullwidth .site-content, .single.page-template-template-fullwidth .site-content, .single.ourfleet-template-template-fullwidth .site-content, .single.service-template-template-fullwidth .site-content, .single.post-template-template-fullwidth .site-content, .single.team-template-template-fullwidth .site-content {
padding: 0px 0px 0px !important;
}
.single-header .site-content, .single-trimprimblocks .site-content, .single-footer .site-content, .single-mega_menu .site-content, .single-blocks .site-content, .page-template-template-homepage .site-content {
padding: unset;
}
html body.trimprim_team-page div .site-content, html body.trimprim_service-page div .site-content, html body.trimprim_fleet-page div .site-content, html body.trimprim_fleet-page.no-sidebar div .site-content, html body.trimprim_team-page.no-sidebar div .site-content, html body.trimprim_service-page.no-sidebar div .site-content {
padding: 80px 0px 50px !important;
}
html body.trimprim_team-page div .site-content .pagination-area, html body.trimprim_service-page div .site-content .pagination-area, html body.trimprim_fleet-page div .site-content .pagination-area, html body.trimprim_fleet-page.no-sidebar div .site-content .pagination-area, html body.trimprim_team-page.no-sidebar div .site-content .pagination-area, html body.trimprim_service-page.no-sidebar div .site-content .pagination-area {
padding-bottom: 30px;
}
.img_obj_fit_center {
position: relative;
overflow: hidden;
display: block;
}
.img_obj_fit_center img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.all_unset {
font-size: unset;
color: unset;
line-height: unset;
font-weight: unset;
}
.text-14 {
font-size: 14px;
line-height: 24px;
}
.text-16 {
font-size: 16px;
line-height: 26px;
}
.font-12, .font-14, .font-16, .font-18, .font-20, .font-22, .font-24, .font-24, .font-26, .font-28, .font-30,
.font-32, .font-34, .font-36, .font-38, .font-40, .font-42, .font-44, .font-46, .font-48, .font-50, .font-52 {
font-family: var(--font-family-main);
font-weight: 600;
color: var(--heading-color-one);
}
.color-white {
color: var(--color-white);
}
.color-dark {
color: var(--heading-color-one);
}
.content-color-one {
color: var(--content-color-one);
}
.font-normal {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-12 {
font-size: 12px;
line-height: normal;
}
.font-14 {
font-size: 14px;
line-height: 22px;
}
.font-16 {
font-size: 16px;
line-height: 24px;
}
@media (min-width: 0px) {
.font-18 {
font-size: 16px;
line-height: 24px;
}
.font-20 {
font-size: 18px;
line-height: 24px;
}
.font-22 {
font-size: 20px;
line-height: 26px;
}
.font-24 {
font-size: 20px;
line-height: 26px;
}
.font-26 {
font-size: 20px;
line-height: 26px;
}
.font-28 {
font-size: 22px;
line-height: 28px;
}
.font-30 {
font-size: 22px;
line-height: 28px;
}
.font-32 {
font-size: 22px;
line-height: 28px;
}
.font-34 {
font-size: 24px;
line-height: 30px;
}
.font-36 {
font-size: 24px;
line-height: 30px;
}
.font-38 {
font-size: 24px;
line-height: 30px;
}
.font-40 {
font-size: 26px;
line-height: 32px;
}
.font-42 {
font-size: 26px;
line-height: 32px;
}
.font-44 {
font-size: 28px;
line-height: 34px;
}
.font-46 {
font-size: 28px;
line-height: 34px;
}
.font-48 {
font-size: 30px;
line-height: 36px;
}
.font-50 {
font-size: 32px;
line-height: 38px;
}
.font-52 {
font-size: 36px;
line-height: 42px;
}
.font-72 {
font-size: 36px;
line-height: 42px;
}
}
@media (min-width: 768px) {
.font-18 {
font-size: 16px;
line-height: 24px;
}
.font-20 {
font-size: 18px;
line-height: 24px;
}
.font-22 {
font-size: 20px;
line-height: 26px;
}
.font-24 {
font-size: 22px;
line-height: 28px;
}
.font-26 {
font-size: 24px;
line-height: 30px;
}
.font-28 {
font-size: 26px;
line-height: 32px;
}
.font-30 {
font-size: 28px;
line-height: 34px;
}
.font-32 {
font-size: 30px;
line-height: 36px;
}
.font-34 {
font-size: 32px;
line-height: 38px;
}
.font-36 {
font-size: 34px;
line-height: 40px;
}
.font-38 {
font-size: 34px;
line-height: 40px;
}
.font-40 {
font-size: 34px;
line-height: 40px;
}
.font-42 {
font-size: 34px;
line-height: 40px;
}
.font-44 {
font-size: 34px;
line-height: 40px;
}
.font-46 {
font-size: 36px;
line-height: 42px;
}
.font-48 {
font-size: 36px;
line-height: 42px;
}
.font-50 {
font-size: 36px;
line-height: 42px;
}
.font-52 {
font-size: 36px;
line-height: 42px;
}
.font-72 {
font-size: 42px;
line-height: 48px;
}
}
@media (min-width: 992px) {
.font-18 {
font-size: 18px;
line-height: 26px;
}
.font-20 {
font-size: 20px;
line-height: 28px;
}
.font-22 {
font-size: 22px;
line-height: 30px;
}
.font-24 {
font-size: 24px;
line-height: 32px;
}
.font-26 {
font-size: 26px;
line-height: 34px;
}
.font-28 {
font-size: 28px;
line-height: 36px;
}
.font-30 {
font-size: 30px;
line-height: 38px;
}
.font-32 {
font-size: 32px;
line-height: 40px;
}
.font-34 {
font-size: 34px;
line-height: 42px;
}
.font-36 {
font-size: 36px;
line-height: 44px;
}
.font-38 {
font-size: 38px;
line-height: 46px;
}
.font-40 {
font-size: 40px;
line-height: 48px;
}
.font-42 {
font-size: 42px;
line-height: 50px;
}
.font-44 {
font-size: 44px;
line-height: 52px;
}
.font-46 {
font-size: 46px;
line-height: 54px;
}
.font-48 {
font-size: 48px;
line-height: 56px;
}
.font-50 {
font-size: 50px;
line-height: 58px;
}
.font-52 {
font-size: 52px;
line-height: 60px;
}
.font-72 {
font-size: 72px;
line-height: 80px;
}
}
.mask_image {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
mask-position: center center;
-webkit-mask-position: center center;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;
margin: auto;
}
.decor_mask_image {
position: relative;
margin: unset;
}
.nice-select {
-webkit-tap-highlight-color: transparent;
border-radius: 5px;
padding: 5px 10px;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
font-family: var(--font-family-main);
font-size: 16px;
line-height: normal;
font-weight: normal;
outline: none;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: var(--heading-color-one);
white-space: nowrap;
width: auto;
font-weight: 500;
}
.nice-select:after {
position: relative;
content: "\f126";
font-family: "trimprim";
font-size: 11px;
padding-left: 5px;
}
.nice-select.open:after {
transform: rotate(-135deg);
}
.nice-select.open {
pointer-events: auto;
}
.nice-select.open .list {
display: block;
pointer-events: auto;
}
.nice-select .list {
display: none;
background-color: var(--background-white);
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
margin-top: 25px;
min-width: 100px;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-21px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 99;
}
.nice-select .list .option {
position: relative;
padding: 10px 20px;
font-size: 16px;
line-height: normal;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.nice-select .list .option:last-child {
border-bottom: unset;
}
.hover-slider-indicator {
position: absolute;
top: auto;
bottom: 10px;
left: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.hover-slider-indicator .hover-slider-indicator-dot {
background-color: var(--background-white);
opacity: 0.5;
height: 4px;
width: 10px;
border-radius: 5px;
margin-right: 2;
}
.hover-slider-indicator .hover-slider-indicator-dot:last-child {
margin-right: 0px;
}
.hover-slider-indicator .hover-slider-indicator-dot.active {
background-color: var(--color-set-one-2);
opacity: 1;
}
.search-fourm {
margin-bottom: 1.5rem;
}
.box-header-search {
position: relative;
}
.post-type-filters {
margin: 1rem 0;
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.post-type-filters label {
width: unset;
}
.post-type-filters input[type=checkbox] {
border-radius: 5px;
}
.lawnshaper_search-results {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 99;
}
.lawnshaper_search-results.empty {
display: none;
}
.lawnshaper_search-results .search_inner_box {
color: #fff;
}
.lawnshaper_search-results .search_inner_box .no_result {
padding: 15px;
color: var(--heading-color-one);
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
}
.lawnshaper_search-results .search_inner_box > ul {
position: relative;
padding: 0px;
margin: 0px;
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
}
.lawnshaper_search-results .search_inner_box > ul li {
list-style: none;
margin-bottom: 0;
border-bottom: 1px dashed var(--color-set-one-bor-1);
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews {
margin: 20px 0px;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .meta {
gap: 0.3rem;
flex-wrap: wrap;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .meta .cats {
position: relative;
padding-right: 14px;
gap: 0.3rem;
flex-wrap: wrap;
margin-right: 10px;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .meta .cats::after {
position: absolute;
content: "";
right: 0;
top: 3px;
width: 1px;
height: 69%;
background: var(--color-set-one-bor-1);
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .meta span {
position: relative;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .short-description {
margin-bottom: 1rem;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .add_to_cart_inline {
margin: 0;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .cartbtns a.button {
margin-top: 1rem;
width: 100%;
padding: 10px 20px;
}
.lawnshaper_search-results .search_inner_box > ul li .cardNews .cartbtns a.button span, .lawnshaper_search-results .search_inner_box > ul li .cardNews .cartbtns a.button > * {
color: var(--color-white) !important;
font-size: 16px;
font-weight: 600;
}
.search-results .lawnshaper_search-results .search_inner_box > ul {
height: 70vh;
}
.search-results .search_resulted_box .list-view.post .cardNews {
padding: 20px;
border: 1px solid var(--color-set-one-bor-1);
}
.search-results .search-fourm form {
position: relative;
}
.search-results .search-fourm form button {
position: absolute;
top: 0;
right: 2px;
padding: unset;
width: 40px;
height: 40px;
font-size: 20px;
margin: auto;
bottom: 0;
}
.lawnshaper_search-results .list-view .theme_btn {
padding: 5px 10px !important;
font-size: 14px;
color: var(--color-white) !important;
}
.widgets_grid_box .lawnshaper_search-results .search_inner_box > ul {
max-width: unset;
padding: 0;
}
.widgets_grid_box .lawnshaper_search-results .search_inner_box > ul li {
padding: 15px;
}
.widgets_grid_box .lawnshaper_search-results .search_inner_box > ul li .cardNews {
flex-direction: column;
}
.widgets_grid_box .lawnshaper_search-results .search_inner_box > ul li .cardNews .image-box {
width: 100%;
min-width: 100%;
}
.widget_trimprim_ajax_search .list-view {
width: 100%;
min-width: 100%;
}
.previouse_next_post {
position: relative;
padding: 40px 0 40px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.previouse_next_post.only_next .row {
justify-content: flex-end !important;
}
.previouse_next_post.only_perv .row {
justify-content: flex-start !important;
}
.previouse_next_post.only_next.only_perv .row {
justify-content: center !important;
}
.previouse_next_post .all_post a svg {
height: 30px;
width: auto;
}
.previouse_next_post .all_post a svg path {
fill: var(--color-set-one-1);
}
.previouse_next_post .nav_post {
position: relative;
}
.previouse_next_post .nav_post .title_no_a_22 {
margin-bottom: 10px;
font-size: 16px;
line-height: 26px;
margin-bottom: 8px;
}
.previouse_next_post .nav_post .linked_prev_next { display: -moz-flex;   display: flex; align-items: center;
gap: 1rem;
}
.previouse_next_post .nav_post .image {
width: 80px;
height: 80px;
overflow: hidden;
min-width: 80px;
border-radius: 80px;
}
.previouse_next_post .nav_post .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.previouse_next_post .nav_post .text-16 {
gap: 0.5rem;
}
.previouse_next_post .nav_post .text-16 i {
font-size: 12px;
}
.previouse_next_post .nav_post.next_post .linked_prev_next {
justify-content: end;
text-align: right;
}
.previouse_next_post .nav_post.next_post .image {
margin-right: unset;
}
.previouse_next_post.only_prev {
justify-content: flex-start;
}
.previouse_next_post.only_next {
justify-content: flex-end;
}
.previouse_next_post.only_prev.only_next {
justify-content: space-between;
}
.single-share {
border-bottom: 1px solid var(--color-set-one-bor-1);
padding: 28px 0px 28px;
justify-content: center;
}
.single-share ul {
display: flex;
padding: 0;
gap: 0.5rem;
}
.single-share ul li {
list-style: none;
margin: 0;
}
.single-share ul li .m_icon {
padding: 0px !important;
width: 40px;
height: 40px;
border-radius: 40px;
border-radius: 40px;
border: 1px solid var(--color-set-one-bor-1);
background: var(--background-white);
display: flex;
align-items: center;
font-size: 16px;
color: var(--heading-color-one);
justify-content: center;
}
.related_post {
padding-bottom: 50px;
}
.related_post .title_no_a_36 {
margin: 0 0 25px;
}
.related_post .common_arrow .next, .related_post .common_arrow .prev {
width: 45px;
line-height: 45px;
height: 45px;
min-width: 45px;
min-height: 45px;
}
.related_post .common_arrow .next i, .related_post .common_arrow .prev i {
font-size: 16px;
}
.related_post .cardNews {
margin-bottom: 0px;
}
.related_post .cardNews .font-26 {
font-size: 20px;
line-height: 30px;
}
.has_comment .related_post {
padding-bottom: 0px;
} .loader {
position: relative;
width: 100%;
height: 40px;
text-align: center;
}
.loader.loader-inner {
display: inline-block;
width: 30px;
height: 30px;
border: 3px solid var(--color);
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s ease infinite;
}
.share-buttons {
display: flex;
gap: 0.3rem;
flex-wrap: wrap;
}
.share-buttons a {
min-width: 40px;
width: 40px;
border-radius: 40px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
display: flex !important;
align-items: center;
justify-content: center;
color: var(--heading-color-one);
font-size: 18px;
min-height: 40px;
}
.social-icons {
position: relative;
text-align: left;
}
.social-icons ul {
margin: 0px;
padding: 0px !important;
display: flex;
gap: 0.6rem;
flex-wrap: wrap;
}
.social-icons ul li {
list-style: none;
position: relative;
margin: 0px;
}
.social-icons ul li .m_icon {
background: var(--color-set-one-2);
border: 1px solid var(--color-set-one-2);
width: 45px;
height: 45px;
color: var(--color-white);
font-size: 18px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 50%;
}
.social-icons ul li .m_icon:hover {
background: var(--color-set-one-1);
border: 1px solid var(--color-set-one-1);
color: var(--color-white);
}
.social-icons ul li .m_icon svg {
height: 18px;
}
.social-icons ul li .m_icon svg path {
fill: var(--color-white);
}
.social-icons ul li small {
position: absolute;
background: var(--color-set-one-2);
color: var(--color-white);
display: block;
right: 0;
border-radius: 6px;
top: -36px;
font-size: 15px;
font-weight: 500;
text-align: center;
line-height: 26px;
margin-bottom: 15px;
pointer-events: none;
width: 120px;
left: -32px;
opacity: 0;
}
.social-icons ul li small::before {
position: absolute;
bottom: -20px;
left: 0;
margin: auto;
right: 0;
width: 10px;
content: "";
border-top: 10px solid var(--color-set-one-2);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.social-icons ul li:hover small {
opacity: 1;
pointer-events: auto;
}
.social-icons ul li:hover .m_icon {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
color: var(--color-white);
}
.social-icons ul li:hover .m_icon svg {
height: 18px;
}
.social-icons ul li:hover .m_icon svg path {
fill: var(--color-white);
}
.social-icons.single-share {
display: flex;
align-items: center;
}
.social-icons.single-share h6 {
margin: 0px 20px 0px 0px;
}
.list_items_box {
position: relative;
}
.list_items_box:not(.ul_dots), .list_items_box.inline_type {
padding: 0 !important;
margin: 0 !important;
}
.list_items_box.inline_type {
display: flex;
flex-wrap: wrap;
}
.list_items_box li {
margin: 0 0 15px 0;
}
.list_items_box li .l_box {
gap: 1rem;
}
.list_items_box li.numbers {
list-style: decimal;
}
.list_items_box li.icons {
list-style: none;
}
.list_items_box li.icons .icon_box {
height: 24px;
}
.list_items_box li.icons .icon_box svg {
width: 24px;
height: auto;
}
.list_items_box li.icons .icon_box svg path {
fill: var(--color-set-one-1);
}
.list_items_box li.icons img {
width: auto;
height: 20px;
}
.list_items_box li.icons i, .list_items_box li.icons span {
color: var(--color-set-one-1);
font-size: 24px;
}
.list_items_box.white_color li {
color: var(--color-white);
}
.list_items_box.white_color li .font-18, .list_items_box.white_color li .desc_p {
color: var(--color-white);
}
.list_items_box.inline_type li {
display: inline-block;
margin: 0px;
}
.title_all_box {
flex-direction: column;
}
.title_all_box.white_color .font-48, .title_all_box.white_color .font-16, .title_all_box.white_color p {
color: var(--color-white);
}
.title_all_box .decor {
display: flex;
padding: 8px 0px 20px;
}
.title_all_box.style_one .sub_title .font-16 {
align-items: center;
gap: 0.4rem;
color: var(--color-set-one-1);
text-transform: uppercase;
font-weight: 700;
}
.title_all_box.style_one .sub_title .font-16 .icon {
display: flex;
}
.title_all_box.style_three .sub_title {
padding-left: 65px;
position: relative;
}
.title_all_box.style_three .sub_title::before {
position: absolute;
content: "";
width: 55px;
height: 2px;
background: var(--color-set-one-1);
top: 13px;
left: 0;
}
.title_all_box.style_three .font-48 {
font-size: 150px;
font-weight: 700;
line-height: 1;
-webkit-text-stroke: 1px var(--heading-color-one); color: transparent;
}
.title_all_box.style_four .font-48 {
font-size: 72px;
line-height: 80px;
font-weight: 500;
-webkit-text-stroke: 1px var(--heading-color-one); color: transparent;
}
html body .sldier_custom .elementor-background-video-embed {
position: relative;
}
html body .sldier_custom .elementor-background-video-embed .ytp-show-cards-title, html body .sldier_custom .elementor-background-video-embed .ytp-chrome-top {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
.error404 {
background: var(--background-white) !important;
background-image: unset;
}
.error404 .site-content {
display: flex;
}
.lawnshaper_tab .s_tabs_content .s_tab, .lawnshaper_tab .s_tabs_content .team_tab, .lawnshaper_tab .team_tabs_content .s_tab, .lawnshaper_tab .team_tabs_content .team_tab, .lawnshaper_team_tab .s_tabs_content .s_tab, .lawnshaper_team_tab .s_tabs_content .team_tab, .lawnshaper_team_tab .team_tabs_content .s_tab, .lawnshaper_team_tab .team_tabs_content .team_tab {
position: relative;
transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transform: translateX(100%);
display: none;
opacity: 0;
visibility: hidden;
}
.lawnshaper_tab .s_tabs_content .s_tab.active-tab, .lawnshaper_tab .s_tabs_content .team_tab.active-tab, .lawnshaper_tab .team_tabs_content .s_tab.active-tab, .lawnshaper_tab .team_tabs_content .team_tab.active-tab, .lawnshaper_team_tab .s_tabs_content .s_tab.active-tab, .lawnshaper_team_tab .s_tabs_content .team_tab.active-tab, .lawnshaper_team_tab .team_tabs_content .s_tab.active-tab, .lawnshaper_team_tab .team_tabs_content .team_tab.active-tab {
transform: translateX(0px);
opacity: 1;
visibility: visible;
display: block;
}
.lawnshaper_tab .s_tabs_content .s_tab.active-tab.show, .lawnshaper_tab .s_tabs_content .team_tab.active-tab.show, .lawnshaper_tab .team_tabs_content .s_tab.active-tab.show, .lawnshaper_tab .team_tabs_content .team_tab.active-tab.show, .lawnshaper_team_tab .s_tabs_content .s_tab.active-tab.show, .lawnshaper_team_tab .s_tabs_content .team_tab.active-tab.show, .lawnshaper_team_tab .team_tabs_content .s_tab.active-tab.show, .lawnshaper_team_tab .team_tabs_content .team_tab.active-tab.show {
animation: fadeIn ease 0.9s;
-webkit-animation: fadeIn ease 0.9s;
-moz-animation: fadeIn ease 0.9s;
-o-animation: fadeIn ease 0.9s;
-ms-animation: fadeIn ease 0.9s;
transform: translateY(0px);
}
.showcase_tabs_btns {
padding: 0 !important;
}
.showcase_tabs_btns .s_tab_btn {
cursor: pointer;
}
.only_video_box {
width: 1200px;
height: 1000px;
margin: auto;
}
.only_video_box .inner_porbox {
position: relative;
z-index: 99;
}
.video_box.style_one, .video_box_youtube.style_one {
position: relative;
display: inline-flex;
align-items: center;
gap: 1rem;
cursor: pointer;
border-radius: 30px;
border: 1px solid var(--color-set-one-bor-1);
padding: 10px 20px;
background: transparent;
}
.video_box.style_one i, .video_box_youtube.style_one i {
color: var(--color-set-one-1);
font-size: 20px;
}
.video_box.style_one p, .video_box_youtube.style_one p {
font-weight: 500;
color: var(--heading-color-one);
}
.video_box.style_one p span, .video_box_youtube.style_one p span {
color: var(--color-set-one-1);
}
.video_box.style_two, .video_box_youtube.style_two {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.video_box.style_two i, .video_box_youtube.style_two i {
padding: 15px;
font-size: 30px;
background: transparent;
border: 2px solid var(--background-white);
display: inline-block;
color: var(--color-white);
border-radius: 50%;
}
.video_box.style_two p, .video_box_youtube.style_two p {
color: var(--color-white);
font-weight: 500;
margin: 1rem 0 0;
}
.video_box.style_two p span, .video_box_youtube.style_two p span {
color: var(--color-set-one-1);
}
.scroll_carousel_box_text {
position: relative;
}
.scroll_carousel_box_text .scroll_text_box {
min-width: 520px;
gap: 1rem;
}
.scroll_carousel_box_text .scroll_text_box .image img {
height: 200px;
border-radius: 10px;
width: 200px;
}
.scroll_carousel_box_text .scroll_text_box .content .d_flex {
gap: 1rem;
align-items: center;
}
.scroll_carousel_box_text .scroll_text_box .content .d_flex i {
font-size: 28px;
}
.elementor-widget-trimprim-client-carousel-widget .swiper_container .swiper-wrapper {
align-items: center;
}
html body .mc4wp-form input {
margin: 0 0;
}
.option-panel-toggle {
position: relative;
display: flex;
cursor: pointer;
}
.option-panel-toggle .icon {
display: flex;
}
.option-panel-toggle .icon i, .option-panel-toggle .icon span {
display: flex;
font-size: 30px;
color: var(--color-set-one-1);
}
.option-panel-toggle svg {
width: 20px;
height: auto;
}
.option-panel-toggle svg path {
fill: var(--heading-color-one);
}
.option-panel-toggle small {
font-size: 16px;
font-family: var(--font-family-main);
line-height: normal;
font-weight: 500;
}
.option-panel {
position: fixed;
z-index: 9999999;
pointer-events: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.option-panel.open {
opacity: 1;
visibility: visible;
pointer-events: fill;
}
.option-panel-content {
position: absolute;
top: 0;
left: -100%; width: 100%;
height: 100%;
background-color: transparent; transition: left 0.3s ease; }
.option-panel.open .option-panel-content {
left: 0; }
.option-panel-close {
color: var(--color-white);
position: fixed;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
font-size: 24px;
background: var(--color-set-one-1);
cursor: pointer;
z-index: 9999999;
}
.option-panel-close:hover, .option-panel-close:focus {
background: var(--background-white);
color: var(--color-set-one-1);
text-decoration: none;
}
.admin-bar .option-panel-close {
top: 32px;
}
.default_header {
position: relative;
padding: 10px 0;
background: var(--background-white);
}
.default_header .navbar_nav {
justify-content: flex-end;
}
.default_header .navbar_togglers i {
font-size: 30px;
color: var(--color-set-one-1);
}
@media (max-width: 1200px) {
.default_header .row .logo_col {
width: 70%;
}
.default_header .row .men_col {
width: 30%;
}
.default_header .row .men_col .navbar_togglers {
justify-content: center;
}
}
.default_header .navbar_togglers {
margin-left: auto;
}
.header_area {
position: relative;
}
body .gt_float_switcher {
font-family: var(--font-family-main) !important;
background: unset !important;
box-shadow: unset !important;
display: flex !important;
font-size: 16px !important;
line-height: normal !important;
text-transform: capitalize !important;
color: var(--menu-color) !important;
}
body .gt_float_switcher .gt-selected {
z-index: unset !important;
}
body .gt_float_switcher .gt_options {
min-width: 240px;
margin-top: 1.6rem;
position: absolute !important;
top: 100%;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.02);
background: var(--background-white);
}
body .gt_float_switcher .gt_options a {
font-size: 16px;
font-family: var(--font-family-main) !important;
font-weight: 500;
color: var(--menu-color);
border-bottom: 1px solid var(--color-set-one-bor-1);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
body .gt_float_switcher .gt_options a:hover {
color: var(--menu-color);
background: var(--background-white) !important;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
}
body .gt_float_switcher .gt_options::-webkit-scrollbar-thumb {
background-color: var(--color-set-one-2) !important;
}
body .gt_float_switcher img {
width: 18px !important;
position: relative;
top: 2px;
}
body .gt_float_switcher .gt-selected {
background: 0 0 !important;
text-transform: capitalize;
font-weight: 500;
color: var(--heading-color-one);
font-size: 16px;
line-height: normal;
}
body .gt_float_switcher .gt-lang-code {
font-weight: 500;
color: var(--heading-color-one);
font-size: 14px;
line-height: normal;
padding-right: 3px;
}
body .gt_float_switcher .gt-current-lang {
padding: 0px !important;
display: flex;
align-items: center;
}
body .gt_float_switcher .gt_float_switcher-arrow {
background-image: unset !important;
width: unset !important;
transform: unset !important;
background-size: unset !important;
height: unset !important;
}
body .gt_float_switcher .gt_float_switcher-arrow::before {
position: relative;
content: "\e9d3";
font-family: "Trimprim-icons";
color: var(--heading-color-one);
top: 2px;
right: 0;
font-size: 8px;
display: flex;
align-items: center;
bottom: 0;
}
body .footer_area .language_shortcode.view_top .gt_float_switcher .gt_options.gt-open {
top: unset !important;
bottom: 100% !important;
}
.navbar_togglers {
position: relative;
z-index: 99;
display: flex;
justify-content: flex-start;
}
.navbar_togglers .navbar-burger {
padding-left: 6px;
border-radius: 10px;
padding-right: 6px;
padding-top: 6px;
background: var(--color-set-one-1);
padding-bottom: 6px;
min-width: 40px;
width: 40px;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.navbar_togglers .navbar-burger > * {
font-size: 20px;
color: var(--color-white);
}
.logo_box {
position: relative;
}
.logo_box .logo img {
width: 160px;
}
.logo_box .logo.text {
font-size: 24px;
line-height: 32px;
font-weight: 700;
text-transform: capitalize;
margin: 0px;
display: block;
}
.logo_box .logo.text.white {
color: var(--color-set-one-1);
}
.logo_box .site-description {
position: absolute !important;
text-indent: -9999px !important;
height: 0 !important;
line-height: 0 !important;
visibility: hidden !important;
}
.menu-fallback-menu {
text-align: right;
}
.menu-fallback-menu .navbar_nav li {
text-align: right;
}
.navbar_nav {
display: flex;
padding: 0 !important;
margin: 0;
}
.navbar_nav li.menu-item {
list-style: none;
margin: 0;
}
.navbar_nav li.menu-item a.nav_link {
display: flex;
align-items: center;
}
@media (max-width: 1200px) {
body .navbar_nav {
display: none !important;
}
}
@media (min-width: 1200px) {
.navbar_togglers {
display: none !important;
}
.navbar_nav {
flex-wrap: wrap;
gap: 0 2rem;
}
.navbar_nav li.menu-item a.nav_link {
position: relative;
border-radius: 30px;
display: flex;
gap: 0.5rem;
color: var(--menu-color);
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: var(--font-family-main);
line-height: normal;
cursor: pointer;
}
.navbar_nav li.menu-item a.nav_link .dropdown-btn {
position: relative;
padding-left: 4px;
}
.navbar_nav li.menu-item a.nav_link .dropdown-btn span {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.navbar_nav li.menu-item a.nav_link:hover {
color: var(--menu-color-active);
}
.navbar_nav li.menu-item a.nav_link .img-link {
margin-right: 8px;
display: inline-block;
}
.navbar_nav li.menu-item a.nav_link .img-link img {
display: block;
width: 50px;
height: auto;
}
.navbar_nav li.menu-item a.nav_link .text-link .count-hot-beg {
position: absolute;
top: -15px;
right: 5px;
background: var(--color-set-one-1);
color: var(--color-white);
font-family: var(--font-family-main);
font-weight: 500;
font-size: 0.7rem;
line-height: normal;
border-radius: 30px;
display: block;
padding: 2px 8px;
}
.navbar_nav li.menu-item a.nav_link .text-link .count-hot-beg small {
content: "";
border: 6px solid var(--color-set-one-1);
position: absolute;
right: 8px;
bottom: -16px;
border-bottom: 10px solid transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.navbar_nav > li.menu-item {
padding: 15px 0;
}
.navbar_nav > li.menu-item:hover > .dropdown-btn {
transform: rotate(90deg);
margin-top: -6px;
}
.navbar_nav > li.menu-item > a.nav_link:hover {
color: var(--menu-color-active);
}
.navbar_nav > li.menu-item.active > a.nav_link {
color: var(--menu-color-active);
}
.navbar_nav > li.menu-item.active > a.nav_link > .dropdown-btn {
transform: rotate(90deg);
margin-top: -6px;
}
.navbar_nav li.menu-item {
margin-bottom: 0px;
text-align: left;
}
.navbar_nav li.menu-item .dropdown-btn .fa-angle-down {
font-size: 15px;
}
.navbar_nav li.menu-item li.menu-item .dropdown-btn span::before {
display: block;
}
.navbar_nav li.menu-item .sub-menu {
position: absolute;
left: 0px;
top: 100%;
margin-left: 0px;
background: var(--dbg-color);
min-width: 250px;
padding: 15px 25px;
pointer-events: none;
opacity: 0;
z-index: 99999;
visibility: hidden; transition: opacity 200ms ease, visibility 200ms ease, transform 400ms ease; -webkit-transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 400ms ease;
-moz-transition: opacity 200ms ease, visibility 200ms ease, -moz-transform 400ms ease;
-o-transition: opacity 200ms ease, visibility 200ms ease, -o-transform 400ms ease;
box-shadow: 0px 12px 44px 0px rgba(0, 0, 0, 0.04);
justify-content: center;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.navbar_nav li.menu-item .sub-menu .sub-menu {
left: 100%;
top: 0;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding: 10px 0;
color: var(--dmenu-color);
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link:hover {
color: var(--dmenu-color-active);
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link .img-link {
margin-right: 8px;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link .img-link img {
display: block;
width: 30px;
height: auto;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_two {
display: block !important;
border-radius: 6px !important;
border: 1px solid var(--color-set-one-bor-1);
text-align: center;
padding: 10px 10px 7px;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_two .img-link {
margin-right: unset;
margin-bottom: 16px;
display: block;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_two .img-link img {
display: block;
width: 100%;
height: auto;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three {
display: block !important;
padding: 0px;
background: unset !important;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three:hover {
background: unset;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three .img-link {
margin-right: unset;
margin-bottom: 10px;
display: block;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three .img-link img {
display: block;
border-radius: 10px;
width: auto;
height: auto;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three .text-link {
position: relative;
padding: 10px 0px 0px;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three .text-link .box_menu {
display: block;
font-family: var(--font-family-main);
font-size: 14px;
line-height: 1.2rem;
color: var(--heading-color-one);
text-align: left;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 0.5rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.navbar_nav li.menu-item .sub-menu li.menu-item a.nav_link.menu_img_style_three .text-link .box_menu:hover {
color: var(--color-set-one-2);
}
.navbar_nav li.menu-item .sub-menu li.menu-item.active > a.nav_link {
color: var(--dmenu-color-active);
}
.navbar_nav li.menu-item:hover > .sub-menu {
visibility: visible;
opacity: 1;
pointer-events: fill;
}
}
@media (min-width: 1200px) {
.navbar_nav .flex_menu_activate:not(.menu_default) > .sub-menu > li.menu-item {
padding: 0px !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > .sub-menu > li.menu-item > a.nav_link {
border-radius: 0px !important;
padding: 0px 0px 5px;
background: unset;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > .sub-menu > li.menu-item > a.nav_link:hover {
background: unset !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > ul > li.menu-item .dropdown-btn {
display: none !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > ul > li.menu-item > a.nav_link {
display: flex !important;
justify-content: flex-start;
display: block !important;
font-size: 18px;
text-transform: capitalize;
padding: 10px 15px !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > ul > li.menu-item > a.nav_link::after {
display: none;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > ul > li.menu-item .dropdown-btn {
display: none;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > ul > li.menu-item .sub-menu li {
padding: 0px !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) > ul > li.menu-item .sub-menu li a {
padding: 10px 15px !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) .sub-menu {
display: flex;
flex-wrap: wrap;
}
.navbar_nav .flex_menu_activate:not(.menu_default) .sub-menu > li {
padding: 7.5px !important;
display: block !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default) .sub-menu > li a.nav_link {
margin: 0px;
}
.navbar_nav .flex_menu_activate:not(.menu_default) .sub-menu .sub-menu {
display: block !important;
position: relative !important;
left: unset !important;
top: unset !important;
margin-left: unset !important;
border: unset !important;
background: unset !important;
min-width: unset !important;
padding: unset !important;
transform: unset !important;
-ms-transform: unset !important;
-moz-transform: unset !important;
-o-transform: unset !important;
transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
-moz-transition: opacity 0.2s ease, visibility 0.2s ease, -moz-transform 0.2s ease;
-o-transition: opacity 0.2s ease, visibility 0.2s ease, -o-transform 0.2s ease;
opacity: unset !important;
visibility: unset !important;
border-radius: unset !important;
z-index: unset !important;
box-shadow: unset !important;
right: unset;
}
.navbar_nav .flex_menu_activate:not(.menu_default) .sub-menu .sub-menu li.menu-item a.nav_link {
text-transform: unset;
border-bottom: 0px;
}
.navbar_nav .flex_menu_activate:not(.menu_default).dropdwon_right > .sub-menu {
left: unset;
right: 0px;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_three_column.menu_fullwidth, .navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column.menu_fullwidth, .navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column.menu_fullwidth, .navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column.menu_fullwidth, .navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column.menu_fullwidth, .navbar_nav .flex_menu_activate:not(.menu_default).menu_two_column.menu_fullwidth {
position: relative !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_three_column.menu_fullwidth > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column.menu_fullwidth > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column.menu_fullwidth > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column.menu_fullwidth > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column.menu_fullwidth > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_two_column.menu_fullwidth > .sub-menu {
justify-content: center;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column.menu_alignleft, .navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column.menu_alignright, .navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column.menu_alignleft, .navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column.menu_alignright, .navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column.menu_alignleft, .navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column.menu_alignright, .navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column.menu_alignleft, .navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column.menu_alignright {
position: static !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column.menu_alignleft > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column.menu_alignright > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column.menu_alignleft > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column.menu_alignright > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column.menu_alignleft > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column.menu_alignright > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column.menu_alignleft > .sub-menu, .navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column.menu_alignright > .sub-menu {
left: 0% !important;
right: 0 !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_two_column {
position: relative !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_two_column > .sub-menu > li {
width: 43% !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_two_column.menu_alignleft:not(menu_fullwidth) > .sub-menu {
min-width: 600px;
left: calc(0% - 150px);
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_two_column.menu_alignright:not(menu_fullwidth) > .sub-menu {
min-width: 600px;
left: unset !important;
right: calc(0% - 150px);
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_three_column {
position: relative !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_three_column > .sub-menu > li {
width: 30.33% !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_three_column.menu_alignleft:not(menu_fullwidth) > .sub-menu {
min-width: 800px;
left: calc(0% - 150px);
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_three_column.menu_alignright:not(menu_fullwidth) > .sub-menu {
min-width: 800px;
left: unset !important;
right: calc(0% - 150px);
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column {
position: static !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_four_column > .sub-menu > li {
width: 22% !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column {
position: static !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_five_column > .sub-menu > li {
width: 20% !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column {
position: static !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_six_column > .sub-menu > li {
width: 16.666% !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column {
position: static !important;
}
.navbar_nav .flex_menu_activate:not(.menu_default).menu_seven_column > .sub-menu > li {
width: 14.2857% !important;
}
}
@media (min-width: 1200px) {
html body .page_wapper .header_area .menu_area .navbar_nav .menu-item.desk_none > a {
display: none !important;
}
}
@media (max-width: 1200px) {
html body .navbar_nav .menu-item.mob_none > a {
display: none !important;
}
}
.sticky_header_area {
position: fixed;
left: 0;
z-index: 998;
width: 100%;
top: -200px;
opacity: 0;
transition: 0.6s top, 0.6s opacity;
background: var(--background-white);
}
.sticky_header_area.fixed-header {
top: 0;
opacity: 1;
z-index: 99901;
visibility: visible !important;
}
@media (max-width: 1200px) {
.mobile_menu_box .navbar_nav {
display: block !important;
}
}
.mobile_menu_box {
position: fixed;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: auto;
width: 95%;
height: 90vh;
padding-right: 30px;
max-width: 100%;
opacity: 0;
visibility: hidden;
z-index: 99999999;
transition: all 900ms ease;
border-radius: 10px;
overflow: hidden;
}
.mobile_menu_box .close-btn {
position: relative;
margin-bottom: 15px;
}
.mobile_menu_box .close-btn i.close {
display: inline-block;
cursor: pointer;
width: 40px;
height: 40px;
text-align: center;
font-size: 22px;
color: var(--color-white);
background: var(--color-set-one-2);
border-radius: 40px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.mobile_menu_box .close-btn i.close::before {
line-height: 40px;
}
.mobile_menu_box .close-btn i.close:hover {
background: var(--color-set-one-1);
}
.mobile_menu_box .menu-backdrop {
position: fixed;
left: 0%;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 900ms ease;
background-color: var(--color-set-one-2);
}
.mobile_menu_box .menu-box {
position: absolute;
padding: 20px;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: var(--background-white);
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
transform: translateX(100%);
transition: all 900ms ease !important;
}
.mobile_menu_box .menu-box .navigation_menu > ul.navbar_nav li.menu-item {
position: relative;
}
.mobile_menu_box .menu-box .navigation_menu > ul.navbar_nav li.menu-item span.dropdown-btn {
position: absolute;
z-index: 999;
width: 40px;
top: 6px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 6px;
background: var(--background-bg-1);
}
.mobile_menu_box .menu-box .navigation_menu > ul.navbar_nav li.menu-item a.nav_link {
color: var(--menu-color);
font-size: 24px;
line-height: normal;
padding: 16px 0;
border-bottom: 1px solid var(--color-set-one-bor-1);
display: flex;
justify-content: space-between;
}
.mobile_menu_box .menu-box .navigation_menu > ul.navbar_nav li.menu-item a.nav_link .dropdown-btn {
display: none;
}
.mobile_menu_box .menu-box .navigation_menu > ul.navbar_nav li.menu-item ul.sub-menu li.menu-item a.nav_link {
font-size: 20px;
}
.mobile_menu_box .menu-box .navigation_menu > ul.navbar_nav > li.menu-item:last-child a.nav_link {
border-bottom-color: transparent;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link {
font-size: 14px;
padding: 10px 0;
color: var(--dmenu-color);
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link:hover {
color: var(--dmenu-color-active);
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link .img-link {
margin-right: 8px;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link .img-link img {
display: block;
width: 30px;
height: auto;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_two {
display: block !important;
border-radius: 6px !important;
border: 1px solid var(--color-set-one-bor-1);
text-align: center;
padding: 10px 10px 7px;
margin-bottom: 1rem;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_two .img-link {
margin-right: unset;
margin-bottom: 16px;
display: block;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_two .img-link img {
display: block;
width: 100%;
height: auto;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three {
display: block !important;
padding: 0px;
margin-bottom: 1rem;
background: unset !important;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three:hover {
background: unset;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three .img-link {
margin-right: unset;
margin-bottom: 10px;
display: block;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three .img-link img {
display: block;
border-radius: 10px;
width: 100%;
height: auto;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three .text-link {
position: relative;
padding: 10px 0px 0px;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three .text-link .box_menu {
display: block;
font-family: var(--font-family-main);
font-size: 14px;
line-height: 1.2rem;
color: var(--heading-color-one);
text-align: left;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 0.5rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item a.nav_link.menu_img_style_three .text-link .box_menu:hover {
color: var(--color-set-one-2);
}
.mobile_menu_box .menu-box .navigation_menu li.menu-item:first-child {
margin-top: 1rem;
}
.mobile_menu_box-visible .menu-backdrop {
opacity: 0.7;
visibility: visible;
right: 100%;
transition: all 0.8s ease-out 0s;
-o-transition: all 0.8s ease-out 0s;
}
.mobile_menu_box-visible .mobile_menu_box {
opacity: 1;
visibility: visible;
}
.mobile_menu_box-visible .mobile_menu_box .menu-box {
opacity: 1;
visibility: visible;
transition: all 0.7s ease;
transform: translateX(0%);
}
.search_sidebar {
position: fixed;
right: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
border-radius: 0px;
transform: translateX(100%);
transition: all 900ms ease !important;
}
.search_sidebar .search_sidebar_inner {
position: absolute;
padding: 20px;
overflow-y: auto;
right: 50px;
top: 0;
width: 100%;
height: 100%;
max-height: 100%;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
background: var(--background-white);
z-index: 999;
height: 75%;
margin: auto;
bottom: 0;
border-radius: 10px;
}
.search_sidebar .close-btn {
display: none;
position: relative;
margin-bottom: 15px;
}
.search_sidebar .close-btn i.close {
display: inline-block;
cursor: pointer;
width: 40px;
height: 40px;
text-align: center;
font-size: 22px;
color: var(--color-white);
background: var(--color-set-one-2);
border-radius: 40px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.search_sidebar .close-btn i.close::before {
line-height: 40px;
}
.search_sidebar .close-btn i.close:hover {
background: var(--color-set-one-1);
}
.search_sidebar .menu-backdrop {
position: fixed;
left: 0%;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 900ms ease;
background-color: var(--color-set-one-2);
opacity: 0.5;
}
.error404 .lawnshaper_search-results, .search_sidebar .lawnshaper_search-results {
position: relative;
background: var(--background-bg-1);
border-radius: 10px;
}
.error404 .lawnshaper_search-results .no_result, .search_sidebar .lawnshaper_search-results .no_result {
box-shadow: unset;
padding: 10px;
background: unset;
}
.error404 .lawnshaper_search-results .cardNews, .search_sidebar .lawnshaper_search-results .cardNews {
flex-direction: column;
text-align: center;
}
.error404 .lawnshaper_search-results .image-box, .search_sidebar .lawnshaper_search-results .image-box {
margin-bottom: 1.6rem !important;
display: block;
width: 100% !important;
min-width: unset !important;
}
.error404 .lawnshaper_search-results .image-box img, .search_sidebar .lawnshaper_search-results .image-box img {
transform: unset !important;
margin: auto !important;
}
.error404 .lawnshaper_search-results .cartbtns, .search_sidebar .lawnshaper_search-results .cartbtns {
margin-top: 1rem;
}
.error404 .lawnshaper_search-results .cartbtns a, .search_sidebar .lawnshaper_search-results .cartbtns a {
margin-top: 1rem !important;
}
.error404 .lawnshaper_search-results .cartbtns a span, .search_sidebar .lawnshaper_search-results .cartbtns a span {
font-size: 15px !important;
}
.error404 .lawnshaper_search-results .search_inner_box > ul, .search_sidebar .lawnshaper_search-results .search_inner_box > ul {
max-height: unset;
box-shadow: unset;
background: unset;
}
@media (max-width: 1024px) {
.search_sidebar .search_sidebar_inner {
height: 65%;
width: 95% !important;
left: 0;
right: 0 !important;
}
.error404 .lawnshaper_search-results .search_inner_box > ul, .search_sidebar .lawnshaper_search-results .search_inner_box > ul {
padding: 10px !important;
}
.mini-cart-sidebar {
width: 90% !important;
}
.box_cart .widget_shopping_cart_content .bottom_content .woocommerce-mini-cart__buttons .button {
font-size: 15px !important;
}
}
.list-view:not(.product) .image-box {
overflow: hidden;
}
.list-view:not(.product) .image-box img {
width: 100%;
height: 200px !important;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.list-view:first-child {
margin-top: 0 !important;
}
.list-view:last-child {
margin-bottom: 0 !important;
border-bottom: unset;
}
.search_resulted_box {
flex-direction: column;
padding: 20px !important;
}
@media (min-width: 992px) {
.search_sidebar .search_sidebar_inner {
width: 40%;
}
.search_resulted_box {
flex-wrap: wrap;
flex-direction: row;
}
.search_resulted_box li {
min-width: 50%;
width: 50%;
padding: 10px;
}
}
.search_sidebar-visible {
opacity: 1;
visibility: visible;
transition: all 0.7s ease;
transform: translateX(0%);
}
.dropdown, .box-dropdown-cart, .box-dropdown-account {
position: relative;
}
.dropdown .dropdown-right, .box-dropdown-cart .dropdown-right, .box-dropdown-account .dropdown-right {
font-weight: 500;
color: var(--heading-color-one);
}
.dropdown .dropdown-menu, .dropdown .dropdown-account, .box-dropdown-cart .dropdown-menu, .box-dropdown-cart .dropdown-account, .box-dropdown-account .dropdown-menu, .box-dropdown-account .dropdown-account {
position: absolute;
left: 0px;
top: 100%;
margin-left: 0px;
background: var(--background-white);
min-width: 250px;
transform: scale(1, 0);
transform-origin: 0 0;
opacity: 0;
z-index: 99;
visibility: hidden;
transition: opacity 200ms ease, visibility 200ms ease, transform 400ms ease;
-webkit-transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 400ms ease;
-moz-transition: opacity 200ms ease, visibility 200ms ease, -moz-transform 400ms ease;
-o-transition: opacity 200ms ease, visibility 200ms ease, -o-transform 400ms ease;
box-shadow: 0px 12px 44px 0px rgba(0, 0, 0, 0.04);
justify-content: center;
border: 1px solid var(--color-set-one-bor-1);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.dropdown .dropdown-menu li, .dropdown .dropdown-account li, .box-dropdown-cart .dropdown-menu li, .box-dropdown-cart .dropdown-account li, .box-dropdown-account .dropdown-menu li, .box-dropdown-account .dropdown-account li {
list-style: none;
}
.dropdown .dropdown-menu li a, .dropdown .dropdown-account li a, .box-dropdown-cart .dropdown-menu li a, .box-dropdown-cart .dropdown-account li a, .box-dropdown-account .dropdown-menu li a, .box-dropdown-account .dropdown-account li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.dropdown .dropdown-menu li:last-child a, .dropdown .dropdown-account li:last-child a, .box-dropdown-cart .dropdown-menu li:last-child a, .box-dropdown-cart .dropdown-account li:last-child a, .box-dropdown-account .dropdown-menu li:last-child a, .box-dropdown-account .dropdown-account li:last-child a {
border-bottom: unset;
}
.dropdown.right .dropdown-menu, .dropdown.right .dropdown-account, .box-dropdown-cart.right .dropdown-menu, .box-dropdown-cart.right .dropdown-account, .box-dropdown-account.right .dropdown-menu, .box-dropdown-account.right .dropdown-account {
left: unset;
right: 0;
}
.dropdown:hover .dropdown-menu, .dropdown:hover .dropdown-account, .box-dropdown-cart:hover .dropdown-menu, .box-dropdown-cart:hover .dropdown-account, .box-dropdown-account:hover .dropdown-menu, .box-dropdown-account:hover .dropdown-account {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.dropdown-language .dropdown-menu {
min-width: 70px;
}
.dropdown-language .dropdown-menu li {
padding: 0px;
list-style: none;
margin: 0px;
}
.dropdown-language .dropdown-menu li a {
font-size: 14px;
line-height: normal;
font-weight: 500;
color: var(--heading-color-one);
}
.box-dropdown-account .dropdown-account {
min-width: 190px !important;
}
.box-dropdown-account .dropdown-account li {
margin: 0;
padding: 0;
}
.box-dropdown-account .dropdown-account li a {
display: flex !important;
padding: 9px 10px;
align-items: center;
gap: 0.5rem;
font-size: 14px;
line-height: normal;
font-weight: 500;
color: var(--heading-color-one);
}
.box-dropdown-account .dropdown-account li a svg {
width: 18px;
height: auto;
}
.box-dropdown-account .dropdown-account li a svg path {
fill: var(--color-set-one-1);
}
.box-dropdown-account .dropdown-account li a i {
color: var(--color-set-one-1);
font-size: 20px;
}
.burger-icon {
display: none;
}
.topbar {
padding: 10px 0px;
display: inline-block;
width: 100%;
border-bottom: 1px solid var(--color-set-one-bor-1);
z-index: 1002;
position: relative;
background: var(--background-white);
}
.topbar .container {
max-width: 96%;
padding: 0;
}
.topbar .container .menu-topbar-left,
.topbar .container .menu-topbar-right,
.topbar .container .info-topbar {
width: 33.3%;
display: flex;
align-items: center;
}
.topbar .container .info-topbar {
justify-content: center;
}
.topbar .container .menu-topbar-right {
gap: 1rem;
}
.topbar .container .menu-topbar-right .language_shortcode .gt_float_switcher .gt_options {
left: unset;
right: 15px;
}
.lawnshaper_mini_cart_open {
position: relative;
display: flex;
align-items: center;
gap: 0.5rem;
}
.lawnshaper_mini_cart_open .icon_text {
display: flex;
align-items: center;
gap: 0.2rem;
}
.lawnshaper_mini_cart_open i {
font-size: 18px;
color: var(--heading-color-one);
}
.lawnshaper_mini_cart_open .font-sm-500 {
font-size: 14px;
}
.lawnshaper_mini_cart_open span.mini-cart-icon {
position: absolute;
padding: 2px;
width: 18px;
min-width: 18px;
height: 18px;
align-items: center;
justify-content: center;
border-radius: 50%;
display: flex;
background: var(--color-set-one-1);
color: var(--color-white);
font-size: 12px;
background: var(--color-set-one-1);
top: -13px;
left: unset;
}
.header-logo .btn-category {
display: none;
}
.sidebar-left {
position: absolute;
top: 0px;
background-color: var(--background-white);
left: 0px;
width: 50px;
height: 100%;
border-top: 1px solid var(--color-set-one-bor-1);
border-right: 1px solid var(--color-set-one-bor-1);
z-index: 1001;
padding-top: 0px;
padding-bottom: 25px;
}
.sidebar-left .btn-open {
background: unset;
border: unset;
padding: 10px;
position: relative;
width: 100%;
top: 0px;
left: 0px;
}
.menu-texts {
position: absolute;
display: block;
top: 62px;
padding: 0 !important;
left: 0px;
background-color: var(--background-white);
min-width: 320px;
border-top: 1px solid var(--color-set-one-bor-1);
border-right: 1px solid var(--color-set-one-bor-1);
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.menu-texts > li {
list-style: none;
display: none;
margin: 0px;
}
.menu-texts > li > a {
display: flex;
align-items: center;
padding: 0px 20px 0px 0px;
line-height: 50px;
font-size: 16px;
font-weight: bold;
color: var(--heading-color-one);
text-decoration: none;
position: relative;
}
.menu-texts > li > a .img-link {
height: 50px;
width: 50px;
display: flex;
border-right: 1px solid var(--color-set-one-bor-1);
text-align: center;
margin-right: 15px;
justify-content: center;
}
.menu-texts > li > a .img-link img {
width: 27px;
height: auto;
}
.menu-texts > li > a .text-link {
display: none;
}
.menu-texts > li.ecom_menu_image {
display: block;
}
.menu-texts > li.ecom_menu_image > a .text-link {
display: block;
}
.menu-texts > li.menu-item-has-children > a {
padding: 0px 30px 0px 0px;
}
.menu-texts > li:hover a .img-link, .menu-texts > li.active a .img-link {
position: relative;
}
.menu-texts > li:hover a .img-link::before, .menu-texts > li.active a .img-link::before {
content: "";
height: 100%;
width: 2px;
background-color: var(--color-set-one-1);
position: absolute;
top: 0px;
right: 0px;
}
.menu-texts li {
list-style: none;
}
.menu-texts li a .dropdown-btn {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
font-size: 14px;
color: var(--menu-color);
transform: rotate(-90deg);
}
.menu-texts li.dropdown {
position: unset !important;
}
.menu-texts li .sub-menu {
display: none;
}
.menu-texts li .sub-menu li a .text-link {
display: block;
}
.menu-texts li .sub-menu li a .dropdown-btn {
right: 0;
}
.menu-texts li .sub-menu li a .dropdown-btn {
display: block;
}
.menu-texts li:hover .sub-menu {
display: block;
position: absolute;
top: -1px;
left: 100%;
min-width: 250px;
height: auto;
background-color: var(--background-white);
border-top: 1px solid var(--color-set-one-bor-1);
border-left: 1px solid var(--color-set-one-bor-1);
border-right: 1px solid var(--color-set-one-bor-1);
border-bottom: 1px solid var(--color-set-one-bor-1);
padding-top: 8px;
padding-bottom: 10px;
min-height: 101%;
}
.menu-texts.menu-close {
min-width: auto;
background: transparent;
border: 0;
}
.menu-texts.menu-close li a {
padding: 0px 0px 0px 0px;
}
.menu-texts.menu-close li a .text-link, .menu-texts.menu-close li a .dropdown-btn {
display: none;
}
.menu-texts.menu-close li a .img-link {
margin-right: 0px;
}
.header_contact {
gap: 0.7rem;
position: relative;
}
.header_contact .icons i, .header_contact .icons span {
font-size: 20px;
color: var(--color-set-one-1);
}
.header_contact .icons img {
width: 20px;
height: auto;
}
.header_contact .icons svg {
width: 20px;
height: auto;
}
.header_contact .icons svg path {
color: var(--color-set-one-1);
}
.header_contact.type_one .icons {
width: 50px;
height: 50px;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
background: var(--background-bg-1);
border: 1px solid var(--background-bg-1);
border-radius: 10px;
}
.header_contact.type_one .icons i, .header_contact.type_one .icons span {
font-size: 28px;
}
.header_contact.type_one .icons img {
width: 28px;
}
.header_contact.type_one .icons svg {
width: 28px;
}
.header_contact .content {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.header_contact .content d a {
display: block;
color: var(--color-set-one-1);
}
.header_contact .content p {
margin: 0;
}
.header_contact.type_two .icons {
display: flex;
}
.header_contact.type_two .font-16 {
font-family: var(--font-family-text);
font-weight: normal;
}
.header_contact.type_two .text-16 {
font-family: var(--font-family-main);
font-weight: 600;
}
.elementor-editor-active .language_shortcode .gtranslate_wrapper {
width: 57px;
height: 20px;
background: var(--color-set-one-2);
}
.luxsearch .enableluxsearch {
display: flex;
gap: 0.5rem;
align-items: center;
color: var(--color-set-one-3);
}
.luxsearch i {
font-size: 21px;
color: var(--heading-color-one);
display: flex;
}
.cart_box {
position: relative;
cursor: pointer;
}
.cart_box .mini-cart-icon {
display: flex;
align-items: center;
gap: 0.3rem;
font-size: 22px;
}
.cart_box .mini-cart-icon .pro-count {
padding: 2px;
width: 18px;
min-width: 18px;
height: 18px;
align-items: center;
justify-content: center;
border-radius: 50%;
display: flex;
background: var(--color-set-one-1);
color: var(--color-white);
font-size: 12px;
}
.cart_box .widget_shopping_carts {
position: absolute;
left: -100px;
top: 100%;
z-index: 99;
transform: scale(1, 0);
transform-origin: 0 0;
opacity: 0;
visibility: hidden;
transition: opacity 200ms ease, visibility 200ms ease, transform 400ms ease;
-webkit-transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 400ms ease;
-moz-transition: opacity 200ms ease, visibility 200ms ease, -moz-transform 400ms ease;
-o-transition: opacity 200ms ease, visibility 200ms ease, -o-transform 400ms ease;
}
.cart_box .widget_shopping_carts .widget_shopping_cart_content {
background: var(--background-white);
padding: 20px 0px 0 0px;
max-width: 300px;
min-width: 400px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
}
.cart_box .widget_shopping_carts .widget_shopping_cart_content .woocommerce-mini-cart {
padding: 0px 20px;
}
.cart_box .widget_shopping_carts .widget_shopping_cart_content.not_empty_cart {
height: 400px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.cart_box:hover .widget_shopping_carts {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.cart_box .woocommerce-mini-cart__empty-message {
padding: 20px;
}
.cart_box .bottom_content {
padding: 20px 20px;
border-top: 1px solid var(--color-set-one-bor-1);
}
.cart_box .bottom_content .woocommerce-mini-cart__buttons {
display: flex;
}
.cart_box .bottom_content .woocommerce-mini-cart__buttons a {
width: 50%;
min-width: 50%;
background: var(--color-set-one-1);
padding: 10px 10px;
display: block;
text-align: center;
color: var(--color-white);
}
.cart_box .bottom_content .woocommerce-mini-cart__buttons a:last-child {
background: var(--color-set-one-2);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.cart_box .bottom_content .woocommerce-mini-cart__buttons a:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.cart_box .woocommerce-mini-cart {
padding: 0px 20px 20px;
}
.cart_box .woocommerce-mini-cart .woocommerce-mini-cart-item {
display: flex;
gap: 1rem;
background: var(--background-bg-3);
border-radius: 10px;
padding: 10px;
align-items: center;
}
.cart_box .woocommerce-mini-cart .woocommerce-mini-cart-item .image {
min-width: 80px;
width: 80px;
}
.cart_box .woocommerce-mini-cart .woocommerce-mini-cart-item .content {
padding-right: 50px;
}
.cart_box .woocommerce-mini-cart .woocommerce-mini-cart-item .content .remove_from_cart_button {
position: absolute;
width: 30px;
height: 30px;
border-radius: 30px;
border: 2px solid var(--color-set-one-bor-1);
color: var(--color-set-one-1);
font-size: 18px;
font-weight: 500;
text-align: center;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
}
.cart_box .woocommerce-mini-cart .woocommerce-mini-cart-item .content a {
display: block;
}
.mega_menu .sub-menu {
right: 0;
padding: 0 !important;
box-shadow: unset !important;
background: unset !important;
border: unset !important;
}
.mega_menu > .sub-menu > li {
margin: 0 !important;
}
.navbar_nav .sub-menu .box_menu {
display: flex;
gap: 1rem;
}
.navbar_nav .sub-menu .count-hot-beg {
top: unset !important;
position: relative !important;
}
.navbar_nav .sub-menu .count-hot-beg small {
display: none !important;
}
.wc-block-active-filters .wc-block-active-filters__list-item-remove {
background: var(--color-set-one-1) !important;
}
.widgets_grid_box {
position: relative;
padding: 25px 20px 20px;
border-radius: 6px;
margin-bottom: 1.5rem;
border: 1px solid var(--color-set-one-bor-1);
}
.widgets_grid_box .wp-block-heading, .widgets_grid_box .widget_title, .widgets_grid_box .widget-title {
font-family: var(--font-family-main);
font-size: 22px;
line-height: 28px;
font-weight: 600;
color: var(--heading-color-one);
}
.widgets_grid_box ul li {
margin-bottom: 0.8rem;
}
.widgets_grid_box ul li * {
font-family: var(--font-family-text);
}
.widgets_grid_box ul li a:not(.font-18), .widgets_grid_box ul li span {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--content-color-one);
font-family: var(--font-family-text);
}
.widgets_grid_box .wp-block-page-list li a {
margin-bottom: 0.8rem;
display: block;
}
.widgets_grid_box ul {
padding-left: 0px !important;
}
.widget_block .wp-block-archives, .widget_block .wp-block-categories, .widget_block .wc-block-product-categories-list {
padding-left: 20px !important;
}
.breadcrumbs-div {
position: relative;
background: var(--background-bgd-1);
overflow: hidden;
display: flex;
flex-direction: column;
}
.breadcrumbs-div .bakground_cover {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.breadcrumbs-div .bakground_cover::before {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
background: var(--background-bgd-1);
opacity: 0.7;
}
.breadcrumbs-div .inner_bx {
position: relative;
padding: 100px 0 100px;
z-index: 4;
}
.breadcrumbs-div .inner_bx .page_title {
font-family: var(--font-family-main);
font-weight: 600;
font-size: 60px;
line-height: 70px;
color: var(--color-white);
text-transform: capitalize;
padding: 10px 0px;
word-break: break-all;
}
.breadcrumbs-div .inner_bx ul.breadcrumb {
margin: 0;
padding: 10px 0 0;
gap: 1.7rem;
}
.breadcrumbs-div .inner_bx ul.breadcrumb li {
list-style: none;
margin: 0px;
position: relative;
}
.breadcrumbs-div .inner_bx ul.breadcrumb li::before {
position: absolute;
content: "\f127";
font-family: "Trimprim-icons";
font-size: 10px;
top: 0;
right: -18px;
}
.breadcrumbs-div .inner_bx ul.breadcrumb li:last-child::before {
display: none;
}
.breadcrumbs-div .inner_bx ul.breadcrumb li, .breadcrumbs-div .inner_bx ul.breadcrumb li a {
color: var(--color-white);
}
.breadcrumbs-div .inner_bx.text_center {
text-align: center;
}
.breadcrumbs-div .inner_bx.text_center .breadcrumb {
justify-content: center;
}
.breadcrumbs-div .inner_bx.text_end {
text-align: right;
}
.breadcrumbs-div .inner_bx.text_end .breadcrumb {
justify-content: flex-end;
}
.breadcrumbs-only {
background: var(--background-white);
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.breadcrumbs-only ul.breadcrumb {
margin: 0;
padding: 20px 0;
gap: 1.7rem;
}
.breadcrumbs-only ul.breadcrumb li {
list-style: none;
margin: 0px;
position: relative;
}
.breadcrumbs-only ul.breadcrumb li::before {
position: absolute;
content: "\f127";
font-family: "Trimprim-icons";
font-size: 10px;
top: 0;
right: -18px;
}
.breadcrumbs-only ul.breadcrumb li:last-child::before {
display: none;
}
.breadcrumbs-only ul.breadcrumb li, .breadcrumbs-only ul.breadcrumb li a {
color: var(--heading-color-one);
}
@media (max-width: 768px) {
.breadcrumbs-div {
text-align: center;
}
.breadcrumbs-div .inner_bx ul.breadcrumb {
justify-content: center;
}
.breadcrumbs-div .inner_bx {
padding: 70px 0;
}
.breadcrumbs-div .inner_bx .page_title {
font-size: 28px;
line-height: 38px;
}
.breadcrumbs-div .inner_bx ul.breadcrumb {
flex-wrap: wrap;
gap: 0.2rem 2rem;
}
}
.archive.author .author-details {
padding: 20px;
background: var(--background-bg-1);
border-radius: 10px;
}
.archive.author .author-details .author-image {
gap: 1rem;
}
.archive.author .author-details .author-image img {
width: 60px;
min-width: 60px;
border-radius: 60px;
-o-object-fit: fit;
object-fit: fit;
-o-object-position: center;
object-position: center;
height: 60px;
}
@media (min-width: 992px) {
.archive.author .author-posts {
display: flex;
flex-wrap: wrap;
}
.archive.author .author-posts > .post {
min-width: 50%;
width: 50%;
padding: 0px 15px;
}
}
.cardNews {
position: relative;
margin-bottom: 2.5rem;
}
.cardNews.style_one {
gap: 1.5rem;
flex-direction: column;
}
.cardNews.style_one .image-box {
position: relative;
margin-bottom: 1.5rem;
overflow: unset !important;
}
.cardNews.style_one .image-box a.imgbx {
position: relative;
display: block;
overflow: hidden;
border-radius: 10px;
}
.cardNews.style_one .image-box a.imgbx:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background: var(--background-bgd-1);
opacity: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.cardNews.style_one .image-box .meta {
align-items: flex-end;
position: absolute;
left: 0;
bottom: -20px;
z-index: 9;
}
.cardNews.style_one .image-box .meta * {
font-family: var(--font-family-main);
font-weight: 600;
color: var(--heading-color-one);
}
.cardNews.style_one .image-box .meta .date_differnet {
background: var(--background-bg-1);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px;
text-align: center;
}
.cardNews.style_one .image-box .meta .date_differnet .big {
line-height: 24px;
font-size: 24px;
}
.cardNews.style_one .image-box .meta .date_differnet .font-14 {
display: block;
}
.cardNews.style_one .image-box .meta .category_btn {
background: var(--color-set-one-2);
color: var(--color-white);
padding: 7px 14px;
border-bottom-right-radius: 10px;
}
.cardNews.style_one .cardInfo .font-20 {
display: block;
color: var(--content-color-one);
cursor: pointer;
}
.cardNews.style_one .cardInfo .font-20 div {
line-height: normal;
}
.cardNews.style_one .cardInfo .font-20:hover {
color: var(--color-set-one-2);
}
.cardNews.style_one .cardInfo .des_cription {
color: var(--content-color-one);
}
.cardNews.style_one:hover img {
transform: scale(1.1);
}
.cardNews.style_one:hover .image-box a.imgbx:before {
opacity: 0.9;
}
.cardNews.style_one:hover .image-box .meta .category_btn {
background: var(--color-set-one-1);
}
.cardNews.style_two .image-box {
position: relative;
}
.cardNews.style_two .meta {
padding: 20px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
gap: 1.7rem;
}
.cardNews.style_two .meta .meta_authour {
position: relative;
}
.cardNews.style_two .meta .meta_authour::before {
position: absolute;
content: "";
width: 1px;
height: 24px;
background: var(--color-set-one-bor-1);
right: -13px;
top: 0;
bottom: 0;
margin: auto;
}
.cardNews.style_two .meta small {
margin: 0;
}
.cardNews.style_two .meta small a {
display: flex;
align-items: center;
}
.cardNews.style_two .meta small a i {
margin-right: 7px;
position: relative;
}
.cardNews.style_two .meta small a::before {
top: 0;
}
.cardNews.style_two .date_differnet {
position: absolute;
top: 20px;
z-index: 12;
right: 20px;
background: var(--background-white);
border-radius: 10px;
padding: 10px;
min-width: 70px;
max-width: 70px;
min-height: 70px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.cardNews.style_two .date_differnet span.big {
font-weight: 600;
font-size: 20px;
line-height: normal;
}
.cardNews.style_two .imgbx {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.cardNews.style_two .imgbx img {
height: 430px;
}
.cardNews.style_two .imgbx::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: var(--color-set-one-2);
opacity: 0;
z-index: 9;
transform: translateY(100%);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.cardNews.style_two .catbox {
padding: 0px 20px;
}
.cardNews.style_two .category_btn {
padding: 10px 20px;
background: var(--color-set-one-1);
color: var(--color-white);
border-top-left-radius: 10px;
line-height: normal;
font-weight: 600;
text-transform: uppercase;
display: inline-flex;
font-size: 14px;
border-top-right-radius: 10px;
}
.cardNews.style_two .cardInfo {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.cardNews.style_two .cardInfo .all_unset {
padding: 20px;
position: absolute;
z-index: 10;
left: 0;
bottom: 0;
transform: translateY(0px);
overflow: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.cardNews.style_two .cardInfo .all_unset a {
color: var(--color-white);
position: relative;
z-index: 11;
}
.cardNews.style_two .cardInfo .all_unset::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: var(--color-set-one-2);
opacity: 0.9;
z-index: 9;
}
.cardNews.style_two .cardInfo .desbtn {
padding: 20px;
transform: translateY(400px);
position: absolute;
z-index: 10;
left: 0;
opacity: 0;
bottom: 0;
}
.cardNews.style_two .cardInfo .desbtn p {
color: var(--color-white);
}
.cardNews.style_two .cardInfo .desbtn p, .cardNews.style_two .cardInfo .desbtn a.theme_btn {
position: relative;
z-index: 11;
}
.cardNews.style_two .cardInfo .desbtn a.theme_btn {
background: var(--background-white);
color: var(--heading-color-one);
border-color: var(--background-white);
}
.cardNews.style_two:hover .cardInfo .all_unset {
opacity: 0;
transform: translateY(40px);
}
.cardNews.style_two:hover .cardInfo .desbtn {
height: auto;
opacity: 1;
transform: translateY(0px);
}
.cardNews.style_two:hover .imgbx::before {
opacity: 0.9;
transform: translateY(0);
}
.cardNews.style_three {
padding: 15px;
background: var(--background-white);
border-radius: 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
gap: 1rem;
}
.cardNews.style_three .image-box {
min-width: 35%;
width: 35%;
}
.cardNews.style_three .image-box img {
border-radius: 10px;
width: 100%;
height: auto;
}
.cardNews.style_three .category_btn {
padding: 8px 18px;
background: var(--color-set-one-1);
color: var(--color-white);
border-top-left-radius: 10px;
line-height: normal;
font-weight: 600;
text-transform: uppercase;
display: inline-flex;
font-size: 14px;
border-radius: 10px;
}
.cardNews.style_four {
padding: 20px;
background: var(--background-bg-2);
border-radius: 10px;
}
.cardNews.style_four .image-box {
position: relative;
margin-bottom: 1.8rem;
}
.cardNews.style_four .image-box img {
width: 100%;
height: auto;
border-radius: 10px;
}
.cardNews.style_four .meta {
gap: 1rem;
}
.cardNews.style_four .category_btn {
position: absolute;
z-index: 9;
bottom: 10px;
right: 10px;
background: var(--background-white);
padding: 4px 22px;
border-radius: 50px;
display: inline-block;
color: var(--heading-color-one);
}
.cardNews:hover .imgbx img, .cardNews:hover .image-box img {
transform: scale(1.1);
}
.meta_comments {
position: relative;
margin-bottom: 1rem;
display: block;
gap: 0.4rem;
}
.meta_comments * {
font-size: 16px;
line-height: 24px;
display: block;
color: var(--content-color-one);
font-family: var(--font-family-main);
font-weight: 500;
}
.meta_comments *::before {
top: 3px;
padding-right: 6px;
position: relative;
content: "\ea11";
font-family: "Trimprim-icons" !important;
font-size: 16px;
color: var(--color-set-one-1);
}
.meta_date {
position: relative;
margin-bottom: 1rem;
display: block;
gap: 0.4rem;
}
.meta_date * {
font-size: 16px;
line-height: 24px;
display: block;
color: var(--content-color-one);
font-family: var(--font-family-main);
font-weight: 500;
}
.meta_date i {
color: var(--color-set-one-1);
}
.meta_authour {
position: relative;
margin-bottom: 1rem;
display: block;
gap: 0.4rem;
}
.meta_authour i {
color: var(--color-set-one-1);
}
.tag-sticky-2 .cardNews, .sticky .cardNews, .type-post.col-xs-12.tag-sticky-2 .cardNews {
border-radius: 10px;
padding: 20px;
background: var(--background-bg-1);
}
.tag-sticky-2 .cardNews .image-box .meta, .sticky .cardNews .image-box .meta, .type-post.col-xs-12.tag-sticky-2 .cardNews .image-box .meta {
bottom: -18px;
}
.version_white .cardNews .cardInfo .meta a, .version_white .cardNews .cardInfo .meta span, .version_white .cardNews .cardInfo .font-20, .version_white .cardNews .cardInfo .des_cription {
color: var(--color-white);
}
.version_white .cardNews .btn-arrow-up {
border-color: var(--background-white);
}
.version_white .cardNews .btn-arrow-up svg {
color: var(--color-white);
}
body .news_recent {
position: relative;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
}
body .news_recent .image {
position: relative;
min-width: 90px;
}
body .news_recent .image::before {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(var(--color-set-one-1-rgba), 0.6);
z-index: 8;
opacity: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
body .news_recent:hover .image::before {
opacity: 1;
}
body .news_recent img {
width: 90px;
height: 90px;
min-width: 90px;
border-radius: 12px;
}
body .news_recent .content a.cat_gry, body .news_recent .content .date {
font-family: var(--font-family-main);
font-size: 14px;
line-height: normal;
color: var(--heading-color-one);
text-decoration: unset;
display: block;
margin: 0 0 8px;
}
body .news_recent .content a.cat_gry i, body .news_recent .content .date i {
margin-right: 5px;
}
body .news_recent:last-child {
margin-bottom: 0px;
}
.version_white .news_recent .content a.cat_gry, .version_white .news_recent .content .date {
color: var(--color-white);
}
.version_white .news_recent .content .font-18 {
color: var(--color-white);
}
@media (min-width: 768px) {
.list-view {
list-style: none;
margin: 0;
padding: 0;
}
.list-view .cardNews {
flex-direction: row;
align-items: center;
gap: 2rem;
}
.list-view .cardNews .image-box {
width: 40%;
min-width: 40%;
margin: unset;
margin-bottom: 1.5rem;
}
.list-view .cardNews .image-box img {
height: 300px;
}
}
.single_feature_image {
position: relative;
}
.single_feature_image .meta {
align-items: flex-end;
position: absolute;
left: 0;
bottom: 0px;
z-index: 9;
display: inline-flex !important;
}
.single_feature_image .meta * {
font-family: var(--font-family-main);
font-weight: 600;
color: var(--heading-color-one);
}
.single_feature_image .meta .date_differnet {
background: var(--background-bg-1);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px;
text-align: center;
}
.single_feature_image .meta .date_differnet .big {
line-height: 24px;
font-size: 24px;
}
.single_feature_image .meta .date_differnet .font-14 {
display: block;
}
.single_feature_image .meta .category_btn {
background: var(--color-set-one-2);
color: var(--color-white);
padding: 7px 14px;
border-bottom-right-radius: 10px;
}
.cardNews .all_unset a {
word-break: break-all;
}
.sec_comments {
position: relative;
}
.sec_comments .comment-reply-title {
font-size: 34px;
line-height: 44px;
}
.sec_comments .comment-respond form .custom-checkbox label {
display: inline-block;
margin-left: 0px;
width: unset;
}
.sec_comments .comment-respond form input[type=text], .sec_comments .comment-respond form input[type=text], .sec_comments .comment-respond form textarea {
border: 1px solid var(--color-set-one-bor-1);
background-color: var(--background-white);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.sec_comments .comment-respond form input[type=text]:hover, .sec_comments .comment-respond form input[type=text]:hover, .sec_comments .comment-respond form textarea:hover {
border-color: var(--color-set-one-1);
background-color: var(--background-white);
}
.comment_box.comments-area {
position: relative;
padding-top: 30px;
border-top: 1px solid var(--color-set-one-bg-2);
}
.comment-form h3 {
margin-bottom: 20px;
}
.comment-form .comment-form {
padding-top: 0px;
margin-bottom: 0px;
}
.comment-form .comment-form label {
margin-bottom: 10px;
display: block;
}
.comment_box li .font-heading {
font-size: 18px;
line-height: 26px;
font-weight: 700;
display: block;
color: var(--heading-color-one);
}
.comment_box .comment-list {
padding-left: 0px;
}
.comment_box .comment-list li {
list-style: none;
}
.comment_box .comment-list .comment {
margin-bottom: 25px;
}
.comment_box .comment-list .comment-list {
padding-bottom: 0px;
}
.comment_box .comment-list .comment-list .comment-list {
padding-bottom: 0px;
}
.comment_box .comment-list .children li {
padding-top: 25px;
margin: 0px;
}
.comment_box .comment-list .children .odd {
padding-left: 20px;
}
.comment_box .comment-list .comment-respond {
padding: 30px 0px 0px;
margin-top: 30px;
}
#cancel-comment-reply-link {
padding-left: 8px;
color: var(--color-set-one-1);
}
.single-comment .user {
min-width: 100%;
}
.single-comment .user .thumb {
max-width: 80px;
min-width: 80px;
width: 80px;
margin-right: 0px;
position: absolute;
}
.single-comment .user .thumb img {
width: 60px;
height: 60px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 60px;
}
.single-comment .user .comment-text {
padding-left: 80px;
}
.single-comment .user .comment-text ul li, .single-comment .user .comment-text ol li {
list-style: decimal;
}
.single-comment .user .comment-text .desc ul {
padding-left: 0px;
}
.single-comment .user .comment-text .desc ul li {
list-style: none;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.single-comment .user .comment-text .desc ul li:last-child {
float: right;
}
.single-comment .user .comment-text .desc ul li.datesss {
font-size: 16px;
}
.single-comment .user .comment-text .desc ul li.datesss i {
font-size: 16px;
top: 2px;
position: relative;
margin-right: 5px;
color: var(--color-set-one-1);
}
.single-comment .user .comment-text .desc ul li:first-child {
max-width: 65%;
}
.single-comment .user .comment-text .inner_text_ul {
margin-bottom: 10px;
}
.single-comment .user .comment-text .inner_text_ul li {
margin: 0px !important;
padding: 0px !important;
}
.single-comment .user .comment-text a.font-heading {
font-size: 18px;
line-height: 26px;
}
.single-comment .user .comment-text .reply {
opacity: 1;
}
.single-comment .user .comment-text .reply a {
display: inline-block;
margin-right: 10px;
font-size: 15px;
color: var(--heading-color-one);
}
.trackback, .pingback {
margin-bottom: 25px;
}
.trackback .single-comment .comment-text, .pingback .single-comment .comment-text {
padding-left: 0px;
}
.children .comment-respond {
padding: 20px 0px 0px;
}
.children .comment-respond .comment-reply-title small {
padding-left: 10px;
}
.children .comment-respond .comment-reply-title small a {
color: var(--color-set-one-1);
}
.children .comment-respond .comment-reply-title small a:hover {
color: var(--color-set-one-2);
}
.blog_single_details_outer {
position: relative;
}
.only_share {
padding: 20px 0;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.single_content_upper {
padding: 0;
}
.single_content_upper .comment-form {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: -moz-flex !important;
display: flex !important;
flex-wrap: wrap;
}
.single_content_upper .comment-form .comment-form-comment {
flex: 0 0 auto;
width: 100%;
}
.single_content_upper .comment-form .comment-form-author {
padding-right: 10px;
}
.single_content_upper .comment-form .comment-form-email {
padding-left: 10px;
}
.single_feature_image {
position: relative;
margin-bottom: 2.2rem;
}
.single_feature_image img {
height: auto;
border-radius: 6px;
}
.category_showcase {
position: relative;
margin-bottom: 1.5rem;
}
.category_showcase a {
padding: 6px 20px;
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
}
.category_showcase a:hover {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
}
.post_single_content {
padding-bottom: 30px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.tags_and_cat {
position: relative;
}
.tags_and_cat.yes_tags, .tags_and_cat.yes_cate {
padding: 10px 0px 10px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.tags_and_cat .d-flex {
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.tags_and_cat .d-flex .d-flex {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: unset;
margin-bottom: 15px;
margin-top: 15px;
gap: 10px;
}
.tags_and_cat .d-flex .d-flex .title {
font-size: 18px;
line-height: normal;
font-weight: 700;
text-transform: capitalize;
color: var(--heading-color-one);
font-family: var(--font-family-main);
margin-bottom: 8px !important;
margin-top: 8px !important;
padding-right: 8px;
}
.tags_and_cat .d-flex .d-flex .tags,
.tags_and_cat .d-flex .d-flex .cats {
display: inline-block;
padding: 4px 16px;
border-radius: 7px;
font-weight: 600;
font-size: 17px;
background: var(--color-white);
color: var(--heading-color-one);
border: 1px solid var(--color-set-one-bor-1);
}
.tags_and_cat .d-flex .d-flex .tags:hover,
.tags_and_cat .d-flex .d-flex .cats:hover {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
color: var(--color-white);
}
.tags_and_cat .d-flex .d-flex .cats {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
color: var(--color-white);
}
.tags_and_cat .d-flex .d-flex .cats:hover {
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
color: var(--color-white);
}
.tags_and_cat .d-flex .tags_content.left_one {
padding-right: 20px;
}
.single-share li .m_icon {
padding: 0px !important;
background: var(--background-bg-4);
border-color: var(--background-bg-4);
}
.single-share li .m_icon svg path {
fill: var(--heading-color-one);
}
.same_authour {
position: relative;
padding: 28px 0 28px;
border-bottom: 1px solid var(--color-set-one-bor-1);
display: flex;
}
.same_authour .image {
position: relative;
width: 80px;
min-width: 80px;
height: 80px;
overflow: hidden;
border-radius: 50%;
}
.same_authour .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.same_authour .content {
position: relative;
padding-left: 20px;
}
.same_authour .content .title_no_a_22 {
margin-bottom: 10px;
}
.same_authour .content p {
margin-bottom: 20px;
}
.same_authour .content a {
display: block;
}
.same_authour .content a svg {
height: 16px;
position: relative;
top: 2px;
padding-left: 3px;
color: var(--heading-color-one);
}
.same_authour .content .authour-share {
text-align: left;
}
.same_authour .content .authour-share ul {
padding-left: 40px;
display: flex !important;
flex-wrap: wrap;
gap: 1rem;
}
.same_authour .content .authour-share ul li {
margin: 0px;
list-style: none;
}
.same_authour .content .authour-share ul li button {
border: 0px;
background: unset;
padding: 0px;
width: unset;
color: var(--content-color-one);
}
.same_authour .content .authour-share ul li button:hover {
color: var(--color-set-one-1);
}
.same_authour .content .authour-share ul li button svg {
height: 18px;
}
.related_post {
position: relative;
margin-top: 2rem;
}
.related_post .title_no_a_36 {
padding-bottom: 1.2rem;
}
.related_post .arrow_portfolio {
margin-top: -11px;
}
.related_post .cardNews {
flex-direction: column;
box-shadow: unset;
}
.related_post .cardNews .image-box, .related_post .cardNews .content_box {
min-width: 100%;
width: 100%;
} @media (min-width: 768px) {
.single-events .same_authour {
padding-left: 0px;
padding-right: 0px;
}
}
.single-events .blog_meta ul {
display: flex;
gap: 1.3rem;
}
.single-events .blog_meta ul li {
padding: 0px !important;
}
.single-events .single_feature_image {
margin-bottom: 25px;
}
.nav-inline {
display: flex;
padding: 0 !important;
margin: 0;
gap: 1rem;
}
.nav-inline li {
position: relative;
margin: 0px;
list-style: none;
}
.nav-inline li a {
display: block;
color: var(--content-color-one);
}
.nav-inline li a:hover {
color: var(--color-set-one-1);
}
.nav-inline li a::before {
content: "";
position: absolute;
top: 5px;
right: 15px;
width: 1px;
height: 13px;
background-color: var(--color-set-one-bor-1);
}
.nav-inline li:last-child a::before {
display: none;
}
.pagination-area, .pagination_blog {
position: relative;
padding-top: 15px;
}
body .pagination, body .woocommerce-pagination .page-numbers, body ul.page-numbers {
position: relative;
display: inline-flex;
justify-content: center;
margin: 0;
padding: 0 !important;
min-height: 55px;
flex-direction: row;
overflow: hidden;
gap: 0.5rem;
}
body .pagination li, body .woocommerce-pagination .page-numbers li, body ul.page-numbers li {
display: block !important;
min-height: 55px;
position: relative;
border: unset !important;
float: unset !important;
margin: 0px;
}
body .pagination li a.page-link, body .pagination li .page-numbers, body .pagination li.next_link a, body .pagination li.prev_link a, body .pagination li a.next, body .pagination li a.prev, body .pagination li a, body .pagination li span, body .woocommerce-pagination .page-numbers li a.page-link, body .woocommerce-pagination .page-numbers li .page-numbers, body .woocommerce-pagination .page-numbers li.next_link a, body .woocommerce-pagination .page-numbers li.prev_link a, body .woocommerce-pagination .page-numbers li a.next, body .woocommerce-pagination .page-numbers li a.prev, body .woocommerce-pagination .page-numbers li a, body .woocommerce-pagination .page-numbers li span, body ul.page-numbers li a.page-link, body ul.page-numbers li .page-numbers, body ul.page-numbers li.next_link a, body ul.page-numbers li.prev_link a, body ul.page-numbers li a.next, body ul.page-numbers li a.prev, body ul.page-numbers li a, body ul.page-numbers li span {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--heading-color-one);
font-family: var(--font-family-main);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
width: 55px;
height: 55px;
position: relative;
align-items: center;
justify-content: center;
display: flex;
padding: 5px;
margin-left: 0px;
}
body .pagination li a.page-link:hover, body .pagination li a.page-link:focus, body .pagination li .page-numbers:hover, body .pagination li .page-numbers:focus, body .pagination li.next_link a:hover, body .pagination li.next_link a:focus, body .pagination li.prev_link a:hover, body .pagination li.prev_link a:focus, body .pagination li a.next:hover, body .pagination li a.next:focus, body .pagination li a.prev:hover, body .pagination li a.prev:focus, body .pagination li a:hover, body .pagination li a:focus, body .pagination li span:hover, body .pagination li span:focus, body .woocommerce-pagination .page-numbers li a.page-link:hover, body .woocommerce-pagination .page-numbers li a.page-link:focus, body .woocommerce-pagination .page-numbers li .page-numbers:hover, body .woocommerce-pagination .page-numbers li .page-numbers:focus, body .woocommerce-pagination .page-numbers li.next_link a:hover, body .woocommerce-pagination .page-numbers li.next_link a:focus, body .woocommerce-pagination .page-numbers li.prev_link a:hover, body .woocommerce-pagination .page-numbers li.prev_link a:focus, body .woocommerce-pagination .page-numbers li a.next:hover, body .woocommerce-pagination .page-numbers li a.next:focus, body .woocommerce-pagination .page-numbers li a.prev:hover, body .woocommerce-pagination .page-numbers li a.prev:focus, body .woocommerce-pagination .page-numbers li a:hover, body .woocommerce-pagination .page-numbers li a:focus, body .woocommerce-pagination .page-numbers li span:hover, body .woocommerce-pagination .page-numbers li span:focus, body ul.page-numbers li a.page-link:hover, body ul.page-numbers li a.page-link:focus, body ul.page-numbers li .page-numbers:hover, body ul.page-numbers li .page-numbers:focus, body ul.page-numbers li.next_link a:hover, body ul.page-numbers li.next_link a:focus, body ul.page-numbers li.prev_link a:hover, body ul.page-numbers li.prev_link a:focus, body ul.page-numbers li a.next:hover, body ul.page-numbers li a.next:focus, body ul.page-numbers li a.prev:hover, body ul.page-numbers li a.prev:focus, body ul.page-numbers li a:hover, body ul.page-numbers li a:focus, body ul.page-numbers li span:hover, body ul.page-numbers li span:focus {
box-shadow: unset;
background-color: var(--color-set-one-2);
color: var(--color-white);
}
body .pagination li a.page-link:hover::before, body .pagination li a.page-link:focus::before, body .pagination li .page-numbers:hover::before, body .pagination li .page-numbers:focus::before, body .pagination li.next_link a:hover::before, body .pagination li.next_link a:focus::before, body .pagination li.prev_link a:hover::before, body .pagination li.prev_link a:focus::before, body .pagination li a.next:hover::before, body .pagination li a.next:focus::before, body .pagination li a.prev:hover::before, body .pagination li a.prev:focus::before, body .pagination li a:hover::before, body .pagination li a:focus::before, body .pagination li span:hover::before, body .pagination li span:focus::before, body .woocommerce-pagination .page-numbers li a.page-link:hover::before, body .woocommerce-pagination .page-numbers li a.page-link:focus::before, body .woocommerce-pagination .page-numbers li .page-numbers:hover::before, body .woocommerce-pagination .page-numbers li .page-numbers:focus::before, body .woocommerce-pagination .page-numbers li.next_link a:hover::before, body .woocommerce-pagination .page-numbers li.next_link a:focus::before, body .woocommerce-pagination .page-numbers li.prev_link a:hover::before, body .woocommerce-pagination .page-numbers li.prev_link a:focus::before, body .woocommerce-pagination .page-numbers li a.next:hover::before, body .woocommerce-pagination .page-numbers li a.next:focus::before, body .woocommerce-pagination .page-numbers li a.prev:hover::before, body .woocommerce-pagination .page-numbers li a.prev:focus::before, body .woocommerce-pagination .page-numbers li a:hover::before, body .woocommerce-pagination .page-numbers li a:focus::before, body .woocommerce-pagination .page-numbers li span:hover::before, body .woocommerce-pagination .page-numbers li span:focus::before, body ul.page-numbers li a.page-link:hover::before, body ul.page-numbers li a.page-link:focus::before, body ul.page-numbers li .page-numbers:hover::before, body ul.page-numbers li .page-numbers:focus::before, body ul.page-numbers li.next_link a:hover::before, body ul.page-numbers li.next_link a:focus::before, body ul.page-numbers li.prev_link a:hover::before, body ul.page-numbers li.prev_link a:focus::before, body ul.page-numbers li a.next:hover::before, body ul.page-numbers li a.next:focus::before, body ul.page-numbers li a.prev:hover::before, body ul.page-numbers li a.prev:focus::before, body ul.page-numbers li a:hover::before, body ul.page-numbers li a:focus::before, body ul.page-numbers li span:hover::before, body ul.page-numbers li span:focus::before {
background: var(--color-set-one-2);
}
body .pagination li a.page-link.current, body .pagination li a.page-link.active, body .pagination li .page-numbers.current, body .pagination li .page-numbers.active, body .pagination li.next_link a.current, body .pagination li.next_link a.active, body .pagination li.prev_link a.current, body .pagination li.prev_link a.active, body .pagination li a.next.current, body .pagination li a.next.active, body .pagination li a.prev.current, body .pagination li a.prev.active, body .pagination li a.current, body .pagination li a.active, body .pagination li span.current, body .pagination li span.active, body .woocommerce-pagination .page-numbers li a.page-link.current, body .woocommerce-pagination .page-numbers li a.page-link.active, body .woocommerce-pagination .page-numbers li .page-numbers.current, body .woocommerce-pagination .page-numbers li .page-numbers.active, body .woocommerce-pagination .page-numbers li.next_link a.current, body .woocommerce-pagination .page-numbers li.next_link a.active, body .woocommerce-pagination .page-numbers li.prev_link a.current, body .woocommerce-pagination .page-numbers li.prev_link a.active, body .woocommerce-pagination .page-numbers li a.next.current, body .woocommerce-pagination .page-numbers li a.next.active, body .woocommerce-pagination .page-numbers li a.prev.current, body .woocommerce-pagination .page-numbers li a.prev.active, body .woocommerce-pagination .page-numbers li a.current, body .woocommerce-pagination .page-numbers li a.active, body .woocommerce-pagination .page-numbers li span.current, body .woocommerce-pagination .page-numbers li span.active, body ul.page-numbers li a.page-link.current, body ul.page-numbers li a.page-link.active, body ul.page-numbers li .page-numbers.current, body ul.page-numbers li .page-numbers.active, body ul.page-numbers li.next_link a.current, body ul.page-numbers li.next_link a.active, body ul.page-numbers li.prev_link a.current, body ul.page-numbers li.prev_link a.active, body ul.page-numbers li a.next.current, body ul.page-numbers li a.next.active, body ul.page-numbers li a.prev.current, body ul.page-numbers li a.prev.active, body ul.page-numbers li a.current, body ul.page-numbers li a.active, body ul.page-numbers li span.current, body ul.page-numbers li span.active {
transform: translateY(0px);
background-color: var(--color-set-one-2);
color: var(--color-white);
}
body .pagination li a.page-link.current::before, body .pagination li a.page-link.active::before, body .pagination li .page-numbers.current::before, body .pagination li .page-numbers.active::before, body .pagination li.next_link a.current::before, body .pagination li.next_link a.active::before, body .pagination li.prev_link a.current::before, body .pagination li.prev_link a.active::before, body .pagination li a.next.current::before, body .pagination li a.next.active::before, body .pagination li a.prev.current::before, body .pagination li a.prev.active::before, body .pagination li a.current::before, body .pagination li a.active::before, body .pagination li span.current::before, body .pagination li span.active::before, body .woocommerce-pagination .page-numbers li a.page-link.current::before, body .woocommerce-pagination .page-numbers li a.page-link.active::before, body .woocommerce-pagination .page-numbers li .page-numbers.current::before, body .woocommerce-pagination .page-numbers li .page-numbers.active::before, body .woocommerce-pagination .page-numbers li.next_link a.current::before, body .woocommerce-pagination .page-numbers li.next_link a.active::before, body .woocommerce-pagination .page-numbers li.prev_link a.current::before, body .woocommerce-pagination .page-numbers li.prev_link a.active::before, body .woocommerce-pagination .page-numbers li a.next.current::before, body .woocommerce-pagination .page-numbers li a.next.active::before, body .woocommerce-pagination .page-numbers li a.prev.current::before, body .woocommerce-pagination .page-numbers li a.prev.active::before, body .woocommerce-pagination .page-numbers li a.current::before, body .woocommerce-pagination .page-numbers li a.active::before, body .woocommerce-pagination .page-numbers li span.current::before, body .woocommerce-pagination .page-numbers li span.active::before, body ul.page-numbers li a.page-link.current::before, body ul.page-numbers li a.page-link.active::before, body ul.page-numbers li .page-numbers.current::before, body ul.page-numbers li .page-numbers.active::before, body ul.page-numbers li.next_link a.current::before, body ul.page-numbers li.next_link a.active::before, body ul.page-numbers li.prev_link a.current::before, body ul.page-numbers li.prev_link a.active::before, body ul.page-numbers li a.next.current::before, body ul.page-numbers li a.next.active::before, body ul.page-numbers li a.prev.current::before, body ul.page-numbers li a.prev.active::before, body ul.page-numbers li a.current::before, body ul.page-numbers li a.active::before, body ul.page-numbers li span.current::before, body ul.page-numbers li span.active::before {
background: var(--color-set-one-2);
}
body .pagination li:first-child, body .woocommerce-pagination .page-numbers li:first-child, body ul.page-numbers li:first-child {
margin-left: 0px;
}
body .pagination li:last-child, body .woocommerce-pagination .page-numbers li:last-child, body ul.page-numbers li:last-child {
margin-right: 0px;
}
body .pagination li:last-child a::before, body .woocommerce-pagination .page-numbers li:last-child a::before, body ul.page-numbers li:last-child a::before {
display: none;
}
body .pagination li.active a, body .woocommerce-pagination .page-numbers li.active a, body ul.page-numbers li.active a {
transform: translateY(0px);
background-color: var(--color-set-one-2);
color: var(--color-white);
}
body .pagination li.active a::before, body .woocommerce-pagination .page-numbers li.active a::before, body ul.page-numbers li.active a::before {
background: var(--color-set-one-2);
}
.post-nav-links, .page-links, .wp-block-query-pagination-numbers {
font-weight: 500;
color: var(--heading-color-one);
}
.post-nav-links a, .post-nav-links span, .page-links a, .page-links span, .wp-block-query-pagination-numbers a, .wp-block-query-pagination-numbers span {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 45px;
text-align: center;
color: var(--content-color-one);
line-height: 40px;
font-size: 18px;
font-weight: 600;
}
.post-nav-links a:hover, .post-nav-links a.current, .post-nav-links span:hover, .post-nav-links span.current, .page-links a:hover, .page-links a.current, .page-links span:hover, .page-links span.current, .wp-block-query-pagination-numbers a:hover, .wp-block-query-pagination-numbers a.current, .wp-block-query-pagination-numbers span:hover, .wp-block-query-pagination-numbers span.current {
border-color: var(--color-set-one-1);
background-color: var(--color-set-one-1);
color: var(--color-white);
}
.wp-block-query-pagination-numbers {
margin: 0px !important;
}
.wp-block-query-pagination-next {
color: var(--heading-color-one);
margin: 0px !important;
}
.ajax_posts_enabled .yes_jax_pagi .page-numbers, .ajax_fleets_enabled .yes_jax_pagi .page-numbers, .ajax_services_enabled .yes_jax_pagi .page-numbers, .ajax_teams_enabled .yes_jax_pagi .page-numbers {
display: none;
}
.ajax_posts_enabled .yes_jax_pagi .page-numbers.next, .ajax_fleets_enabled .yes_jax_pagi .page-numbers.next, .ajax_services_enabled .yes_jax_pagi .page-numbers.next, .ajax_teams_enabled .yes_jax_pagi .page-numbers.next {
display: block;
}
.wp-block-post-navigation-link a, .wp-block-post-navigation-link a {
display: inline-block;
border-radius: 1.4rem;
border: 1px solid var(--color-set-one-bor-1);
margin: 10px 0px;
}
.wp-block-comments h2 {
font-size: 28px;
line-height: 36px;
}
.wp-block-comments .wp-block-comment-author-name {
position: relative;
margin-bottom: 5px;
}
.wp-block-comments .wp-block-comment-date {
position: relative;
margin-bottom: 8px;
}
.wp-block-comments .wp-block-comment-author-name, .wp-block-comments .wp-block-comment-author-name a {
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: var(--heading-color-one);
text-transform: capitalize;
} .loader {
position: relative;
width: 100%;
height: 40px;
text-align: center;
}
.loader .loader-inner {
display: inline-block;
width: 30px;
height: 30px;
border: 3px solid var(--color-set-one-2);
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s ease infinite;
}
.ajax_posts_enabled .pagination .page-numbers, .ajax_fleets_enabled .pagination .page-numbers, .ajax_teams_enabled .pagination .page-numbers {
display: none;
}
.ajax_posts_enabled .pagination .page-numbers.next, .ajax_fleets_enabled .pagination .page-numbers.next, .ajax_teams_enabled .pagination .page-numbers.next {
display: block;
}
.yes_jax_pagi {
display: flex !important;
border: unset !important;
}
.yes_jax_pagi .theme_btn {
padding: 7px 21px;
border-radius: 10px;
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.pagination_service.d_none {
display: none !important;
}
.pagination_portfolio.d_none {
display: none !important;
}
html .theme_btn, html .btn, html button, html input[type=button], html input[type=submit], html .add_to_cart_button, html .wpcbn-btn,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
html body .wc-block-cart__submit .wc-block-components-button__text, html .wc-block-components-checkout-return-to-cart-button,
html .wc-block-active-filters__clear-all span, html .wc-block-components-filter-reset-button span, html .woocommerce-mini-cart__buttons .button {
position: relative;
font-family: var(--font-family-main);
font-size: 16px;
font-weight: 600;
padding: 14px 24px;
cursor: pointer;
line-height: normal;
text-align: center;
border-radius: 10px;
background: var(--color-set-one-1);
border: 1px solid var(--color-set-one-1);
color: var(--color-white);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
gap: 0.6rem;
}
html .theme_btn i, html .theme_btn span, html .btn i, html .btn span, html button i, html button span, html input[type=button] i, html input[type=button] span, html input[type=submit] i, html input[type=submit] span, html .add_to_cart_button i, html .add_to_cart_button span, html .wpcbn-btn i, html .wpcbn-btn span,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit i,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit span, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button i, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button span, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button i, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button span, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button i, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button span,
html body .wc-block-cart__submit .wc-block-components-button__text i,
html body .wc-block-cart__submit .wc-block-components-button__text span, html .wc-block-components-checkout-return-to-cart-button i, html .wc-block-components-checkout-return-to-cart-button span,
html .wc-block-active-filters__clear-all span i,
html .wc-block-active-filters__clear-all span span, html .wc-block-components-filter-reset-button span i, html .wc-block-components-filter-reset-button span span, html .woocommerce-mini-cart__buttons .button i, html .woocommerce-mini-cart__buttons .button span {
font-size: 18px;
}
html .theme_btn i, html .theme_btn span, html .theme_btn svg, html .btn i, html .btn span, html .btn svg, html button i, html button span, html button svg, html input[type=button] i, html input[type=button] span, html input[type=button] svg, html input[type=submit] i, html input[type=submit] span, html input[type=submit] svg, html .add_to_cart_button i, html .add_to_cart_button span, html .add_to_cart_button svg, html .wpcbn-btn i, html .wpcbn-btn span, html .wpcbn-btn svg,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit i,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit span,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit svg, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button i, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button span, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button svg, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button i, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button span, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button svg, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button i, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button span, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button i, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button span, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button svg,
html body .wc-block-cart__submit .wc-block-components-button__text i,
html body .wc-block-cart__submit .wc-block-components-button__text span,
html body .wc-block-cart__submit .wc-block-components-button__text svg, html .wc-block-components-checkout-return-to-cart-button i, html .wc-block-components-checkout-return-to-cart-button span, html .wc-block-components-checkout-return-to-cart-button svg,
html .wc-block-active-filters__clear-all span i,
html .wc-block-active-filters__clear-all span span,
html .wc-block-active-filters__clear-all span svg, html .wc-block-components-filter-reset-button span i, html .wc-block-components-filter-reset-button span span, html .wc-block-components-filter-reset-button span svg, html .woocommerce-mini-cart__buttons .button i, html .woocommerce-mini-cart__buttons .button span, html .woocommerce-mini-cart__buttons .button svg {
position: relative;
}
html .theme_btn svg, html .btn svg, html button svg, html input[type=button] svg, html input[type=submit] svg, html .add_to_cart_button svg, html .wpcbn-btn svg,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit svg, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button svg, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button svg, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button svg, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button svg,
html body .wc-block-cart__submit .wc-block-components-button__text svg, html .wc-block-components-checkout-return-to-cart-button svg,
html .wc-block-active-filters__clear-all span svg, html .wc-block-components-filter-reset-button span svg, html .woocommerce-mini-cart__buttons .button svg {
width: 18px;
height: auto;
}
html .theme_btn svg path, html .btn svg path, html button svg path, html input[type=button] svg path, html input[type=submit] svg path, html .add_to_cart_button svg path, html .wpcbn-btn svg path,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit svg path, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button svg path, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button svg path, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button svg path, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit svg path, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button svg path, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button svg path, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button svg path,
html body .wc-block-cart__submit .wc-block-components-button__text svg path, html .wc-block-components-checkout-return-to-cart-button svg path,
html .wc-block-active-filters__clear-all span svg path, html .wc-block-components-filter-reset-button span svg path, html .woocommerce-mini-cart__buttons .button svg path {
fill: var(--color-white);
}
html .theme_btn:hover, html .btn:hover, html button:hover, html input[type=button]:hover, html input[type=submit]:hover, html .add_to_cart_button:hover, html .wpcbn-btn:hover,
html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, html :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
html body .wc-block-cart__submit .wc-block-components-button__text:hover, html .wc-block-components-checkout-return-to-cart-button:hover,
html .wc-block-active-filters__clear-all span:hover, html .wc-block-components-filter-reset-button span:hover, html .woocommerce-mini-cart__buttons .button:hover {
border-color: var(--color-set-one-2);
background: var(--color-set-one-2);
color: var(--color-white);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
html body .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
min-height: unset !important;
padding: 14px 24px;
width: unset;
}
.theme_btn .icons {
display: flex;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
border-color: var(--color-set-one-bor-1) !important;
padding: 2rem 0.5rem 0.8rem !important;
max-height: 62px !important;
}
html body .wc-block-components-checkout-return-to-cart-button svg {
fill: unset;
left: unset;
position: unset;
top: unset;
transform: unset;
}
.link_btn {
font-family: var(--font-family-main);
text-decoration: none;
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: var(--heading-color-one);
padding: 5px 0px;
display: flex;
align-items: center;
cursor: pointer;
gap: 0.4rem;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.link_btn .icons {
display: flex;
}
.link_btn i, .link_btn span {
font-size: 16px;
color: var(--color-set-one-1);
}
.link_btn i, .link_btn span, .link_btn svg {
position: relative;
}
.link_btn svg {
height: 16px;
color: var(--color-set-one-1);
}
.link_btn:hover {
transform: translateY(-2px);
transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
color: var(--color-set-one-1);
}
.link_btn:hover i, .link_btn:hover svg {
color: var(--color-set-one-1);
}
.option-panel-toggle {
display: flex;
gap: 0.5rem;
color: var(--heading-color-one);
font-family: var(--font-family-main);
font-weight: 600;
font-size: 16px;
line-height: normal;
}
.option-panel-toggle icon span {
font-size: 24px;
color: var(--heading-color-one);
display: flex;
} body {
position: relative; }
body label {
display: block;
width: 100%;
font-weight: 600;
color: var(--heading-color-one);
}
body input[type=search], body input[type=date], body input[type=text], body input[type=number], body input[type=email], body input[type=url], body input[type=password], body input[type=tel], body .wp-block-search__input, body select, body textarea,
body .woocommerce form .form-row .input-text, body .woocommerce form .form-row select {
box-sizing: border-box;
margin: 5px 0px;
display: block;
width: 100%;
border-radius: 10px;
min-height: 45px;
font-size: 14px;
font-weight: 500;
padding: 0.688rem 1rem;
margin: 0.5rem 0 0.5rem;
line-height: normal;
font-family: var(--font-family-main);
color: rgba(var(--heading-color-one-rgba), 0.5);
background-color: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body input[type=search]::-moz-placeholder, body input[type=date]::-moz-placeholder, body input[type=text]::-moz-placeholder, body input[type=number]::-moz-placeholder, body input[type=email]::-moz-placeholder, body input[type=url]::-moz-placeholder, body input[type=password]::-moz-placeholder, body input[type=tel]::-moz-placeholder, body .wp-block-search__input::-moz-placeholder, body select::-moz-placeholder, body textarea::-moz-placeholder, body .woocommerce form .form-row .input-text::-moz-placeholder, body .woocommerce form .form-row select::-moz-placeholder {
font-weight: 500;
font-size: 14px;
color: rgba(var(--heading-color-one-rgba), 0.5);
font-family: var(--font-family-main);
}
body input[type=search]::placeholder, body input[type=date]::placeholder, body input[type=text]::placeholder, body input[type=number]::placeholder, body input[type=email]::placeholder, body input[type=url]::placeholder, body input[type=password]::placeholder, body input[type=tel]::placeholder, body .wp-block-search__input::placeholder, body select::placeholder, body textarea::placeholder,
body .woocommerce form .form-row .input-text::placeholder, body .woocommerce form .form-row select::placeholder {
font-weight: 500;
font-size: 14px;
color: rgba(var(--heading-color-one-rgba), 0.5);
font-family: var(--font-family-main);
}
body input[type=search]:hover, body input[type=date]:hover, body input[type=text]:hover, body input[type=number]:hover, body input[type=email]:hover, body input[type=url]:hover, body input[type=password]:hover, body input[type=tel]:hover, body .wp-block-search__input:hover, body select:hover, body textarea:hover,
body .woocommerce form .form-row .input-text:hover, body .woocommerce form .form-row select:hover {
border-color: var(--color-set-one-1);
}
body input[type=search]:focus, body input[type=date]:focus, body input[type=text]:focus, body input[type=number]:focus, body input[type=email]:focus, body input[type=url]:focus, body input[type=password]:focus, body input[type=tel]:focus, body .wp-block-search__input:focus, body select:focus, body textarea:focus,
body .woocommerce form .form-row .input-text:focus, body .woocommerce form .form-row select:focus {
box-shadow: unset;
}
body input[type=search]:focus-visible, body input[type=date]:focus-visible, body input[type=text]:focus-visible, body input[type=number]:focus-visible, body input[type=email]:focus-visible, body input[type=url]:focus-visible, body input[type=password]:focus-visible, body input[type=tel]:focus-visible, body .wp-block-search__input:focus-visible, body select:focus-visible, body textarea:focus-visible,
body .woocommerce form .form-row .input-text:focus-visible, body .woocommerce form .form-row select:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
body input[type=date] {
padding: 0.62rem 1rem;
}
body textarea {
height: 210px;
resize: none;
}
body input[type=checkbox], body input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--background-white);
border: 2px solid var(--color-set-one-bor-1);
border-radius: 2px;
box-sizing: border-box;
font-size: 18px;
margin: 0 0.4em 0 0 !important;
min-height: 1.5rem !important;
width: 1.5rem !important;
min-width: 1.5rem !important;
height: 1.5rem !important;
overflow: hidden;
position: static;
vertical-align: middle;
display: inline-block !important;
padding: 0;
}
body input[type=radio] {
border-radius: 20px !important;
}
body input[type=checkbox]:before {
position: absolute;
content: "\e9f3" !important;
font-family: "Trimprim-icons";
font-size: 12px;
width: 1.5rem !important;
text-align: center;
height: 1.5rem !important;
color: var(--color-white);
line-height: 1.5rem !important;
opacity: 0;
top: -1px;
left: -2px;
}
body input[type=checkbox]:checked:before {
opacity: 1;
}
body .wc-block-components-checkbox svg {
display: none !important;
}
body .select2-container .select2-selection--multiple {
min-height: unset !important;
background-color: var(--color-white);
border: 1px solid var(--color-set-one-bor-1);
display: block;
width: 100%;
padding: 1.1rem 1rem 0.688rem;
font-size: 1rem;
font-weight: 400;
line-height: normal;
height: 60px;
color: var(--heading-color-one);
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .select2-container .select2-selection--multiple .select2-selection__rendered {
padding: 0px !important;
margin: 0px !important;
}
body .select2-container .select2-selection--multiple .select2-selection__rendered input {
padding: 0px !important;
margin: 0px !important;
}
body .select2-container .select2-selection--multiple .select2-selection__rendered li {
padding: 0px !important;
margin: 0px 6px 0 0px !important;
}
body .select2-container .select2-selection--multiple .select2-selection__choice {
background: var(--color-set-one-1);
color: var(--color-white);
font-size: 14px;
line-height: normal;
padding: 3px 5px 6px;
border-color: var(--color-set-one-1);
}
body .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
color: var(--color-white);
padding: 0;
top: -1px;
margin: 0px;
height: 15px;
font-size: 18px;
line-height: 18px;
margin: auto;
border: 0;
position: relative;
}
body input[type=checkbox]:after {
border: 12px solid var(--color-white) !important;
top: 0 !important;
content: "";
}
body input[type=checkbox]:checked {
border-color: var(--color-set-one-1);
}
body input[type=checkbox]:checked:after {
border: 12px solid var(--color-set-one-1) !important;
top: 0 !important;
}
body input[type=file]::-webkit-file-upload-button {
background-color: var(--color-set-one-1); color: var(--color-white);
padding: 6px 12px;
border: none;
cursor: pointer;
border-radius: 0.5rem;
}
body select {
padding-right: 2rem;
color: var(--heading-color-one);
box-sizing: border-box; -moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: linear-gradient(45deg, transparent 50%, var(--color-set-one-1) 50%), linear-gradient(135deg, var(--color-set-one-1) 50%, transparent 50%);
background-position: calc(100% - 15px) calc(1em + 5px), calc(100% - 10px) calc(1em + 5px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 30px;
background-color: var(--background-white);
}
input[type=submit] {
padding: 15px 30px;
border-radius: 10px;
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
color: var(--color-white);
}
.newsteller_simple {
position: relative;
}
.newsteller_simple.d_in_block .mc4wp-form-fields {
display: flex;
gap: 5px;
}
.newsteller_simple.d_in_block .mc4wp-form-fields input[type=submit] {
flex: 1;
} .select2-container .select2-selection--single {
border: 1px solid var(--color-set-one-bor-1); height: 60px !important;
font-size: 16px;
height: unset;
display: flex;
align-items: center;
padding: 1rem 0.5rem;
color: var(--heading-color-one);
}
.select2.select2-container.select2-container--default {
margin: 5px 0px;
} .select2-container .select2-selection--single .select2-selection__arrow {
background-color: unset; position: absolute;
top: 1px;
right: 8px;
width: 20px;
bottom: 0;
margin: auto;
line-height: 15px;
height: 15px;
}
.select2-container .select2-selection--single .select2-selection__arrow::before {
position: relative;
content: "\e95e";
font-family: "Trimprim-icons";
}
.select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
height: unset;
}
div.mce-toolbar-grp {
background: var(--color-set-one-1) !important;
border: unset !important;
}
div.mce-toolbar-grp button {
color: var(--color-white);
border-color: rgba(var(--color-white-rgba), 0.5);
}
div.mce-toolbar-grp button i {
color: var(--color-white) !important;
}
div.mce-toolbar-grp button:hover {
background: var(--color-set-one-4) !important;
}
.mce-toolbar .mce-btn button, .qt-dfw {
padding: unset !important;
}
.mce-toolbar .mce-btn-group .mce-btn:focus, .mce-toolbar .mce-btn-group .mce-btn:hover, .qt-dfw:focus, .qt-dfw:hover {
background: unset !important;
border: unset !important;
box-shadow: unset !important;
}
.contact_form_shortcode br {
display: none;
}
.wpcf7-form input[type=search], .wpcf7-form input[type=date], .wpcf7-form input[type=text], .wpcf7-form input[type=number], .wpcf7-form input[type=email], .wpcf7-form input[type=url], .wpcf7-form input[type=password], .wpcf7-form input[type=tel], .wpcf7-form .wp-block-search__input, .wpcf7-form select, .wpcf7-form textarea {
margin: 0.5rem 0 1rem;
}
.wpcf7-form p {
margin: 0;
}
.wpcf7-form br {
display: none;
}
.wpcf7-form label {
font-size: 13px;
line-height: normal;
font-weight: 600;
text-transform: uppercase;
color: var(--heading-color-one);
}
.wpcf7-form label textarea {
height: 80px !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
position: absolute;
color: var(--color-set-one-1);
bottom: 0;
text-transform: capitalize;
font-size: 12px;
}
.wpcf7-response-output {
position: relative;
padding: 10px 20px !important;
border: unset !important;
border-radius: 0.5rem;
background: var(--color-set-one-1);
color: var(--color-white);
margin: 10px 0px 10px 0px !important;
}
html body form .wpcf7-checkbox .wpcf7-list-item {
margin: 0px !important;
} input[type=date]::-webkit-calendar-picker-indicator {
opacity: 0;
right: -1rem;
bottom: 0;
margin: auto;
position: absolute;
width: 30px;
height: 30px;
}
.contact_form_box_all.style_three .showcase_tabs_btns {
padding: 0;
}
input[type=date]::before {
position: absolute;
content: "\f149" !important;
font-family: uicons-regular-rounded !important;
font-size: 16px;
color: var(--heading-color-one);
right: -1rem;
bottom: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.e--ua-safari input[type=date] {
padding-right: 20px !important;
}
.e--ua-safari input[type=date]::before {
bottom: 6px;
right: -1.1rem;
}
.wpcf7-spinner {
position: absolute;
opacity: 0;
}
.footer_default {
padding: 10px;
border-top: 1px solid var(--color-set-one-bor-1);
}
.footer_default p {
margin: 0px;
}
.prgoress_indicator {
position: fixed;
right: 50px;
bottom: 75px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(var(--color-set-one-2-rgb), 0.09);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transform: translateY(15px) !important;
transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.prgoress_indicator::after {
position: absolute;
content: "\e9fa";
font-family: "Trimprim-icons";
text-align: center;
line-height: 46px;
font-size: 18px;
color: var(--color-set-one-1);
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
font-weight: 900;
z-index: 1;
transition: all 200ms linear !important;
}
.prgoress_indicator:hover ::after {
color: var(--color-set-one-1);
}
.prgoress_indicator svg path {
fill: none;
}
.prgoress_indicator svg.progress-circle path {
stroke: var(--color-set-one-1);
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear !important;
}
.g_box {
flex-wrap: wrap;
gap: 0.5rem;
}
.g_box a {
display: block;
width: 80px;
height: 80px;
min-width: 80px;
min-height: 80px;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.g_box a:before {
position: absolute;
content: "";
background: var(--color-set-one-1);
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.g_box a svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 35px;
margin: auto;
opacity: 0;
z-index: 2;
}
.g_box a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.g_box a:hover:before {
opacity: 0.6;
}
.g_box a:hover svg {
opacity: 1;
} .preloader {
background-color: var(--preloader-background-color);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999999999;
transition: 0.6s;
margin: 0 auto;
}
.preloader img {
max-width: 250px;
}
.page-loading-inner {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0;
}
.page-loading-inner div {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
top: 50%;
left: 50%;
box-sizing: content-box;
margin: -10px -20px;
}
.page-loading-inner div:nth-child(1) {
background: var(--preloader-spinner-color-1);
animation: page-loading-inner 1s linear infinite;
animation-delay: -0.5s;
}
.page-loading-inner div:nth-child(2) {
background: var(--preloader-spinner-color-2);
animation: page-loading-inner 1s linear infinite;
animation-delay: 0s;
}
.page-loading-inner div:nth-child(3) {
background: var(--preloader-spinner-color-1);
animation: page-loading-inner-o 1s linear infinite;
animation-delay: -0.5s;
}
.page-loading {
width: 100px;
height: 100px;
display: inline-block;
overflow: hidden;
}
@keyframes page-loading-inner-o {
0% {
opacity: 1;
transform: translate(0 0);
}
49.99% {
opacity: 1;
transform: translate(30px, 0);
}
50% {
opacity: 0;
transform: translate(30px, 0);
}
100% {
opacity: 0;
transform: translate(0, 0);
}
}
@keyframes page-loading-inner {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(30px, 0);
}
100% {
transform: translate(0, 0);
}
}
@keyframes rotate {
0%, 49.999%, 100% {
transform: none;
}
50%, 99.999% {
transform: rotate(90deg);
}
}
@keyframes shift-left {
0%, 100% {
transform: translateX(0%);
}
50% {
transform: scale(0.65) translateX(-75%);
}
}
@keyframes shift-right {
0%, 100% {
transform: translateX(0%);
}
50% {
transform: scale(0.65) translateX(75%);
}
}
.loader-wrap {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999999999;
}
.loader-wrap .preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999;
background-position: center center;
background-repeat: no-repeat;
}
.loader-wrap .layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: var(--preloader-background-color);
}
.loader-wrap .animation-preloader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0);
border-top-color: var(--preloader-spinner-color-2);
animation: spin 2s linear infinite;
z-index: 9999;
}
.loader-wrap .animation-preloader::before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0);
border-top-color: var(--preloader-spinner-color-1);
animation: spin 3s linear infinite;
}
.loader-wrap .animation-preloader::after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0);
border-top-color: var(--preloader-spinner-color-2);
animation: spin 1.5s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.portfoliofiltergrid .load-more-container {
padding-top: 2rem;
}
.portfolio_category_box {
gap: 1rem;
flex-wrap: wrap;
padding-left: 0 !important;
}
.portfolio_category_box .taxonomy-term {
list-style: none;
margin: 0 0 0 0;
}
.portfolio_category_box .taxonomy-term.all_term {
max-width: -moz-fit-content;
max-width: fit-content;
}
.portfolio_category_box .taxonomy-term.all_term .content {
gap: 0.5rem;
flex-wrap: wrap;
}
.portfolio_category_box .taxonomy-term.all_term .content i {
width: 30px;
height: 30px;
min-width: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background: var(--color-set-one-2);
font-size: 16px;
color: var(--color-white);
}
.portfolio_category_box .taxonomy-term.all_term .content .font-16 {
color: var(--color-set-one-3);
gap: 0.5rem;
flex-wrap: wrap;
}
.portfolio_category_box .taxonomy-term {
cursor: pointer;
}
.portfolio_category_box .taxonomy-term .content {
padding: 10px 20px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
list-style: none;
min-height: 52px;
display: flex;
align-items: center;
justify-content: center;
}
.portfolio_category_box .taxonomy-term .content .taxonomy-icon {
width: 50px;
height: 50px;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: var(--color-set-one-2);
font-size: 28px;
color: var(--color-white);
}
.portfolio_category_box .taxonomy-term .content .taxonomy-icon img {
height: 30px;
width: auto;
}
.portfolio_category_box .taxonomy-term .content .font-16 {
color: var(--color-set-one-3);
gap: 0.5rem;
flex-wrap: wrap;
}
.portfolio_category_box .taxonomy-term .content .post-count {
display: flex;
align-items: center;
justify-content: center;
}
.portfolio_category_box .taxonomy-term.active .content, .portfolio_category_box .taxonomy-term:hover .content {
border-color: var(--color-set-one-1);
background: var(--color-set-one-1);
}
.portfolio_category_box .taxonomy-term.active .content i, .portfolio_category_box .taxonomy-term:hover .content i {
background: var(--background-white);
color: var(--color-set-one-1);
}
.portfolio_category_box .taxonomy-term.active .content .font-16, .portfolio_category_box .taxonomy-term:hover .content .font-16 {
color: var(--color-white);
}
.ab-link {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
background: transparent;
color: inherit;
left: 0;
}
.portfolio_card.one {
border-radius: 10px;
background-color: transparent;
background-image: radial-gradient(at center center, var(--background-bg-1) 39%, #FFFFFF 100%);
border: 1px solid var(--background-bg-1);
}
.portfolio_card.one .image_out {
padding: 20px 20px 0;
}
.portfolio_card.one .image {
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.8rem;
}
.portfolio_card.one .contentbox {
padding: 0px 20px 0;
}
.portfolio_card.one .portfolio-projects {
padding-top: 1rem;
padding-left: 5px;
padding-right: 5px;
flex-wrap: wrap;
gap: unset; }
.portfolio_card.one .portfolio-projects .project {
width: 31.33%;
padding: 0 1rem 1rem;
}
.portfolio_card.one .portfolio-projects .project:nth-child(2n):only-child,
.portfolio_card.one .portfolio-projects .project:nth-child(odd):only-child {
flex: 1 1 100%;
}
.portfolio_card.two {
background: var(--background-white);
box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
border-radius: 10px;
}
.portfolio_card.two .title {
padding: 25px 25px 12px;
margin: 0;
}
.portfolio_card.two .text-16 {
padding: 0 20px 25px 25px;
}
.portfolio_card.two .portfolio-projects {
padding: 20px 20px;
display: flex;
gap: 10px;  }
.portfolio_card.two .portfolio-projects .project {
display: flex;
gap: 0.5rem;
flex: 1 1 48%; box-sizing: border-box;
}
.portfolio_card.two .portfolio-projects .project .icon {
background: var(--background-bg-1);
width: 50px;
height: 50px;
display: flex;
align-items: center;
border-radius: 50px;
justify-content: center;
}
.portfolio_card.two .portfolio-projects .project .icon i {
color: var(--color-set-one-1);
font-size: 20px;
}
.portfolio_card.two .portfolio-projects .project .content {
display: flex;
flex-direction: column;
}
.portfolio_card.two .portfolio-projects .project:nth-child(2n):only-child,
.portfolio_card.two .portfolio-projects .project:nth-child(odd):only-child {
flex: 1 1 100%;
}
.portfolio_card.three .image {
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.8rem;
}
.portfolio_card.three .contentbox {
background: var(--background-bg-1);
overflow: hidden;
border-radius: 10px;
padding: 20px;
}
.portfolio_card.three .portfolio-projects {
padding: 20px 0 0px;
display: flex;
gap: 1rem 0.8rem; }
.portfolio_card.three .portfolio-projects .project {
display: flex;
gap: 0.5rem;
flex: 1 1 47%; box-sizing: border-box;
}
.portfolio_card.three .portfolio-projects .project .icon {
background: var(--background-white);
width: 50px;
height: 50px;
display: flex;
align-items: center;
border-radius: 50px;
justify-content: center;
}
.portfolio_card.three .portfolio-projects .project .icon i {
color: var(--color-set-one-1);
font-size: 20px;
}
.portfolio_card.three .portfolio-projects .project .content {
display: flex;
flex-direction: column;
}
.portfolio_card.three .portfolio-projects .project:nth-child(2n):only-child,
.portfolio_card.three .portfolio-projects .project:nth-child(odd):only-child {
flex: 1 1 100%;
}
.portfolio_card:hover .image img {
transform: scale(1.1);
}
.portfolio-projects {
display: flex;
flex-wrap: wrap;
gap: 1rem 1rem;
}
.portfolio-category {
margin: 0 0 1rem;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.portfolio-category li {
list-style: none;
margin: 0;
}
.portfolio-category li a {
padding: 3px 8px;
background: var(--background-bg-2);
color: var(--heading-color-one);
font-size: 15px;
font-weight: 500;
font-family: var(--font-amily-one);
border-radius: 30px;
}
.portfolio_info {
overflow: hidden;
border-radius: 10px;
margin-bottom: 2rem;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
}
.portfolio_info .font-24 {
padding: 12px 20px 10px;
background: var(--color-set-one-2);
color: var(--color-white);
}
.portfolio_info .portfolio-projects {
display: block;
padding: 20px;
}
.portfolio_info .portfolio-projects .project {
display: flex;
margin: 0 0 1rem;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
gap: 1rem;
}
.portfolio_info .portfolio-projects .project .font-14 {
font-family: var(--font-family-text);
font-weight: normal;
color: var(--content-color-one);
margin-bottom: 4px;
}
.portfolio_info .portfolio-projects .project .text-14 {
font-size: 18px;
line-height: normal;
font-family: var(--font-family-main);
font-weight: 600;
color: var(--heading-color-one);
}
.portfolio_info .portfolio-projects .project:last-child {
margin: 0 0 0 0;
}
.portfolio_info .portfolio-projects .project .icon {
width: 50px;
height: 50px;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: var(--background-bg-1);
font-size: 22px;
color: var(--color-set-one-1);
}
.single-portfolio .share-buttons {
border: unset;
padding: 0 0 30px;
}
.single-portfolio .share-buttons .font-16 {
width: 100%;
min-width: 100%;
margin-bottom: 0.5rem;
}
.single-portfolio .share-buttons .share-button {
border-radius: 6px;
} .portfolioloading {
display: inline-block;
width: 50px;
height: 50px;
border: 3px solid var(--color-set-one-bor-1);
border-radius: 50%;
border-top: 3px solid var(--color-set-one-2);
animation: spin 1s linear infinite;
margin: 20px auto;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#category_filter {
display: flex;
flex-wrap: wrap;
gap: 0.8rem 0.8rem;
padding-left: 0 !important;
margin-bottom: 2rem;
}
#category_filter li {
list-style: none;
padding: 7px 15px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
margin: 0;
font-weight: 600;
}
#category_filter li .count {
background: var(--background-bg-1);
padding: 0 5px;
font-weight: normal;
font-size: 14px;
margin-left: 5px;
border-radius: 10px;
}
#category_filter li.active {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
color: var(--color-white);
}
#category_filter li.active .count {
background: var(--background-white);
color: var(--heading-color-one);
}
.cart_portfolio_type {
margin: 0 !important;
padding: 0 !important;
background: unset !important;
}
.cart_portfolio_type:hover {
box-shadow: unset !important;
}
.cart_portfolio_type .portfolio_meta {
justify-content: flex-start;
gap: 1rem;
}
.project_container {
margin: 0 -12px;
}
.project_filter {
position: relative;
gap: 1rem;
margin: 0 0 30px;
padding: 0 !important;
flex-wrap: wrap;
}
.project_filter li {
background: unset;
border: 1px solid var(--color-set-one-bor-1);
color: var(--heading-color-one);
cursor: pointer;
margin-bottom: 0;
}
.project_filter li.current, .project_filter li:hover {
color: var(--color-white);
background: var(--color-set-one-1);
border: 1px solid var(--color-set-one-1);
}
.portfolio_tab_v2 {
position: relative;
}
.portfolio_tab_v2 .col-lg-8 {
padding-left: 3rem;
}
.portfolio_tab_v2 .showcase_tabs_btns .s_tab_btn {
padding: 20px;
background: var(--background-bg-2);
border-radius: 10px;
margin-bottom: 1rem;
display: flex;
align-items: center;
border: 1px solid var(--color-set-one-bor-1);
gap: 1rem;
justify-content: space-between;
}
.portfolio_tab_v2 .showcase_tabs_btns .s_tab_btn.active {
background: var(--color-set-one-2);
color: var(--color-white);
border: 1px solid var(--color-set-one-2);
}
.portfolio_tab_v2 .imageboxed {
gap: 1rem;
margin-bottom: 1.5rem;
}
.portfolio_tab_v2 .imageboxed .image-box {
position: relative;
}
.portfolio_tab_v2 .imageboxed .image-box img {
border-radius: 10px;
width: 100%;
}
.portfolio_tab_v2 .imageboxed .image-box small {
position: absolute;
bottom: 0;
right: 0;
background: var(--background-white);
border-radius: 10px 0px 0 0;
padding: 6px 20px;
font-size: 14px;
font-weight: 600;
color: var(--heading-color-one);
font-family: var(--font-family-mail);
text-transform: uppercase;
}
.portfolio_tab_v2 .information_boxed {
position: relative;
flex-wrap: wrap;
margin-bottom: 2.7rem;
padding-top: 1rem;
gap: 2rem;
}
.portfolio_tab_v2 .information_boxed .information {
display: flex;
gap: 0.6rem;
align-items: center;
}
.portfolio_tab_v2 .information_boxed .information p {
margin: 0;
}
.portfolio_tab_v2 .information_boxed .information .font-16 {
margin-bottom: 0.2rem;
}
.portfolio_tab_v2 .information_boxed .information i {
min-width: 60px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: var(--background-bg-1);
color: var(--color-set-one-1);
font-size: 34px;
}
.portfolio_tab_v2.prostyle_style_two .col-lg-8 {
padding-left: 1rem;
}
.portfolio_tab_v2.prostyle_style_two .showcase_tabs_btns .s_tab_btn {
padding: 20px 20px;
background: transparent;
border-radius: 10px;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
font-weight: 500;
justify-content: space-between;
border: 1px solid var(--color-set-one-bor-1);
}
.portfolio_tab_v2.prostyle_style_two .showcase_tabs_btns .s_tab_btn.active {
background: var(--color-set-one-1);
padding: 20px;
color: var(--color-white);
border-color: var(--color-set-one-1);
}
.portfolio_tab_v2.prostyle_style_two .s_tabs_content {
padding: 30px;
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
}
.single-portfolio .previouse_next_post {
border-top: 1px solid var(--color-set-one-bor-1);
}
.mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap .mfp-content .popup-close-btn {
position: unset;
}
.mfp-fade.mfp-wrap .mfp-content .popup-close-btn::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 97;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.portfolio_video_box {
width: 1200px;
height: 1000px;
margin: auto;
}
.portfolio_video_box .inner_porbox {
position: relative;
z-index: 99;
}
.project_tab_areas {
position: relative;
}
.project_tab_areas .project_tab_head {
background: var(--color-set-one-2);
border-radius: 10px;
margin-bottom: 0.8rem;
}
.project_tab_areas .project_tab_head > div {
width: 33.33%;
min-width: 33.33%;
padding: 20px 25px;
color: var(--color-white);
position: relative;
}
.project_tab_areas .project_tab_head > div::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
right: 0;
background: var(--color-white);
opacity: 0.1;
}
.project_tab_areas .project_tab_head > div:last-child::before {
display: none;
}
.project_tab_areas {
position: relative;
}
.project_tab_areas .slick-arrow {
position: absolute;
left: -80px;
}
.project_tab_areas .slick-arrow.slick-next {
bottom: 0;
}
.project_tab_areas .slick-arrow.slick-prev {
top: 0;
}
.project-tab-slider-nav {
position: relative;
}
.project-tab-slider-nav::before {
position: absolute;
content: "";
left: -55.5px;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
height: 62%;
background: var(--color-set-one-bor-1);
}
.project-tab-slider-nav .slick-arrow {
border-radius: 50px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: var(--heading-color-one);
width: 50px;
height: 50px;
border: 1px solid var(--color-set-one-bor-1);
background: var(--background-white);
}
.project-tab-slider-nav .slick-prev {
top: 10px !important;
}
.project-tab-slider-nav .slick-next {
bottom: 10px !important;
}
.project-tab-slider-nav .slick-next i {
top: 2px;
}
.project_tab_body {
position: relative;
margin-bottom: 0;
}
.project_tab_body .inner {
margin-bottom: 5px;
display: flex;
flex-direction: row;
position: relative;
background: var(--background-bg-2);
border: 1px solid var(--background-bg-2);
border-radius: 10px;
}
.project_tab_body .inner > div {
width: 33.33%;
min-width: 33.33%;
padding: 20px 25px;
color: var(--heading-color-one);
font-family: var(--font-famaily-text);
position: relative;
}
.project_tab_body .inner > div::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
right: 0;
background: var(--heading-color-one);
opacity: 0.08;
}
.project_tab_body .inner > div:last-child::before {
display: none;
}
.project_tab_body.slick-current.slick-active .inner {
background: var(--color-set-one-1);
border: 1px solid var(--color-set-one-1);
}
.project_tab_body.slick-current.slick-active .inner > div {
color: var(--color-white);
}
.project_tab_body.slick-current.slick-active .inner > div::before {
background: var(--background-white);
}
.project_tab_body:hover .inner {
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
}
.portfolio_gallery_box .imageboxs {
position: relative;
}
.portfolio_gallery_box .imageboxs > img, .portfolio_gallery_box .imageboxs > .image_link > img {
border-radius: 10px;
overflow: hidden;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 470px;
}
.portfolio_gallery_box .imageboxs .category_ox {
position: absolute;
flex-wrap: wrap;
left: 20px;
bottom: 20px;
display: flex;
gap: 0.4rem;
}
.portfolio_gallery_box .imageboxs .category_ox a {
background: var(--background-white);
color: var(--heading-color-one);
font-weight: 500;
font-family: var(--font-famaily-main);
border-radius: 20px;
padding: 2px 12px;
line-height: 22px;
}
.portfolio_gallery_box .imageboxs .btncoll {
position: absolute;
display: flex;
justify-content: flex-start;
flex-direction: column;
gap: 0.5rem;
top: 10px;
right: 10px;
z-index: 9;
}
.portfolio_gallery_box .imageboxs .btncoll .btn {
padding: 0;
width: 55px;
height: 55px;
border-radius: 6px;
background: var(--background-white);
color: var(--heading-color-one);
border-color: var(--background-white);
}
.portfolio_gallery_box .imageboxs .btncoll .btn i {
font-size: 20px;
}
.portfolio_gallery_box .duration {
padding-top: 9px;
text-align: right;
}
.Portfolio_tab_v1 {
position: relative;
}
.Portfolio_tab_v1 .slider-count {
position: absolute;
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--font-famaily-main);
color: var(--heading-color-one);
}
.Portfolio_tab_v1 .complete_box {
align-items: flex-start;
width: 100%;
height: 100%;
}
.Portfolio_tab_v1 .project_complete {
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
text-align: center;
padding-right: 60px;
}
@media (max-width: 992px) {
.project-tab-slider-nav {
margin-bottom: 6rem !important;
}
.project-tab-slider-nav .slick-arrow {
bottom: -65px !important;
left: unset !important;
top: unset !important;
right: unset !important;
transform: unset !important;
}
.project-tab-slider-nav .slick-arrow.slick-next {
right: 0 !important;
}
.Portfolio_tab_v1 .row {
flex-direction: column-reverse;
}
.Portfolio_tab_v1 .project-tab-slider-nav {
margin-bottom: 1rem;
}
.Portfolio_tab_v1 .slider-count {
position: relative;
}
.Portfolio_tab_v1 .col-lg-2.col-md-12.position-relative {
display: flex;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.Portfolio_tab_v1 .complete_box {
width: auto;
height: auto;
}
.Portfolio_tab_v1 .complete_box .project_complete {
transform: unset;
writing-mode: unset;
}
}
.service_category_box {
gap: 2rem;
}
.service_category_box .taxonomy-term {
position: relative;
padding: 20px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
}
.service_category_box .taxonomy-term .taxonomy-icon {
width: 50px;
height: 50px;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: var(--color-set-one-2);
font-size: 28px;
color: var(--color-white);
}
.service_category_box .taxonomy-term .taxonomy-icon img {
height: 30px;
width: auto;
}
.service_category_box .taxonomy-term .font-20, .service_category_box .taxonomy-term .font-16 {
color: var(--color-set-one-3);
gap: 1rem;
}
.service_category_box .taxonomy-term .font-20 .post-count, .service_category_box .taxonomy-term .font-16 .post-count {
padding: 5px 10px;
border-radius: 20px;
display: block;
font-size: 14px;
line-height: normal;
color: var(--color-white);
background: var(--color-set-one-1);
}
.service_category_box .taxonomy-term.active .font-20, .service_category_box .taxonomy-term:hover .font-20 {
color: var(--heading-color-one);
}
.service_category_box .taxonomy-term.active .taxonomy-icon, .service_category_box .taxonomy-term:hover .taxonomy-icon {
background: var(--color-set-one-1);
color: var(--color-white);
}
.service_category_box .taxonomy-term.all_term {
padding: 15px 15px 10px;
}
.service_category_box .taxonomy-term.all_term .content i {
width: 30px;
height: 30px;
min-width: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background: var(--color-set-one-2);
font-size: 16px;
color: var(--color-white);
margin-bottom: 10px;
}
.service_category_box .taxonomy-term.all_term .content .font-16 {
color: var(--color-set-one-3);
}
.service_category_box .taxonomy-term.all_term.active .content i, .service_category_box .taxonomy-term.all_term:hover .content i {
background: var(--color-set-one-1);
}
.service_category_box .taxonomy-term.all_term.active .content .font-16, .service_category_box .taxonomy-term.all_term:hover .content .font-16 {
color: var(--heading-color-one);
}
@media (min-width: 1024px) {
.service_category_box .taxonomy-term.all_term {
max-width: -moz-fit-content;
max-width: fit-content;
}
.service_category_box .swiper {
margin-left: unset !important;
}
.service_category_box .swiper-slide {
width: 400px !important;
}
.service_category_box .swiper-slide:first-child {
width: -moz-fit-content !important;
width: fit-content !important;
}
}
@media (max-width: 1024px) {
.service_category_box .swiper {
padding-bottom: 20px;
}
.service_category_box .taxonomy-term {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.service_category_box .taxonomy-term p {
display: none;
}
.service_category_box .taxonomy-term .font-20 {
margin: 0 !important;
flex-direction: column;
font-size: 16px !important;
line-height: normal;
}
.service_category_box .taxonomy-term .font-20 small {
position: absolute;
bottom: 32px;
right: 22px;
}
}
.serviceloading {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 4px solid var(--color-set-one-bor-1); border-top: 4px solid var(--color-set-one-1); border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.service_tab {
position: relative;
}
.service_tab .showcase_tabs_btns {
margin-bottom: 25px !important;
}
.service_tab .showcase_tabs_btns div.s_tab_btn {
padding: 15px 20px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.service_tab .showcase_tabs_btns div.s_tab_btn .font-20 {
color: var(--color-set-one-3);
}
.service_tab .showcase_tabs_btns div.s_tab_btn i {
width: 50px;
height: 50px;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: var(--color-set-one-2);
font-size: 28px;
color: var(--color-white);
}
.service_tab .showcase_tabs_btns div.s_tab_btn:hover .font-20, .service_tab .showcase_tabs_btns div.s_tab_btn.active .font-20 {
color: var(--heading-color-one);
}
.service_tab .showcase_tabs_btns div.s_tab_btn:hover i, .service_tab .showcase_tabs_btns div.s_tab_btn.active i {
background: var(--color-set-one-1);
color: var(--color-white);
}
.ser_cat {
gap: 0.5rem !important;
font-weight: 500;
font-weight: 500;
}
.ser_cat svg {
height: 18px;
width: auto;
}
.ser_cat svg path {
fill: var(--color-set-one-1);
}
.cardService {
position: relative;
}
.cardService.style_one .font-24, .cardService.style_three .font-24, .cardService.style_four .font-24, .cardService.style_five .font-24, .cardService.style_six .font-24 {
display: flex;
align-items: center;
gap: 1rem;
}
.cardService.style_one .font-24 i, .cardService.style_three .font-24 i, .cardService.style_four .font-24 i, .cardService.style_five .font-24 i, .cardService.style_six .font-24 i {
position: relative;
font-size: 18px;
color: var(--heading-color-one);
z-index: 2;
}
.cardService.style_one .font-24 i em, .cardService.style_three .font-24 i em, .cardService.style_four .font-24 i em, .cardService.style_five .font-24 i em, .cardService.style_six .font-24 i em {
position: absolute;
width: 15px;
height: 15px;
border-radius: 15px;
background: var(--color-set-one-1);
border-radius: 15px;
z-index: -1;
right: -5px;
top: -1px;
bottom: 0;
margin: auto;
}
.cardService.style_one {
padding: 5px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.07);
border-radius: 10px;
background: var(--background-white);
}
.cardService.style_one .cardInfo .font-24 {
padding: 10px 20px;
border-radius: 10px;
background: var(--background-bg-1);
}
.cardService.style_one .cardInfo .box-inner-info {
padding: 0px 20px 20px;
}
.cardService.style_one .cardInfo .ser_cat {
align-items: center !important;
display: block;
position: relative;
}
.cardService.style_one .cardInfo .ser_cat span {
display: block;
}
.cardService.style_one .image-box {
padding: 0px 20px;
position: relative;
}
.cardService.style_one .image-box .icon {
position: absolute;
top: -60px;
right: 40px;
width: 65px;
height: 65px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
background: var(--color-set-one-1);
font-size: 38px;
opacity: 0;
}
.cardService.style_one .image-box .imgbx {
display: block;
position: relative;
overflow: hidden;
border-radius: 10px;
margin-bottom: -3rem;
}
.cardService.style_one .image-box .imgbx .icon {
opacity: 1;
top: unset;
bottom: 20px;
right: 20px;
color: var(--color-set-one-1);
background: var(--background-white);
}
.cardService.style_one .image-box .imgbx img {
width: 100%;
}
.cardService.style_one:hover {
background: var(--color-set-one-2);
}
.cardService.style_one:hover .cardInfo .box-inner-info * {
color: var(--color-white);
}
.cardService.style_one:hover .cardInfo .box-inner-info .link_btn i {
color: var(--color-set-one-1);
}
.cardService.style_one:hover .image-box > .icon {
top: -32px;
opacity: 1;
}
.cardService.style_one:hover .image-box .imgbx > .icon {
top: unset;
bottom: -100%;
opacity: 0;
}
.cardService.style_one:hover .image-box .imgbx img {
transform: scale(1.1);
}
.cardService.style_one.style_seven {
margin-bottom: 30px;
padding: 10px;
}
.cardService.style_one.style_seven .image-box {
padding: 0;
}
.cardService.style_one.style_seven .image-box .imgbx {
margin-bottom: 1rem;
}
.cardService.style_one.style_seven .image-box .icon {
position: absolute;
top: unset;
bottom: 10px;
right: 10px;
opacity: 1;
}
.cardService.style_two .image-box {
padding-right: 40px;
}
.cardService.style_two .image-box .imgbx {
position: relative;
overflow: hidden;
border-radius: 10px;
display: block;
}
.cardService.style_two .image-box .imgbx img {
width: 100%;
height: 335px;
}
.cardService.style_two .cardInfo {
padding-left: 26%;
padding-right: 10px;
}
.cardService.style_two .cardInfo .cardInfo_inner {
position: relative;
overflow: hidden;
z-index: 9;
margin-top: -100px;
padding: 35px 25px 30px;
border-radius: 10px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.07);
}
.cardService.style_two .cardInfo .cardInfo_inner .plink {
position: absolute;
right: 30px;
top: 0;
height: 50px;
width: 50px;
background: var(--color-set-one-2);
color: var(--color-white);
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0px 10px 10px;
}
.cardService.style_two .cardInfo .cardInfo_inner .mask_image {
position: absolute;
bottom: -2rem;
mask-image: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/flower-1.png);
-webkit-mask-image: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/flower-1.png);
height: 185px;
width: 149px;
background: var(--heading-color-one);
opacity: 0.09;
z-index: 0;
pointer-events: none;
-webkit-mask-size: contain;
mask-size: contain;
right: 0;
margin: unset;
left: unset;
top: unset;
}
.cardService.style_two .cardInfo .cardInfo_inner .icon {
font-size: 64px;
color: var(--color-set-one-1);
line-height: 64px;
position: relative;
display: inline-flex;
}
.cardService.style_two .cardInfo .cardInfo_inner .icon::before {
position: absolute;
content: "";
width: 60px;
height: 50px;
border-radius: 51px 98px 77px 130px;
background: var(--background-bg-2);
top: 0;
right: -10px;
bottom: -20px;
z-index: -1;
margin: auto;
}
.cardService.style_two .cardInfo .cardInfo_inner .icon img {
height: 64px;
width: auto;
}
.cardService.style_two:hover .image-box .imgbx img {
transform: scale(1.1);
}
.cardService.style_two:hover .cardInfo .cardInfo_inner .plink {
background: var(--color-set-one-1);
}
.cardService.style_two:hover .cardInfo .cardInfo_inner .mask_image {
transform: translateY(-10px);
}
.cardService.style_three {
display: flex;
flex-direction: column;
}
.cardService.style_three .cardInfo, .cardService.style_three .cardDesc {
padding: 25px;
background: var(--background-white);
box-shadow: 0px -10px 56px -10px rgba(0, 0, 0, 0.03);
}
.cardService.style_three .cardInfo {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom: 0.7rem;
}
.cardService.style_three .cardInfo .font-24 {
padding-left: 25px;
gap: 0;
}
.cardService.style_three .cardInfo .font-24 i {
transform: translateX(-25px);
}
.cardService.style_three .cardInfo .divder {
display: inline-block;
width: 100px;
background: var(--color-set-one-bor-1);
height: 1px;
}
.cardService.style_three .cardInfo .d_flex {
gap: 6rem;
position: relative;
margin-top: -0.5rem;
}
.cardService.style_three .cardInfo .d_flex .link_btn {
gap: 0.2rem;
padding: 0;
line-height: 24px;
align-items: flex-end;
}
.cardService.style_three .cardInfo .d_flex .link_btn * {
color: var(--color-set-one-3);
}
.cardService.style_three .cardInfo .d_flex .link_btn span {
font-size: 14px;
line-height: 24px;
font-weight: 700;
display: block;
}
.cardService.style_three .cardInfo .d_flex .link_btn i {
font-size: 24px;
}
.cardService.style_three .cardInfo .d_flex .icon {
font-size: 64px;
min-width: 64px;
color: var(--color-set-one-1);
line-height: 64px;
position: relative;
}
.cardService.style_three .cardInfo .d_flex .icon img {
height: 64px;
width: auto;
}
.cardService.style_three.no_image .cardDesc {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.cardService.style_three .cardDesc p {
margin-bottom: 0;
}
.cardService.style_three .imgbx {
display: block;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.cardService.style_three:hover .cardInfo {
background: var(--color-set-one-2);
}
.cardService.style_three:hover .cardInfo .font-24 {
color: var(--color-white);
}
.cardService.style_three:hover .cardInfo .font-24 i {
transform: translateX(-15px);
}
.cardService.style_three:hover .cardInfo .font-24 i em {
width: 34px;
height: 34px;
top: 0;
transform: translateX(0px);
border-radius: 40px;
}
.cardService.style_three:hover .cardInfo .divder {
background: var(--background-white);
opacity: 0.09;
}
.cardService.style_three:hover .imgbx img {
transform: scale(1.1);
}
.cardService.style_four {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 0px -10px 56px -10px rgba(0, 0, 0, 0.03);
background: var(--background-white);
}
.cardService.style_four .imgbx {
display: block;
}
.cardService.style_four .cardInfo {
padding: 35px 25px 20px;
position: relative;
}
.cardService.style_four .cardInfo .icon {
position: absolute;
z-index: 2;
top: -40px;
right: 30px;
font-size: 38px;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 60px;
color: var(--color-white);
background: var(--color-set-one-1);
}
.cardService.style_four .cardInfo .icon img {
height: 38px;
width: auto;
}
.cardService.style_four .cardInfo .font-24 {
padding-left: 25px;
gap: 0;
}
.cardService.style_four .cardInfo .font-24 i {
transform: translateX(-25px);
}
.cardService.style_four .cardInfo .divder {
display: inline-block;
width: 100%;
background: var(--color-set-one-bor-1);
height: 1px;
}
.cardService.style_four .cardInfo .link_btn i {
color: var(--heading-color-one);
}
.cardService.style_four .cardInfo .link_btn:hover i {
color: var(--color-set-one-1);
}
.cardService.style_four:hover .icon {
background: var(--color-set-one-2);
}
.cardService.style_four:hover .font-24 i {
transform: translateX(-15px);
}
.cardService.style_four:hover .font-24 i em {
width: 34px;
height: 34px;
top: 0;
transform: translateX(0px);
border-radius: 40px;
}
.cardService.style_four:hover .imgbx img {
transform: scale(1.1);
}
.cardService.style_five {
position: relative;
overflow: hidden;
box-shadow: 0px -10px 56px -10px rgba(0, 0, 0, 0.03);
background: var(--background-white);
}
.cardService.style_five .imgbx {
display: block;
min-width: 40%;
width: 40%;
}
.cardService.style_five .imgbx img {
width: 100%;
height: 320px;
}
.cardService.style_five .mask_image {
position: absolute;
bottom: unset;
mask-image: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/flower-1.png);
-webkit-mask-image: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/flower-1.png);
height: 185px;
width: 149px;
background: var(--heading-color-one);
opacity: 0.06;
z-index: 0;
pointer-events: none;
-webkit-mask-size: contain;
mask-size: contain;
right: -2rem;
margin: unset;
left: unset;
top: -2rem;
transform: rotate(-130deg);
}
.cardService.style_five .cardInfo {
padding: 25px;
position: relative;
overflow: hidden;
}
.cardService.style_five .cardInfo .font-24 {
padding-left: 25px;
gap: 0;
}
.cardService.style_five .cardInfo .font-24 i {
transform: translateX(-25px);
}
.cardService.style_five .cardInfo .icon {
font-size: 54px;
min-width: 54px;
color: var(--color-set-one-1);
line-height: 54px;
position: relative;
margin-bottom: 1.2rem;
}
.cardService.style_five .cardInfo .icon img {
height: 54px;
width: auto;
}
.cardService.style_five .cardInfo .link_btn {
justify-content: flex-end;
}
.cardService.style_five .cardInfo .link_btn i {
color: var(--heading-color-one);
}
.cardService.style_five .cardInfo .link_btn:hover i {
color: var(--color-set-one-1);
}
.cardService.style_five:hover .imgbx img {
transform: scale(1.1);
}
.cardService.style_five:hover .font-24 i {
transform: translateX(-15px);
}
.cardService.style_five:hover .font-24 i em {
width: 34px;
height: 34px;
top: 0;
transform: translateX(2px);
border-radius: 40px;
}
.cardService.style_six {
padding: 40px 40px 35px;
border: 1px solid var(--color-set-one-bor-1);
background: var(--background-white);
overflow: hidden;
border-radius: 10px;
}
.cardService.style_six .image-box {
padding: 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: auto;
bottom: 0;
opacity: 0;
visibility: hidden;
}
.cardService.style_six .image-box .imgbx {
width: 100%;
height: 100%;
border-radius: 10px;
}
.cardService.style_six .image-box .c_box {
position: absolute;
bottom: 10px;
height: auto;
padding: 20px;
z-index: 9;
transform: translateY(100px);
opacity: 0;
}
.cardService.style_six .image-box .font-24 {
position: relative;
background: var(--background-white);
padding: 10px 20px;
border-radius: 10px;
max-width: -moz-fit-content;
max-width: fit-content;
font-size: 20px;
}
.cardService.style_six .image-box .ser_cat {
position: relative;
background: var(--color-set-one-1);
color: var(--color-white);
border-radius: 10px;
padding: 8px 20px;
max-width: -moz-fit-content;
max-width: fit-content;
}
.cardService.style_six .image-box .ser_cat svg path {
fill: var(--color-white);
}
.cardService.style_six .mask_image {
position: absolute;
bottom: unset;
mask-image: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/flower-1.png);
-webkit-mask-image: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/flower-1.png);
height: 185px;
width: 149px;
background: var(--heading-color-one);
opacity: 0.06;
z-index: 0;
pointer-events: none;
-webkit-mask-size: contain;
mask-size: contain;
right: -2rem;
margin: unset;
left: unset;
top: -2rem;
transform: rotate(-130deg);
}
.cardService.style_six .cardInfo {
position: relative;
overflow: hidden;
}
.cardService.style_six .cardInfo .font-24 {
padding-left: 25px;
gap: 0;
}
.cardService.style_six .cardInfo .font-24 i {
transform: translateX(-25px);
}
.cardService.style_six .cardInfo .icon {
font-size: 54px;
min-width: 54px;
color: var(--color-set-one-1);
line-height: 54px;
position: relative;
margin-bottom: 1.2rem;
}
.cardService.style_six .cardInfo .icon img {
height: 54px;
width: auto;
}
.cardService.style_six .cardInfo .link_btn i {
color: var(--heading-color-one);
}
.cardService.style_six .cardInfo .link_btn:hover i {
color: var(--color-set-one-1);
}
.cardService.style_six:hover .image-box {
height: 100%;
opacity: 1;
visibility: visible;
}
.cardService.style_six:hover .image-box .imgbx img {
transform: scale(1.1);
}
.cardService.style_six:hover .cardInfo {
transform: translateY(-100px);
opacity: 0;
visibility: hidden;
}
.cardService.style_six:hover .c_box {
opacity: 1;
transform: translateY(0);
}
.swiper-slide-active .cardService.style_six .image-box {
height: 100%;
opacity: 1;
visibility: visible;
}
.swiper-slide-active .cardService.style_six .image-box .imgbx img {
transform: scale(1.1);
}
.swiper-slide-active .cardService.style_six .cardInfo {
transform: translateY(-100px);
opacity: 0;
visibility: hidden;
}
.swiper-slide-active .cardService.style_six .c_box {
opacity: 1;
transform: translateY(0);
}
.load-more-container, .pagination_service {
padding-top: 3rem;
}
@media (max-width: 1366px) {
.accordion_box .faq_header .rightcontent .stepno {
padding: 5px 10px !important;
height: unset !important;
line-height: normal !important;
min-height: 40px;
}
}
@media (max-width: 768px) {
.accordion_box .faq_header .rightcontent .stepno {
display: none !important;
}
}
.icon-box-widget {
position: relative;
}
.icon-box-widget.style_one {
gap: 1.2rem;
background: var(--color-set-one-1);
overflow: hidden;
}
.icon-box-widget.style_one::after {
position: absolute;
content: "\e92f";
font-family: "Trimprim-icons";
z-index: 0;
font-size: 60px;
top: 10px;
right: 80px;
opacity: 0.1;
}
.icon-box-widget.style_one .icon {
flex: 0 1;
min-width: 60px;
width: 60px;
min-height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.icon-box-widget.style_one .icon::before {
position: absolute;
content: "";
height: 100%;
width: 60px;
min-width: 60px;
left: 0;
top: 0;
bottom: 0;
background: var(--color-set-one-2);
z-index: -1;
}
.icon-box-widget.style_one .icon i, .icon-box-widget.style_one .icon span {
font-size: 38px;
color: var(--color-white);
}
.icon-box-widget.style_one .icon svg {
width: 38px;
height: auto;
}
.icon-box-widget.style_one .icon svg path {
fill: var(--color-white);
}
.icon-box-widget.style_one .icon img {
width: 38px;
height: auto;
}
.icon-box-widget.style_one .content {
flex: 1;
padding: 10px;
gap: 1rem;
position: relative;
z-index: 1;
}
.icon-box-widget.style_one .content * {
color: var(--color-white);
}
.icon-box-widget.style_two {
gap: 0.8rem;
}
.icon-box-widget.style_two .icon {
min-width: 50px;
width: 50px;
border-radius: 50px;
height: 50px;
display: flex;
background: var(--background-bg-1);
border: 1px solid var(--background-bg-1);
align-items: center;
justify-content: center;
}
.icon-box-widget.style_two .icon i, .icon-box-widget.style_two .icon span {
font-size: 28px;
color: var(--color-set-one-1);
}
.icon-box-widget.style_two .icon svg {
width: 28px;
height: auto;
}
.icon-box-widget.style_two .icon svg path {
fill: var(--color-set-one-1);
}
.icon-box-widget.style_two .icon img {
width: 28px;
height: auto;
}
.icon-box-widget.style_three {
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
border-radius: 15px;
background: var(--background-white);
}
.icon-box-widget.style_three .top_contnet {
padding: 20px 50px 15px;
max-width: 85%;
margin: auto;
position: relative;
}
.icon-box-widget.style_three .top_contnet .mask_image {
z-index: 0;
background: var(--background-bg-1);
}
.icon-box-widget.style_three .top_contnet .icon {
position: relative;
margin-bottom: 0.5rem;
}
.icon-box-widget.style_three .top_contnet .icon i, .icon-box-widget.style_three .top_contnet .icon span {
font-size: 38px;
color: var(--color-set-one-1);
}
.icon-box-widget.style_three .top_contnet .icon svg {
width: 38px;
height: auto;
}
.icon-box-widget.style_three .top_contnet .icon svg path {
fill: var(--color-set-one-1);
}
.icon-box-widget.style_three .top_contnet .icon img {
width: 38px;
height: auto;
}
.icon-box-widget.style_three .highlighttext {
display: flex;
padding: 0px 20px;
justify-content: center;
position: relative;
}
.icon-box-widget.style_three .highlighttext::before {
position: absolute;
content: "";
width: 100%;
top: 0;
bottom: 0;
height: 1px;
margin: auto;
background: var(--color-set-one-bor-1);
}
.icon-box-widget.style_three .highlighttext .text {
padding: 4px 20px;
border-radius: 40px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
font-size: 14px;
line-height: 26px;
color: var(--color-set-one-3);
text-transform: uppercase;
font-weight: 600;
font-family: var(--font-family-main);
position: relative;
z-index: 1;
}
.icon-box-widget.style_three .text-16 {
padding: 20px;
}
.icon-box-widget.style_four .icon i, .icon-box-widget.style_four .icon span {
font-size: 40px;
color: var(--color-set-one-1);
}
.icon-box-widget.style_four .icon img {
width: 40px;
height: auto;
}
.icon-box-widget.style_four .icon svg {
width: 40px;
height: auto;
}
.icon-box-widget.style_four .icon svg path {
fill: var(--color-set-one-1);
}
.icon-box-widget.style_five .icon_box, .icon-box-widget.style_six .icon_box {
z-index: 9;
}
.icon-box-widget.style_five .icon_box .hicon, .icon-box-widget.style_six .icon_box .hicon {
position: absolute;
top: 0px;
font-size: 25px;
right: 0px;
z-index: 9;
color: var(--color-set-one-1);
opacity: 0;
}
.icon-box-widget.style_five .icon, .icon-box-widget.style_six .icon {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: var(--background-white);
border: 1px solid var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 1.2rem !important;
}
.icon-box-widget.style_five .icon i, .icon-box-widget.style_five .icon span, .icon-box-widget.style_six .icon i, .icon-box-widget.style_six .icon span {
font-size: 50px;
color: var(--color-set-one-1);
}
.icon-box-widget.style_five .icon img, .icon-box-widget.style_six .icon img {
width: 50px;
height: auto;
}
.icon-box-widget.style_five .icon svg, .icon-box-widget.style_six .icon svg {
width: 50px;
height: auto;
}
.icon-box-widget.style_five .icon svg path, .icon-box-widget.style_six .icon svg path {
fill: var(--color-set-one-1);
}
.icon-box-widget.style_five .title, .icon-box-widget.style_six .title {
position: relative;
}
.icon-box-widget.style_five .title .hicon, .icon-box-widget.style_six .title .hicon {
position: absolute;
left: -35px;
font-size: 25px;
top: 0;
margin: auto;
opacity: 1;
}
.icon-box-widget.style_five:hover .icon_box .hicon, .icon-box-widget.style_six:hover .icon_box .hicon {
top: -30px;
right: -30px;
opacity: 1;
}
.icon-box-widget.style_five:hover .title .hicon, .icon-box-widget.style_six:hover .title .hicon {
top: -70px;
left: 30px;
opacity: 0;
}
.icon-box-widget.style_five:hover .icon, .icon-box-widget.style_six:hover .icon {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
}
.icon-box-widget.style_five:hover .icon i, .icon-box-widget.style_five:hover .icon span, .icon-box-widget.style_six:hover .icon i, .icon-box-widget.style_six:hover .icon span {
color: var(--color-white);
}
.icon-box-widget.style_five:hover .icon svg path, .icon-box-widget.style_six:hover .icon svg path {
fill: var(--color-white);
}
.icon-box-widget.style_six {
gap: 1rem;
}
.icon-box-widget.style_six .icon {
min-width: 80px;
box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.09);
}
.brochure_box {
position: relative;
gap: 1rem;
}
.brochure_box .image img {
width: 110px;
height: auto;
border-radius: 10px;
}
.brochure_box .content {
position: relative;
}
.brochure_box .content a {
width: 50px;
height: 50px;
border-radius: 50px;
background: var(--background-white);
font-size: 20px;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
}
.video_box_null {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: relative;
height: 110px;
width: 110px;
z-index: 2;
}
.video_box_null::after {
position: absolute;
content: "";
background: var(--background-white);
width: 100px;
height: 100px;
margin: auto;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
z-index: 1;
border-radius: 100px;
}
.video_box_null::before {
position: absolute;
content: "";
background: var(--color-set-one-1);
opacity: 0.2;
width: 120px;
height: 120px;
margin: auto;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
z-index: -1;
border-radius: 110px;
}
.video_box_null i {
font-size: 30px;
position: relative;
z-index: 2;
}
.video_box_null svg {
position: relative;
z-index: 2;
width: 26px;
height: auto;
}
.luximage_box {
position: relative;
max-width: -moz-fit-content;
max-width: fit-content;
}
.luximage_box.imgobjfit {
max-width: unset !important;
min-width: 100%;
display: block !important;
}
.luximage_box img, .luximage_box .simpleParallax {
overflow: hidden;
border-radius: 6px;
}
.luximage_box.style_one .video_box_null {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
height: 110px;
width: 110px;
top: 0%;
bottom: 0;
margin: auto;
left: -55px;
z-index: 2;
}
.luximage_box.style_one.video_position_center .video_box_null {
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.luximage_box.style_one.video_position_right .video_box_null {
left: unset;
right: -55px;
}
.luximage_box.style_two .video_box_null, .luximage_box.style_three .video_box_null {
position: absolute;
z-index: 9;
bottom: 20px;
left: 20px;
width: unset;
height: unset;
}
.luximage_box.style_two .video_box_null svg, .luximage_box.style_three .video_box_null svg {
width: 18px;
}
.luximage_box.style_two .video_box_null::before, .luximage_box.style_two .video_box_null::after, .luximage_box.style_three .video_box_null::before, .luximage_box.style_three .video_box_null::after {
display: none;
}
.luximage_box.style_two .theme_btn, .luximage_box.style_three .theme_btn {
display: inline-flex !important;
align-items: center;
gap: 0.3rem;
padding: 0.8rem 15px;
background: var(--background-white);
color: var(--heading-color-one);
border-color: var(--background-white);
text-align: center;
}
.luximage_box.style_two .theme_btn:hover, .luximage_box.style_three .theme_btn:hover {
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
color: var(--color-white);
}
.luximage_box.style_two .theme_btn:hover svg path, .luximage_box.style_three .theme_btn:hover svg path {
fill: var(--color-white);
}
.luximage_box.style_three .video_box_null {
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
right: 0;
max-height: -moz-fit-content;
max-height: fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
top: 0;
margin: auto;
}
.vertical-text {
writing-mode: vertical-rl;
transform: rotate(180deg);
text-align: center;
}
.image_boxed {
position: relative;
gap: 2rem;
flex-direction: column;
}
.image_boxed.style_one .circle_images {
flex-wrap: wrap;
gap: 1rem;
}
.image_boxed.style_one .circle_images .images {
position: relative !important;
overflow: unset;
height: unset;
-webkit-mask-size: contain;
mask-size: contain;
width: 46%;
min-width: 46%;
}
.image_boxed.style_one .right_content {
position: relative;
flex-direction: column;
gap: 1rem;
}
.image_boxed.style_one .right_content .link_control {
width: 50px;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
z-index: 1;
color: var(--heading-color-one);
background: var(--background-white);
border-radius: 50px;
}
.image_boxed.style_one .right_content .image-repeater {
flex-direction: row;
}
.image_boxed.style_one .right_content .image-repeater img {
border: 3px solid #636363;
width: 50px;
height: 50px;
border-radius: 50px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: relative;
}
.image_boxed.style_one .right_content .vertical-text {
writing-mode: unset;
transform: unset;
}
@media (max-width: 1024px) {
.image_boxed.style_one .circle_images .images {
mask-image: unset !important;
-webkit-mask-image: unset !important;
}
.image_boxed.style_one .circle_images .images img {
height: 250px;
border-radius: 10px;
}
}
@media (max-width: 500px) {
.image_boxed.style_one .circle_images .images {
width: 100%;
min-width: 100%;
}
}
@media (min-width: 1024px) {
.image_boxed {
position: relative;
gap: 2rem;
flex-direction: column;
}
.image_boxed.style_one .circle_images {
min-width: 570px;
max-width: 570px;
min-height: 582px;
max-height: 582px;
gap: unset;
}
.image_boxed.style_one .circle_images .images {
width: 45%;
min-width: 45%;
justify-content: space-between;
}
.image_boxed.style_one .circle_images .images img {
width: 100%;
}
.image_boxed.style_one .circle_images .images.one {
height: 423px;
margin-bottom: -9rem;
margin-right: 0;
}
.image_boxed.style_one .circle_images .images.one img {
height: 423px;
}
.image_boxed.style_one .circle_images .images.two {
height: 302px;
margin-bottom: -1.5rem;
}
.image_boxed.style_one .circle_images .images.two img {
height: 302px;
}
.image_boxed.style_one .circle_images .images.three {
height: 251px;
margin-top: 3rem;
margin-right: -2rem;
}
.image_boxed.style_one .circle_images .images.three img {
height: 251px;
}
.image_boxed.style_one .circle_images .images.four {
height: 386px;
margin-top: -5rem;
margin-right: 14px;
}
.image_boxed.style_one .circle_images .images.four img {
height: 386px;
}
.image_boxed.style_one .right_content {
flex-direction: row;
}
}
@media (min-width: 1200px) {
.image_boxed.style_one {
flex-direction: row;
}
.image_boxed.style_one .right_content .image-repeater {
flex-direction: column;
}
.image_boxed.style_one .right_content .image-repeater img {
margin-top: -10px;
}
.image_boxed.style_one .right_content .vertical-text {
writing-mode: vertical-rl;
transform: rotate(180deg);
}
}
.tab_over_all_box {
display: flex;
flex-direction: column;
}
.tab_over_all_box.view_seperate {
flex-direction: row;
gap: 0rem;
}
.tab_over_all_box.view_seperate .tabs_header {
min-width: 35%;
}
.tab_over_all_box.view_seperate .s_tab_wrapper {
min-width: 65%;
padding-left: 2rem;
}
.tab_over_all_box.view_seperate.type_two .tabsheader {
min-width: 20%;
}
.tab_over_all_box.view_seperate.type_two ul.tab_style_one li .tab_image_box {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.tab_over_all_box.view_seperate.type_two .s_tab_wrapper {
min-width: 80%;
}
.tab_over_all_box.view_inline .showcase_tabs_btns {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
.tab_over_all_box .btnview_seperate {
flex-direction: column;
}
.tab_over_all_box .btnview_seperate li {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
@media (max-width: 992px) {
.tab_over_all_box.view_seperate {
flex-direction: column;
}
.tab_over_all_box.view_seperate .s_tab_wrapper {
padding-left: 0px;
}
}
.tab_over_all_box .tabs_header ul {
padding: 0 !important;
margin: 0;
}
.tab_over_all_box .tabs_header ul li {
list-style: none;
margin-bottom: 0px;
}
.tab_over_all_box .tabs_header ul li .s_tab_btn {
gap: 1.8rem;
align-items: center;
margin-bottom: 12px;
}
.tab_over_all_box .tabs_header ul li .s_tab_btn .number {
width: 50px;
height: 50px;
min-width: 50px;
border: 1px solid var(--background-bg-1);
background: var(--background-bg-1);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-family: var(--font-family-main);
color: var(--color-set-one-3);
}
.tab_over_all_box .tabs_header ul li .s_tab_btn .font-14 {
position: relative;
margin-left: 40px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 12px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.tab_over_all_box .tabs_header ul li .s_tab_btn .font-14::before {
position: absolute;
content: "\e9d4";
font-family: "Trimprim-icons" !important;
font-size: 12px;
height: 12px;
line-height: 12px;
left: -40px;
bottom: 0;
top: 0;
margin: auto;
color: var(--heading-color-one);
opacity: 0.3;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.tab_over_all_box .tabs_header ul li .s_tab_btn.active .number, .tab_over_all_box .tabs_header ul li .s_tab_btn:hover .number {
background: var(--background-white);
color: var(--color-set-one-1);
border-color: var(--color-set-one-1);
}
.tab_over_all_box .tabs_header ul li .s_tab_btn.active .font-14, .tab_over_all_box .tabs_header ul li .s_tab_btn:hover .font-14 {
color: var(--color-set-one-1);
}
.tab_over_all_box .tabs_header ul li .s_tab_btn.active .font-14::before, .tab_over_all_box .tabs_header ul li .s_tab_btn:hover .font-14::before {
color: var(--color-set-one-1);
}
.tab_over_all_box > .list_items_box {
padding-left: 20px !important;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns {
padding: 0;
margin: 0 0px 40px;
overflow-x: auto;
overflow-y: hidden;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_two {
gap: 1rem;
margin: 0 0 20px;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_two li {
margin: 0;
list-style: none;
text-align: center;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_two li .s_tab_btn {
position: relative;
background: var(--background-bg-2);
padding: 10px 20px;
border-radius: 10px;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_two li .s_tab_btn.active {
background: var(--color-set-one-2);
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_two li .s_tab_btn.active .font-18 {
color: var(--color-white) !important;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li {
list-style: none;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li .s_tab_btn {
position: relative;
border-bottom: 5px solid rgba(255, 255, 255, 0.05);
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li .tab_image_box {
border-top-right-radius: 100px;
border-top-left-radius: 100px;
padding: 120px 20px 20px;
position: relative;
overflow: hidden;
text-align: center;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li .tab_image_box .font-14 {
position: relative;
z-index: 2;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li .s_tab_btn.active .tab_image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--color-set-one-2);
opacity: 0.2;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li .s_tab_btn.active::after {
position: absolute;
content: "";
width: 100%;
height: 5px;
background: var(--color-set-one-1);
bottom: -5px;
left: 0;
z-index: 99;
border-radius: 5px;
}
.tab_over_all_box.type_two ul.showcase_tabs_btns.tab_style_one li .s_tab_btn:not(.active) .tab_image_box {
background-image: unset !important;
}
@media (min-width: 769px) {
.tab_over_all_box.type_two ul.tab_style_one li {
width: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
}
}
@media (min-width: 1200px) {
.tab_over_all_box.type_two ul.tab_style_one li {
width: 16.66%;
min-width: 16.66%;
max-width: 16.66%;
min-height: 150px;
}
}
@media (max-width: 768px) {
.tab_over_all_box.type_two ul.tab_style_one li {
width: 50%;
min-width: 50%;
max-width: 50%;
}
}
.contact_form_tab .tab_content .mapframe, .contact_form_tab .tab_content .image {
position: relative;
}
.contact_form_tab .tab_content .mapframe iframe, .contact_form_tab .tab_content .mapframe img, .contact_form_tab .tab_content .image iframe, .contact_form_tab .tab_content .image img {
border-radius: 50%;
height: 540px;
max-width: 540px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.contact_form_tab:hover .tab_content .mapframe iframe {
border-radius: 0px;
}
.contact_form_tab .col-lg-6 > .d_flex {
justify-content: space-between;
align-items: flex-end;
padding-right: 40px;
}
.contact_form_tab .showcase_tabs_btns {
display: flex;
gap: 0.5rem 1.2rem;
flex-wrap: wrap;
}
.contact_form_tab .showcase_tabs_btns li {
margin: 0;
list-style: none;
}
.contact_form_tab .showcase_tabs_btns li .s_tab_btn {
color: var(--color-set-one-3);
position: relative;
padding-left: 1.2rem;
}
.contact_form_tab .showcase_tabs_btns li .s_tab_btn.active, .contact_form_tab .showcase_tabs_btns li .s_tab_btn:hover {
color: var(--color-set-one-1);
}
.contact_form_tab .showcase_tabs_btns li .s_tab_btn::before {
position: absolute;
content: "";
width: 10px;
height: 3px;
background: var(--color-set-one-3);
left: 0;
bottom: 0;
top: 0;
margin: auto;
}
.contact_form_tab .showcase_tabs_btns li:first-child .s_tab_btn {
padding-left: 0;
}
.contact_form_tab .showcase_tabs_btns li:first-child .s_tab_btn::before {
display: none;
}
.block_contnet_tab .tab_over_all_box.type_two ul {
margin: 0 !important;
}
.block_contnet_tab .tab_over_all_box.type_two .showcase_tabs_btns {
flex-wrap: unset !important;
}
.block_contnet_tab .tab_over_all_box.type_two.view_inline .tabsheader {
overflow-x: auto !important;
white-space: nowrap;
}
@media (max-width: 992px) {
.contact_form_tab .tab_content .mapframe iframe,
.contact_form_tab .tab_content .image img {
width: 100%;
border-radius: 10px;
max-width: 100%;
margin-bottom: 2rem;
}
}
.slider_v1 {
position: relative;
}
.slider_v1 .arrowfraction_box {
position: absolute;
top: 30%;
left: 0px;
right: 0px;
margin: auto;
display: flex;
align-items: center;
}
.slider_v1 .arrowfraction_box .arrowfraction {
position: relative;
z-index: 11;
gap: 1rem;
color: var(--color-white);
}
.slider_v1 .arrowfraction_box .arrowfraction .swiper_arrows {
gap: 0.5rem;
}
.slider_v1 .arrowfraction_box .arrowfraction .swiper_arrows .slider-button-next, .slider_v1 .arrowfraction_box .arrowfraction .swiper_arrows .slider-button-prev {
position: relative;
width: 40px;
cursor: pointer;
height: 40px;
border-radius: 40px;
margin-top: 0px;
align-items: center;
justify-content: center;
display: flex;
background: rgba(255, 255, 255, 0.2);
}
.slider_v1 .arrowfraction_box .arrowfraction .swiper_arrows .slider-button-next i, .slider_v1 .arrowfraction_box .arrowfraction .swiper_arrows .slider-button-prev i {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: var(--color-white);
}
.slider_v1 .row {
align-items: center;
}
.slider_v1 .slider_box_V1 {
position: relative;
z-index: 99;
overflow: hidden;
height: 800px;
display: flex;
align-items: center;
}
.slider_v1 .slider_box_V1 .slider_content {
position: relative;
z-index: 999;
}
.slider_v1 .slide-bgimg {
position: absolute;
top: 0;
left: 0;
right: 100%;
bottom: 100%;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.slider_v1 .slide-bgimg::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: var(--color-set-one-1);
opacity: 0.3;
z-index: 2;
}
@media (max-width: 767px) {
.sldier_custom .elementor-hidden-mobile, .sldier_custom .elementor-hidden-phone,
.block_contnet_tab .elementor-hidden-mobile, .block_contnet_tab .elementor-hidden-phone {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 880px) {
.sldier_custom .elementor-hidden-mobile_extra,
.block_contnet_tab .elementor-hidden-mobile_extra {
display: none !important;
}
}
@media (min-width: 881px) and (max-width: 1024px) {
.sldier_custom .elementor-hidden-tablet,
.block_contnet_tab .elementor-hidden-tablet {
display: none !important;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.sldier_custom .elementor-hidden-tablet_extra,
.block_contnet_tab .elementor-hidden-tablet_extra {
display: none !important;
}
}
@media (min-width: 1201px) and (max-width: 1366px) {
.sldier_custom .elementor-hidden-laptop,
.block_contnet_tab .elementor-hidden-laptop {
display: none !important;
}
}
@media (min-width: 1367px) and (max-width: 2399px) {
.sldier_custom .elementor-hidden-desktop,
.block_contnet_tab .elementor-hidden-desktop {
display: none !important;
}
}
@media (min-width: 2400px) {
.sldier_custom .elementor-hidden-widescreen,
.block_contnet_tab .elementor-hidden-widescreen {
display: none !important;
}
}
@media (max-width: 1200px) {
.sldier_custom .common_arrow {
margin: 0;
position: absolute;
bottom: 30px;
right: 0;
left: 0 !important;
top: unset !important;
z-index: 999;
flex-direction: row !important;
}
.sldier_custom .common_arrow .trimprim-right-arrow, .sldier_custom .common_arrow .trimprim-right-arrow {
transform: unset !important;
top: 0px;
}
.sldier_custom .common_arrow .trimprim-left-arrow-right, .sldier_custom .common_arrow .trimprim-left-arrow-right {
transform: rotate(-180deg);
top: 1px !important;
}
}
.testimonial_box {
position: relative;
}
.testimonial_box.style_one {
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
overflow: hidden;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
}
.testimonial_box.style_one .ulrating {
flex-direction: column;
padding: 10px;
border-right: 1px solid var(--color-set-one-bor-1);
gap: 1rem;
justify-content: center;
}
.testimonial_box.style_one .ulrating span {
color: var(--color-set-one-1);
}
.testimonial_box.style_one .ulrating p {
margin: 0;
}
.testimonial_box.style_one .content_box .comment {
padding: 20px;
margin: 0;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.testimonial_box.style_one .authour_box {
padding: 20px;
gap: 1rem;
}
.testimonial_box.style_one .authour_box .authour_iamge img {
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 60px;
-o-object-position: top;
object-position: top;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial_box_two .rating {
padding: 0 !important;
}
.testimonial_box_two .rating li {
list-style: none;
display: flex;
gap: 0.2rem;
}
.testimonial_box_two .rating li span {
color: var(--color-set-one-1);
}
.testimonial_box_two.style_one {
padding: 30px;
background: var(--background-bg-1);
border-radius: 1rem;
}
.testimonial_box_two.style_one .rating li {
flex-direction: row-reverse;
}
.testimonial_box_two.style_one .authour_details {
position: relative;
gap: 1rem;
padding: 10px 20px;
border-radius: 10px;
align-items: center;
background: var(--background-white);
}
.testimonial_box_two.style_one .authour_details img {
min-width: 60px;
height: 60px;
width: 60px;
border-radius: 60px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.testimonial_box_two.style_one .authour_details .quote_icons {
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
font-size: 60px;
color: var(--color-set-one-1);
opacity: 0.2;
}
.testimonial_tab_v1 {
position: relative;
}
.testimonial_tab_v1 .testimonial-tab-slider-for {
pointer-events: none;
}
.testimonial_tab_v1 .testimonial-authimg {
padding: 10px;
background: var(--background-white);
border-radius: 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
text-align: center;
}
.testimonial_tab_v1 .testimonial-authimg img {
width: 100%;
height: auto;
border-radius: 10px;
margin-bottom: 0.5rem;
}
.testimonial_tab_v1 .testimonial-authimg p {
margin: 0;
}
.testimonial_tab_v1 .testimonial-authimg p i {
color: var(--color-set-one-1);
position: relative;
font-size: 18px;
top: 2px;
}
.testimonial_tab_v1 .testi_right_box {
position: relative;
}
.testimonial_tab_v1 .testi_right_box .image img {
width: 101px;
height: auto;
}
.testimonial_tab_v1 .testi_right_box .highlightext {
color: var(--color-set-one-1);
}
.testimonial_tab_v1 .testi_right_box .client {
gap: 0.2rem;
align-items: center;
}
.arrow {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
flex-direction: column;
text-align: center;
padding-right: 50px;
}
.arrow::before {
position: absolute;
content: "";
left: -48.5px;
top: 0;
bottom: 0;
width: 1px;
height: 55%;
background: var(--color-set-one-bor-1);
right: 0;
margin: auto;
}
.arrow .testione-button-next, .arrow .testione-button-prev {
border-radius: 50px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: var(--heading-color-one);
width: 50px;
height: 50px;
border: 1px solid var(--color-set-one-bor-1);
background: transparent;
}
.arrow .testione-button-next {
top: 10px !important;
}
.arrow .testione-button-next .trimprim-right-arrow {
transform: rotate(-90deg);
bottom: 3px;
}
.arrow .testione-button-prev {
bottom: 10px !important;
}
.arrow .testione-button-prev i {
top: 2px;
position: relative;
}
.fraction {
position: absolute;
right: 50px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.fraction .testione-pagination {
font-weight: normal;
font-size: 16px;
color: var(--heading-color-one);
font-family: var(--font-family-main);
line-height: normal;
}
.fraction .testione-pagination .swiper-pagination-current {
font-size: 30px;
font-weight: 500;
} 
@media (max-width: 768px) {
.testimonial_tab_v1 .fraction {
position: relative !important;
padding: 20px 0px;
right: 0 !important;
}
.testimonial_tab_v1 .testi_right_box {
padding-top: 40px;
}
}
.accordion_box {
position: relative;
}
.accordion_box .accordion {
margin-bottom: 15px;
}
.accordion_box .accordion:last-child {
margin-bottom: 0;
}
.accordion_box .faq_header {
justify-content: space-between;
gap: 1rem;
padding: 15px 20px;
background: var(--background-white);
border-radius: 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
gap: 1rem;
cursor: pointer;
}
.accordion_box .faq_header .quantion_box {
gap: 1rem;
}
.accordion_box .faq_header .quantion_box .icon i, .accordion_box .faq_header .quantion_box .icon span {
color: var(--color-set-one-1);
font-size: 24px;
display: flex;
}
.accordion_box .faq_header .rightcontent .stepno {
height: 40px;
border-radius: 6px;
background: var(--background-bg-1);
display: flex;
align-items: center;
justify-content: center;
padding: 0px 15px;
color: var(--color-set-one-3);
}
.accordion_box .faq_header .rightcontent .clickables {
position: relative;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 10px;
background: var(--background-bg-1);
}
.accordion_box .faq_header .rightcontent .clickables i {
font-size: 24px;
color: var(--color-set-one-3);
}
.accordion_box .faq_header .rightcontent .clickables i.trimprim-minus {
position: absolute;
font-size: 20px;
opacity: 0;
}
.accordion_box .faq_header.active, .accordion_box .faq_header:hover {
background: var(--color-set-one-2);
}
.accordion_box .faq_header.active .font-20, .accordion_box .faq_header:hover .font-20 {
color: var(--color-white);
}
.accordion_box .faq_header.active .rightcontent .stepno, .accordion_box .faq_header.active .rightcontent .clickables, .accordion_box .faq_header:hover .rightcontent .stepno, .accordion_box .faq_header:hover .rightcontent .clickables {
background: var(--background-white);
color: var(--color-set-one-2);
}
.accordion_box .faq_header.active .rightcontent .clickables i, .accordion_box .faq_header:hover .rightcontent .clickables i {
color: var(--color-set-one-2);
}
.accordion_box .faq_header.active .rightcontent i {
opacity: 0 !important;
}
.accordion_box .faq_header.active .rightcontent i.trimprim-minus {
opacity: 1 !important;
}
.accordion_box .accordion-content {
margin-top: 10px;
display: none;
padding: 25px;
background: var(--background-white);
border-radius: 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.accordion_box .accordion-content .faqcontent {
gap: 1rem;
}
.accordion_box .accordion-content .faqcontent .image {
min-width: 30%;
width: 30%;
}
.accordion_box .accordion-content .faqcontent .image img {
width: 100%;
border-radius: 10px;
height: 100%;
}
.accordion_box .accordion-content.current {
display: block;
}
@media (max-width: 768px) {
.accordion_box .accordion-content .faqcontent {
flex-direction: column;
}
.accordion_box .accordion-content .faqcontent .image {
width: 100%;
min-width: 100%;
}
}
.cardteam {
position: relative;
}
.cardteam.one .cardImage {
position: relative;
padding-right: 1.2rem;
overflow: hidden;
}
.cardteam.one .cardImage .flower-img {
position: absolute;
right: 0;
top: 0;
z-index: 9;
height: 50px;
width: auto;
top: 40%;
transform: translateY(40%);
}
.cardteam.one .cardImage .image {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.cardteam.one .cardImage .share_icons {
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-direction: row-reverse;
}
.cardteam.one .cardImage .share_icons a {
position: relative;
display: flex;
padding: 13px 12px 10px;
border-radius: 10px 10px 0 0;
font-size: 17px;
background: var(--background-bg-1);
color: var(--heading-color-one);
transform: translateY(100px);
opacity: 0;
}
.cardteam.one .cardImage .share_icons a::before {
position: absolute;
content: "";
width: 1px;
height: 20px;
background: var(--color-set-one-bor-1);
right: 0;
bottom: 0;
top: 5px;
margin: auto;
}
.cardteam.one .cardImage .share_icons > i {
padding: 13px 12px 10px;
border-radius: 10px 10px 0 0;
font-size: 17px;
background: var(--color-set-one-2);
color: var(--color-white);
cursor: pointer;
}
.cardteam.one .cardImage .share_icons .team-media {
display: flex;
flex-direction: row;
}
.cardteam.one .cardImage .share_icons .team-media .team-media-item:last-child a:before {
display: none;
}
.cardteam.one .cardImage .share_icons:hover a {
opacity: 1;
transform: translateY(0);
}
.cardteam.one .cardImage .share_icons:hover > i {
background: var(--color-set-one-1);
}
.cardteam.one .cardInfo {
padding: 1.2rem;
background: var(--background-white);
border-radius: 0 10px 10px 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
}
.cardteam.one .cardInfo p {
color: var(--color-set-one-1);
}
.cardteam.two {
padding: 10px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.cardteam.two .image {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.cardteam.two .team-media {
display: inline-flex;
gap: 0.3rem;
}
.cardteam.two .team-media .team-media-item a {
font-size: 16px;
min-height: 35px;
min-width: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background: var(--background-bg-1);
color: var(--color-set-one-3);
}
.cardteam.two .cardInfo {
padding: 20px 20px 10px;
text-align: center;
}
.cardteam.two .cardInfo .team-media {
padding-top: 0.6rem;
}
.cardteam.three {
text-align: center;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
padding: 30px;
}
.cardteam.three .image {
width: 200px;
height: 200px;
border-radius: 200px;
overflow: hidden;
margin: auto;
margin-bottom: 1.5rem;
}
.cardteam.three .team-media {
display: inline-flex;
padding-top: 1rem;
gap: 0.3rem;
}
.cardteam.three .team-media .team-media-item a {
font-size: 16px;
min-height: 35px;
min-width: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background: var(--background-bg-2);
color: var(--color-set-one-3);
}
.cardteam:hover .image img {
transform: scale(1.1);
}
.swiper-slide:nth-child(2n+1) .cardteam .cardImage .flower-img {
top: 10%;
transform: translateY(10%);
}
.box-user-info {
padding: 20px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
position: relative;
border-radius: 6px;
}
.box-user-info .image-user {
margin-bottom: 20px;
}
.box-user-info .image-user img {
border-radius: 6px;
display: block;
width: 100%;
}
.box-user-info .list-info-user {
padding: 0px !important;
}
.box-user-info .list-info-user li {
display: flex;
width: 100%;
justify-content: space-between;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid var(--color-set-one-bor-1);
margin-bottom: 10px;
}
.box-user-info .list-info-user li .label-left {
min-width: 65px;
}
.box-user-info .list-info-user li .text-info-right {
width: auto;
}
.box-user-info .list-info-user li:last-child {
border-bottom: 0px;
}
.box-user-info .icon-socials {
height: 20px;
width: 20px;
}
.box-user-info .meida {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 0.8rem;
}
.box-user-info .meida svg {
height: 18px;
width: auto;
}
.box-user-info .meida svg path {
fill: var(--heading-color-one);
}
.box-user-info .meida i {
font-size: 18px;
color: var(--heading-color-one);
}
.box-user-info .box-button-send {
margin-top: 10px;
}
.box-user-info .box-button-send .theme_btn {
width: 100%;
}
.price_box_tab_content {
position: relative;
transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transform: translateX(-100px);
display: none;
opacity: 0;
visibility: hidden;
}
.price_box_tab_content.active {
transform: translateX(0px);
opacity: 1;
visibility: visible;
display: block;
animation: fadeIn ease 0.9s;
-webkit-animation: fadeIn ease 0.9s;
-moz-animation: fadeIn ease 0.9s;
-o-animation: fadeIn ease 0.9s;
-ms-animation: fadeIn ease 0.9s;
transform: translateY(0px);
}
.price_tab_box_two .price_btn_s {
display: flex;
align-items: center;
padding: 0 !important;
margin: 0 0 2.5rem 0;
gap: 2rem;
}
.price_tab_box_two .price_btn_s li {
margin: 0;
position: relative;
list-style: none;
padding: 0 !important;
}
.price_tab_box_two .price_btn_s li .s_tab_btn {
display: flex;
align-items: center;
gap: 1rem;
cursor: pointer;
}
.price_tab_box_two .price_btn_s li .s_tab_btn .font-14 {
text-transform: uppercase;
font-weight: 700;
}
.price_tab_box_two .price_btn_s li .s_tab_btn .dot {
position: relative;
content: "";
width: 15px;
height: 15px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
border-radius: 50px;
left: 0;
top: -1px;
bottom: 0;
margin: auto;
}
.price_tab_box_two .price_btn_s li .s_tab_btn .dot::before {
position: absolute;
content: "";
width: 5px;
height: 5px;
border-radius: 60px;
left: 0px;
top: 0px;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
background: var(--color-set-one-1);
}
.price_tab_box_two .price_btn_s li .s_tab_btn.active .dot::before {
opacity: 1;
}
.price_tab_box_two .price_box_left_content .price_box_tab {
padding: 1.2rem;
border-radius: 10px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 1.2rem;
cursor: pointer;
position: relative;
overflow: hidden;
}
.price_tab_box_two .price_box_left_content .price_box_tab .tag {
position: absolute;
font-size: 14px;
text-transform: uppercase;
padding: 6px 10px;
color: var(--heading-color-one);
background: var(--background-bg-1);
line-height: normal;
right: 0;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
min-width: 80px;
text-align: center;
top: 0;
font-family: var(--font-family-main);
font-weight: 600;
opacity: 0;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
transform: translateY(-100px);
}
.price_tab_box_two .price_box_left_content .price_box_tab .top_content {
gap: 1.5rem;
}
.price_tab_box_two .price_box_left_content .price_box_tab .top_content i {
padding: 10px;
border-radius: 10px;
background: var(--background-bg-1);
font-size: 40px;
color: var(--color-set-one-1);
}
.price_tab_box_two .price_box_left_content .price_box_tab p {
margin: 0;
}
.price_tab_box_two .price_box_left_content .price_box_tab .theme_btn {
margin-top: 1rem;
width: 100%;
border-color: var(--background-white);
color: var(--color-white);
display: none;
}
.price_tab_box_two .price_box_left_content .price_box_tab .theme_btn:hover {
border-color: var(--color-set-one-2);
background: var(--color-set-one-2);
color: var(--color-white);
}
.price_tab_box_two .price_box_left_content .price_box_tab:hover .tag {
opacity: 1;
transform: translateY(0);
}
.price_tab_box_two .price_box_left_content .price_box_tab.active {
background: var(--color-set-one-1);
}
.price_tab_box_two .price_box_left_content .price_box_tab.active .top_content i {
background: var(--background-white);
}
.price_tab_box_two .price_box_left_content .price_box_tab.active .con * {
color: var(--color-white);
}
.price_tab_box_two .price_box_left_content .price_box_tab.active .theme_btn {
display: flex;
}
.price_tab_box_two .price_box_left_content .price_box_tab.active .tag {
color: var(--color-white);
background: var(--color-set-one-2);
opacity: 1;
transform: translateY(0);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content {
padding: 2rem 2rem 2rem;
margin-top: -4rem;
border-radius: 10px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .pattern_div {
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
min-width: 60%;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .pattern_div img {
margin-left: auto;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box {
padding: 1.5rem 1.3rem 1.3rem;
background: var(--background-bg-1);
border-radius: 10px;
gap: 2rem;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .price_duration {
position: relative;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .price_duration::before {
position: absolute;
content: "";
width: 1px;
height: 40px;
background: var(--color-set-one-bor-1);
top: 0;
left: -1rem;
bottom: 0;
margin: auto;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .left {
gap: 0.6rem;
align-items: flex-end;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .regular_price {
color: var(--content-color-one);
text-decoration: line-through;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .offer_price {
color: var(--color-set-one-1);
line-height: 40px;
font-weight: 600;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .offer_price sub, .price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .offer_price sup {
bottom: unset;
top: -0.8rem;
font-size: 30px;
padding-right: 0.2rem;
line-height: normal;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .offer_price span {
font-size: 20px;
line-height: normal;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .price_box .regular_price {
font-size: 16px;
padding-bottom: 3px;
line-height: normal;
color: var(--color-set-one-3);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet {
padding: 25px 0 0 0;
justify-content: space-between;
gap: 1rem;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .left_con {
min-width: 46%;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .font-16 {
margin-bottom: 1.5rem;
text-decoration: underline;
text-decoration-color: var(--color-set-one-1);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet ul {
padding: 0;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet ul li {
list-style: none;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
font-size: 16px;
font-family: var(--font-family-text);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet ul li i {
font-size: 20px;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet ul li.no {
color: var(--content-color-two);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content {
min-width: 48%;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content .box-content-in {
min-height: 262px;
border-radius: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
overflow: hidden;
padding: 20px;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content .box-content-in::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--color-set-one-2);
z-index: 0;
opacity: 0.5;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content .font-14 {
text-transform: uppercase;
font-weight: 700;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content i {
color: var(--color-white);
font-size: 60px;
line-height: normal;
display: block;
margin: 0.7rem 0;
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content a.theme_btn {
background: var(--background-white);
border-color: var(--background-white);
color: var(--heading-color-one);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content a.theme_btn span {
color: var(--color-set-one-1);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content a.theme_btn:hover {
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
color: var(--color-white);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content a.theme_btn:hover span {
color: var(--color-white);
}
.price_tab_box_two .price_box_right_content .price_box_tab_content .other_contnet .box-content * {
z-index: 1;
}
.contact-box-widget {
position: relative;
}
.contact-box-widget .icon_boxs svg {
height: auto;
width: 120px;
}
.fun-fact-box {
position: relative;
}
.fun-fact-box.style_one .coun_ter {
font-weight: 600;
display: inline-flex;
}
.fun-fact-box.style_one .icon .inicon {
display: inline-block;
padding: 12px;
background: var(--background-bg-1);
border-radius: 50px;
}
.fun-fact-box.style_one .icon i, .fun-fact-box.style_one .icon span {
font-size: 30px;
color: var(--color-set-one-1);
display: flex;
align-items: center;
justify-content: center;
}
.fun-fact-box.style_one .icon img {
width: 30px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.fun-fact-box.style_one .icon svg {
font-size: 30px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.fun-fact-box.style_one .icon svg path {
fill: var(--color-set-one-1);
}
.fun-fact-box.style_two {
padding: 20px 12px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.fun-fact-box.style_two.ccolumn {
flex-direction: column;
}
.fun-fact-box.style_two.crow {
gap: 1rem;
padding: 20px;
}
.fun-fact-box.style_two.crow .icon {
display: flex;
margin: 0;
}
.fun-fact-box.style_two .icon i, .fun-fact-box.style_two .icon span {
font-size: 40px;
color: var(--color-set-one-1);
}
.fun-fact-box.style_two .icon img {
width: 40px;
height: auto;
}
.fun-fact-box.style_two .icon svg {
width: 40px;
height: auto;
}
.fun-fact-box.style_two .icon svg path {
fill: var(--color-set-one-1);
}
.before_after_sec .swiper-slide {
padding: 15px;
}
.before-box-widget {
position: relative;
background: var(--background-white);
border-radius: 10px;
padding: 22px 22px 12px;
margin-bottom: 1.5rem;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
}
.before-box-widget .before-after-popup-btn {
position: absolute;
bottom: 50px;
right: 40px;
padding: 15px 15px 6px;
border-radius: 0px;
background: var(--background-white);
border: unset;
color: var(--heading-color-one);
border-top-left-radius: 40px;
border-top-right-radius: 40px;
z-index: 11;
font-size: 21px;
}
.before-box-widget .top_content {
gap: 0.4rem;
flex-direction: column;
}
.before-box-widget .catbeaf {
position: absolute;
display: flex;
max-width: 200px;
padding: 3px 15px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
background: var(--background-white);
border-radius: 50px;
z-index: 9;
justify-content: center;
align-items: center;
top: -18px;
right: 0;
font-weight: 500;
left: 0;
margin: auto;
}
.before-box-widget .image {
position: relative;
overflow: unset;
}
.before-box-widget .image.img_obj_fit_center img {
height: 250px;
}
.before-box-widget .image img {
width: 100%;
height: auto;
border-radius: 10px;
}
.before-box-widget .ver_before, .before-box-widget .after_text, .before-box-widget .befaftag {
position: absolute;
left: -23px;
top: 0;
font-size: 13px;
font-weight: 700;
bottom: 0;
margin: auto;
text-transform: uppercase;
}
.before-box-widget .befaftag {
position: absolute;
right: -23px;
left: unset;
}
.process_box {
position: relative;
align-items: center;
border-top: 1px solid var(--color-set-one-bor-1);
border-bottom: 1px solid var(--color-set-one-bor-1);
gap: 2rem;
}
.process_box .icon {
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: var(--background-bg-1);
border: 1px solid var(--background-bg-1);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 1rem;
margin-top: 1rem;
min-width: 120px;
}
.process_box .icon i, .process_box .icon span {
font-size: 50px;
color: var(--color-set-one-1);
}
.process_box .icon img {
width: 50px;
height: auto;
}
.process_box .icon svg {
width: 50px;
height: auto;
}
.process_box .icon svg path {
fill: var(--color-set-one-1);
}
.process_box .number_outer {
position: relative;
padding: 3rem 1rem;
}
.process_box .number_outer::before {
position: absolute;
content: "";
width: 1px;
background: var(--color-set-one-bor-1);
height: 100%;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.process_box .number {
width: 80px;
min-width: 80px;
height: 80px;
margin: auto;
border: 1px solid var(--color-set-one-bor-1);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: var(--background-white);
}
.process_box .number span {
color: var(--content-color-one);
font-weight: 500;
}
.process_box .divider {
width: 1px;
height: 120px;
background: var(--color-set-one-bor-1);
margin: auto;
}
.process_box .title_content {
gap: 2rem;
}
.process_box .title_content .font-24 {
min-width: 35%;
text-align: center;
display: flex;
align-items: center;
gap: 1rem;
}
.process_box .title_content .font-24 i {
position: relative;
font-size: 18px;
color: var(--heading-color-one);
z-index: 2;
}
.process_box .title_content .font-24 em {
position: absolute;
width: 15px;
height: 15px;
border-radius: 15px;
background: var(--color-set-one-1);
border-radius: 15px;
z-index: -1;
right: -5px;
top: -1px;
bottom: 0;
margin: auto;
}
.process_box .title_content .text-16 {
padding-left: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (max-width: 992px) {
.process_box .title_content {
padding: 1rem;
flex-direction: column;
}
.process_box .title_content .divider {
display: none;
}
}
@media (max-width: 600px) {
.process_box {
padding: 3rem 0;
flex-direction: column;
gap: 1rem;
}
.process_box .title_content {
padding: 1rem 0;
flex-direction: column;
}
.process_box .title_content .divider {
display: none;
}
.process_box .text-16 {
padding: 1rem 0 !important;
}
}
html body .products:not(.related) {
margin: 0 -15px !important;
display: flex;
padding: 0 !important;
flex-wrap: wrap;
}
html body .products:not(.related) li {
margin: 0 !important;
float: unset !important;
padding: 0px 15px 30px !important;
}
.deals_box .deals-countdown {
display: flex;
align-items: center;
gap: 0.5rem;
}
.deals_box .deals-countdown .countdown-section {
padding: 10px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
max-width: 70px;
min-height: 70px;
min-width: 70px;
font-size: 18px;
font-family: var(--font-family-main);
max-height: 70px;
align-items: center;
justify-content: center;
border-radius: 10px;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.deals_box .deals-countdown .countdown-period {
position: relative;
line-height: 9px;
display: block;
text-transform: uppercase;
}
.deals_box .deals-countdown .countdown-period:before {
position: relative;
content: "";
font-size: 12px;
line-height: 12px;
}
.sold_progress_bar {
background-color: var(--background-bg-1);
border-radius: 30px;
position: relative;
margin: 0px 0 34px;
height: 8px;
}
.sold_progress_bar .sold-done {
background: var(--color-set-one-1);
border-radius: 30px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 0;
opacity: 0;
transition: 1s ease 0.3s;
}
.sold_progress_bar span {
padding-top: 4px;
font-weight: 500;
color: var(--heading-color-one);
font-family: var(--font-family-main);
}
.sold_progress_bar span em {
font-style: normal !important;
font-weight: normal;
}
html body .products.columns-1 li {
width: 100% !important;
}
html body .products.columns-2 li {
width: 50% !important;
}
html body .products.columns-3 li {
width: 33.33% !important;
}
html body .products.columns-4 li {
width: 25% !important;
}
html body .products.columns-5 li {
width: 20% !important;
}
html body .products.columns-6 li {
width: 16.66% !important;
}
html body .products.columns-7 li {
width: 14.2857% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-4 li {
width: 33.33% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-5 li {
width: 33.33% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-6 li {
width: 33.33% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-7 li {
width: 33.33% !important;
}
@media (max-width: 992px) {
html body .products.columns-3 li {
width: 50% !important;
}
html body .products.columns-4 li {
width: 50% !important;
}
html body .products.columns-5 li {
width: 50% !important;
}
html body .products.columns-6 li {
width: 50% !important;
}
html body .products.columns-7 li {
width: 50% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-4 li {
width: 50% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-5 li {
width: 50% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-6 li {
width: 50% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-7 li {
width: 50% !important;
}
}
@media (max-width: 768px) {
html body .product_box:not(.style_recentview, .two_deal_box) .add_to_cart_button i, html body .product_box:not(.style_recentview, .two_deal_box) .buy-now-button i, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_grouped i, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_variable i, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_simple i {
min-width: 30px !important;
min-height: 30px !important;
font-size: 16px;
}
}
@media (max-width: 400px) {
html body .products.columns-3 li {
width: 100% !important;
}
html body .products.columns-4 li {
width: 100% !important;
}
html body .products.columns-5 li {
width: 100% !important;
}
html body .products.columns-6 li {
width: 100% !important;
}
html body .products.columns-7 li {
width: 100% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-4 li {
width: 100% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-5 li {
width: 100% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-6 li {
width: 100% !important;
}
html body.showing-sidebar:not(.sidebar-hidden) .products.columns-7 li {
width: 100% !important;
}
}
html body .page_wapper .products .display-list,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list {
width: 100% !important;
}
html body .page_wapper .products .display-list .product_box,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box {
padding: 40px 20px 40px !important;
border-radius: 10px !important;
background: var(--background-bg-1);
}
html body .page_wapper .products .display-list .product_box .add_to_cart_button i,
html body .page_wapper .products .display-list .product_box .button.product_type_grouped i,
html body .page_wapper .products .display-list .product_box .button.product_type_simple i,
html body .page_wapper .products .display-list .product_box .button.product_type_variable i,
html body .page_wapper .products .display-list .product_box .buy-now-button i,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .add_to_cart_button i,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .button.product_type_grouped i,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .button.product_type_simple i,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .button.product_type_variable i,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .buy-now-button i {
background: var(--color-set-one-1) !important;
color: var(--color-white) !important;
}
html body .page_wapper .products .display-list .product_box .buttondflex,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .buttondflex {
margin-top: 2rem;
gap: 1rem;
}
html body .page_wapper .products .display-list .product_box .sold_progress_bar,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .sold_progress_bar {
margin-top: 1rem;
background-color: var(--background-bg-2);
}
html body .page_wapper .products .display-list .product_box img,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box img {
margin-bottom: 0 !important;
}
html body .page_wapper .products .display-list .product_box .product-shipping,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box .product-shipping {
background: var(--background-bg-2);
}
html body .page_wapper .products .display-list .upper_box,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .upper_box {
position: absolute;
top: 10px;
right: 10px;
z-index: 9;
gap: 1rem;
}
html body .page_wapper .products .display-list .left_box,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .left_box {
min-width: 35%;
width: 35%;
}
html body .page_wapper .products .display-list .right_box,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .right_box {
min-width: 57%;
width: 57%;
}
html body .page_wapper .products .display-list .product_box > .d_flex,
html body.showing-sidebar:not(.sidebar-hidden) .products li.display-list .product_box > .d_flex {
gap: 1rem;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.display-list {
width: 100% !important;
}
.absolink {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.wis_co_qu {
gap: 0.5rem;
position: absolute;
top: 10px;
right: 10px;
flex-direction: column;
}
.wis_co_qu a, .wis_co_qu button {
padding: 0px;
background: unset;
border: unset;
display: flex;
}
.wis_co_qu a i, .wis_co_qu button i {
background: var(--background-white);
color: var(--heading-color-one);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
display: flex;
padding: 10px;
border-radius: 5px;
}
.wis_co_qu a span, .wis_co_qu button span {
position: absolute;
font-size: 14px;
font-family: var(--font-family-main);
line-height: 14px;
min-width: 100px;
text-align: center;
top: 0;
bottom: 0;
margin: auto;
min-height: 30px;
right: calc(100% + 10px);
padding: 8px 10px;
border-radius: 5px;
color: var(--heading-color-one);
background: var(--background-white);
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.wis_co_qu a span::before, .wis_co_qu button span::before {
position: absolute;
top: 0px;
right: -18px;
bottom: 0;
width: 20px;
margin: auto;
content: "";
height: 10px;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
border-left: 10px solid var(--background-white);
border-right: 10px solid transparent;
}
.wis_co_qu a:hover span, .wis_co_qu button:hover span {
opacity: 1;
visibility: visible;
}
html body .product_box:not(.style_recentview, .two_deal_box) .add_to_cart_button, html body .product_box:not(.style_recentview, .two_deal_box) .buy-now-button, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_external, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_grouped, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_variable,
html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_simple {
position: relative;
padding: 0 !important;
margin: 0;
background: unset !important;
border: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
html body .product_box:not(.style_recentview, .two_deal_box) .add_to_cart_button i, html body .product_box:not(.style_recentview, .two_deal_box) .buy-now-button i, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_external i, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_grouped i, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_variable i,
html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_simple i {
background: var(--background-bg-1);
color: var(--heading-color-one);
display: flex;
min-width: 40px;
min-height: 40px;
align-items: center;
justify-content: center;
border-radius: 5px;
}
html body .product_box:not(.style_recentview, .two_deal_box) .add_to_cart_button span, html body .product_box:not(.style_recentview, .two_deal_box) .buy-now-button span, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_external span, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_grouped span, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_variable span,
html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_simple span {
position: absolute !important;
font-size: 12px !important;
font-family: var(--font-family-main);
line-height: 14px;
min-width: 110px;
text-align: center;
top: -40px;
height: 30px;
left: unset;
right: 0;
padding: 8px 10px;
border-radius: 5px;
color: var(--heading-color-one);
background: var(--background-white);
opacity: 0;
visibility: hidden;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
}
html body .product_box:not(.style_recentview, .two_deal_box) .add_to_cart_button span::before, html body .product_box:not(.style_recentview, .two_deal_box) .buy-now-button span::before, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_external span::before, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_grouped span::before, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_variable span::before,
html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_simple span::before {
position: absolute;
bottom: -18px;
right: 0;
width: 20px;
content: "";
height: 10px;
border-bottom: 10px solid transparent;
border-top: 10px solid var(--background-white);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
html body .product_box:not(.style_recentview, .two_deal_box) .add_to_cart_button:hover span, html body .product_box:not(.style_recentview, .two_deal_box) .buy-now-button:hover span, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_external:hover span, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_grouped:hover span, html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_variable:hover span,
html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_simple:hover span {
opacity: 1;
visibility: visible;
}
html body .product_box:not(.style_recentview, .two_deal_box) .button.product_type_external span {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: initial !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
padding: 3px 10px;
min-width: 160px;
}
html body .comprice > * {
font-family: var(--font-family-main);
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: var(--color-set-one-1);
text-decoration: unset;
}
html body .comprice {
display: flex;
color: var(--color-set-one-1);
align-items: center;
gap: 0.4rem;
}
html body .comprice ins {
font-family: var(--font-family-main);
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: var(--color-set-one-1);
order: 1;
text-decoration: unset;
}
html body .comprice del {
order: 2;
text-decoration: line-through;
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: var(--content-color-one);
}
html body .badges_box {
position: absolute;
left: 10px;
top: 10px;
}
html body .badges_box .badge_type_one, html body .badges_box .onsale, html body .badges_box .product-badge-text, html body .badges_box .badge_text {
position: relative !important;
padding: 5px 10px !important;
margin: 0 !important;
border-radius: 5px !important;
background: var(--color-set-one-1) !important;
line-height: normal !important;
font-size: 12px !important;
min-height: unset !important;
color: var(--color-white) !important;
display: flex !important;
min-width: 70px !important;
text-align: center;
font-weight: normal !important;
align-items: center;
justify-content: center;
}
html body .badges_box .product-badge-text, html body .badges_box .badge_text {
background: var(--color-set-one-2) !important;
}
.badges_box {
gap: 0.4rem;
}
.product-shipping {
margin: 5px 0px;
padding: 4px 10px;
display: inline-flex !important;
border-radius: 40px;
background: var(--background-bg-1);
text-align: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
color: var(--heading-color-one);
gap: 0.5rem;
}
.product-shipping i {
font-size: 24px;
color: var(--color-set-one-1);
}
.product_box {
position: relative;
display: flex;
flex-direction: column;
}
.product_box .deals_box .deals-countdown {
justify-content: center;
}
.product_box .deals_box .deals-countdown .countdown-section {
min-width: 52px;
max-width: 52px;
max-height: 52px;
min-height: 52px;
padding: 5px;
gap: 0rem;
}
.product_box .deals_box .deals-countdown .countdown-section * {
font-size: 14px;
}
.product_box .deals_box .deals-countdown .countdown-section .countdown-period:before {
font-size: 10px;
}
.product_box .wis_co_qu {
right: -40px;
opacity: 0;
visibility: hidden;
}
.product_box.style_one {
text-align: center;
border: 1px solid var(--color-set-one-bor-1);
border-radius: 10px;
padding: 10px;
overflow: hidden;
}
.product_box.style_one .in_upper_box {
padding: 10px 10px 10px;
background: var(--background-bg-1);
border-radius: 10px;
}
.product_box.style_one .product-shipping {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: unset;
padding: 0px;
}
.product_box.style_one .ship_cart {
padding-top: 2rem;
}
.product_box.style_one .price_cart_box {
background: var(--background-white);
padding: 6px 6px 6px 8px;
border-radius: 10px;
justify-content: space-between;
align-items: center;
}
.product_box.style_one .comprice ins {
font-size: 15px;
}
.product_box.style_one .comprice del {
font-size: 10px;
}
.product_box.style_one .comprice > * {
font-size: 15px;
}
.product_box.style_one .product-rate {
justify-content: center;
margin: 0px;
padding: 4px 0px 8px;
}
.product_box.style_one .product-rate .star-rating {
margin: 0;
}
.product_box.style_one .in_lower_box {
padding-top: 1rem;
}
.product_box.style_one .btn_carts {
gap: 0.33rem;
}
.product_box.style_one .deals_title {
font-weight: normal;
color: var(--content-color-one);
}
.product_box.style_one .add_to_cart_button i, .product_box.style_one .buy-now-button i, .product_box.style_one .button.product_type_grouped i, .product_box.style_one .button.product_type_variable i,
.product_box.style_one .button.product_type_simple i {
min-width: 35px;
min-height: 35px;
}
.product_box.style_one .deals_box .deals-countdown .countdown-section {
background: unset;
box-shadow: unset;
padding: 0px;
min-width: unset;
max-width: unset;
max-height: unset;
min-height: unset;
}
.product_box.two_deal_box .deals_box {
margin-bottom: 2rem;
}
.product_box.two_deal_box .deals_box .deals-countdown {
justify-content: flex-start;
}
.product_box.two_deal_box .deals_image {
padding: 10px;
border-radius: 10px;
background: var(--background-bg-2);
}
.product_box.two_deal_box .deals_image img {
margin: auto;
border-radius: 10px;
}
.product_box.two_deal_box .csbx {
gap: 0.5rem;
margin-bottom: 5px;
}
.product_box.two_deal_box .catpro {
margin: 5px 0px;
padding: 4px 10px;
display: inline-flex !important;
border-radius: 40px;
text-align: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
color: var(--heading-color-one);
gap: 0.5rem;
}
.product_box.two_deal_box .catpro, .product_box.two_deal_box .product-shipping {
background: var(--background-bg-2);
}
.product_box.two_deal_box .bottom_box {
padding: 25px 0 0;
}
.product_box.two_deal_box .sold_progress_bar {
background: var(--background-bg-2);
}
.product_box.two_deal_box .comprice {
margin-bottom: 1rem;
}
.product_box.two_deal_box .comprice ins {
font-size: 26px;
}
.product_box.two_deal_box .comprice del {
font-size: 16px;
}
.product_box.two_deal_box .comprice > * {
font-size: 26px;
}
.product_box.two_deal_box .product-rate {
margin-top: 10px;
}
.product_box.two_deal_box .product-rate .font-12 {
top: -3px;
}
.product_box.two_deal_box .sold_progress_bar {
margin-bottom: 25px;
}
.product_box.two_deal_box .buttondflex {
margin-top: 1.4rem;
gap: 1rem;
}
.product_box.two_deal_box .deals_box {
margin-top: 10px;
}
.product_box.two_deal_box .font-18 {
font-size: 26px;
line-height: normal;
}
.product_box:hover .wis_co_qu {
opacity: 1;
right: 10px;
visibility: visible;
}
.product_box.two_deal_box .add_to_cart_button, .product_box.two_deal_box .buy-now-button, .product_box.two_deal_box .button.product_type_grouped, .product_box.two_deal_box .button.product_type_variable, .product_box.two_deal_box .button.product_type_simple, .product_box.style_two .add_to_cart_button, .product_box.style_two .buy-now-button, .product_box.style_two .button.product_type_grouped, .product_box.style_two .button.product_type_variable, .product_box.style_two .button.product_type_simple {
padding: 10px 20px !important;
background: var(--color-set-one-1) !important;
border-color: var(--color-set-one-1) !important;
border-radius: 10px;
display: flex !important;
gap: 0.5rem;
font-weight: 600;
font-size: 16px !important;
}
.product_box.two_deal_box .add_to_cart_button i, .product_box.two_deal_box .buy-now-button i, .product_box.two_deal_box .button.product_type_grouped i, .product_box.two_deal_box .button.product_type_variable i, .product_box.two_deal_box .button.product_type_simple i, .product_box.style_two .add_to_cart_button i, .product_box.style_two .buy-now-button i, .product_box.style_two .button.product_type_grouped i, .product_box.style_two .button.product_type_variable i, .product_box.style_two .button.product_type_simple i {
font-size: 20px;
display: flex !important;
min-width: unset;
min-height: unset;
background: unset;
color: var(--color-white) !important;
}
.product_box.two_deal_box .add_to_cart_button span, .product_box.two_deal_box .buy-now-button span, .product_box.two_deal_box .button.product_type_grouped span, .product_box.two_deal_box .button.product_type_variable span, .product_box.two_deal_box .button.product_type_simple span, .product_box.style_two .add_to_cart_button span, .product_box.style_two .buy-now-button span, .product_box.style_two .button.product_type_grouped span, .product_box.style_two .button.product_type_variable span, .product_box.style_two .button.product_type_simple span {
position: relative !important;
opacity: 1;
visibility: visible;
top: unset;
right: unset;
bottom: unset;
align-items: center;
box-shadow: unset;
background: unset;
font-weight: 600;
font-size: 16px !important;
gap: 0.5rem;
min-width: unset;
padding: unset;
height: unset;
color: var(--color-white) !important;
}
.product_box.two_deal_box .add_to_cart_button span::before, .product_box.two_deal_box .buy-now-button span::before, .product_box.two_deal_box .button.product_type_grouped span::before, .product_box.two_deal_box .button.product_type_variable span::before, .product_box.two_deal_box .button.product_type_simple span::before, .product_box.style_two .add_to_cart_button span::before, .product_box.style_two .buy-now-button span::before, .product_box.style_two .button.product_type_grouped span::before, .product_box.style_two .button.product_type_variable span::before, .product_box.style_two .button.product_type_simple span::before {
display: none;
}
.product_box.style_two .in_upper_box {
overflow: hidden;
border-radius: 10px;
background: var(--background-bg-1);
}
.product_box.style_two .in_upper_box .btn_carts {
gap: 0.5rem;
justify-content: space-between;
padding: 10px;
position: absolute;
bottom: 10px;
z-index: 99;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
}
.product_box.style_two .in_upper_box .add_to_cart_button, .product_box.style_two .in_upper_box .buy-now-button {
width: 48%;
min-width: 48%;
padding: 10px 10px !important;
}
.product_box.style_two .in_upper_box .add_to_cart_button span, .product_box.style_two .in_upper_box .buy-now-button span {
font-size: 14px !important;
}
.product_box.style_two .in_upper_box .button.product_type_grouped {
width: 100%;
padding: 10px 10px !important;
}
.product_box.style_two .in_upper_box .button.product_type_grouped span {
font-size: 14px !important;
}
.product_box.style_two .in_upper_box img {
margin: auto;
}
.product_box.style_two .in_lower_box {
padding-top: 1.2rem;
}
.product_box.style_two .in_lower_box .font-18 {
font-size: 24px;
line-height: 32px;
}
.product_box.style_two .in_lower_box .product-rate .font-12 {
top: -3px;
}
.product_box.style_two:hover .btn_carts {
opacity: 1;
visibility: visible;
}
.elementor-widget-container .product_box {
margin-bottom: 30px;
}
.elementor-widget-container .product_box.style_one {
padding: 0 0 30px;
border: unset;
margin-bottom: unset;
}
.contnet_box_1 {
border-radius: 10px;
background: var(--background-bg-1);
padding: 20px 20px 10px;
}
.contnet_box_1 .image {
padding-left: 3rem;
position: relative;
}
.contnet_box_1 .image img {
margin-left: auto;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transform: scale(1);
}
.contnet_box_1 .vertical-text {
color: var(--color-set-one-1);
position: absolute;
bottom: 10%;
top: 0;
text-transform: uppercase;
margin: auto;
}
.contnet_box_1 .vertical-text span {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
.contnet_box_1 .vertical-text .line {
position: relative;
height: 40px;
width: 1px;
background: var(--color-set-one-bor-1);
left: 0;
right: 0;
margin: auto;
}
.contnet_box_1 .lawnshaper-top-right {
position: absolute;
top: 10px;
left: 10px;
padding: 12px;
border-radius: 10px;
background: var(--background-white);
color: var(--heading-color-one);
font-size: 20px;
}
.contnet_box_1:hover .lawnshaper-top-right {
background: var(--color-set-one-1);
color: var(--color-white);
}
.contnet_box_1:hover .image img {
transform: scale(1.05);
}
.product_show_tab .showcase_tabs_btns {
display: flex;
gap: 0 1.8rem;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 1rem;
padding: 0;
}
.product_show_tab .showcase_tabs_btns li {
list-style: none;
}
.product_show_tab .showcase_tabs_btns li button {
padding: 0;
font-size: 14px;
line-height: normal;
font-weight: 600;
text-transform: uppercase;
background: unset;
color: var(--heading-color-one);
border: unset;
}
.product_show_tab .showcase_tabs_btns li button.active, .product_show_tab .showcase_tabs_btns li button:hover {
color: var(--color-set-one-1);
}
@media (max-width: 992px) {
.product_show_tab .showcase_tabs_btns {
gap: 0.1rem 1.5rem;
}
}
html body .frequently-bought-together {
position: relative;
}
html body .frequently-bought-together .products {
margin: 0 !important;
}
.frequently-bought-together:not(.elementor_wid_freq) {
position: relative;
}
.frequently-bought-together:not(.elementor_wid_freq) .products {
display: flex;
gap: 1rem;
}
.frequently-bought-together:not(.elementor_wid_freq) .products .product {
position: relative;
min-width: 32.33%;
width: 32.33%;
border: 1px solid var(--color-set-one-bor-1);
padding: 20px;
border-radius: 10px;
}
.frequently-bought-together:not(.elementor_wid_freq) .products .product input {
position: absolute;
top: 10px;
right: 10px;
border-radius: 30px;
}
.frequently-bought-together:not(.elementor_wid_freq) .products .product .fimage {
position: relative;
padding-bottom: 1rem;
}
.frequently-bought-together:not(.elementor_wid_freq) .products .product .fimage img {
width: auto;
max-height: 200px;
margin: auto;
}
.frequently-bought-together:not(.elementor_wid_freq) .fmtotal {
margin-top: 10px;
gap: 0.5rem;
justify-content: space-between;
padding: 20px;
background: var(--background-bg-1);
border-radius: 10px;
}
.frequently-bought-together:not(.elementor_wid_freq) .fmtotal p {
margin: 0;
}
.elementor_wid_freq_outer .swiper-slide {
padding: 10px;
}
.elementor_wid_freq_outer .elementor_wid_freq {
padding: 20px !important;
background: var(--background-white);
border-radius: 10px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
}
.elementor_wid_freq_outer .elementor_wid_freq .products {
display: flex;
flex-direction: column;
gap: 1rem;
}
.elementor_wid_freq_outer .elementor_wid_freq .products .product {
display: flex;
align-items: center;
gap: 1.5rem;
padding-right: 3rem;
position: relative;
}
.elementor_wid_freq_outer .elementor_wid_freq .products .product input {
position: absolute;
top: 10px;
right: 0px;
border-radius: 30px;
}
.elementor_wid_freq_outer .elementor_wid_freq .products .product .stock-status {
color: var(--content-color-one);
font-size: 14px;
line-height: normal;
}
.elementor_wid_freq_outer .elementor_wid_freq .products .product .fimage {
background: var(--background-bg-1);
border-radius: 10px;
padding: 0.5rem;
max-width: 160px;
max-height: 160px;
}
.elementor_wid_freq_outer .elementor_wid_freq .products .product .fimage img {
max-width: 90px;
height: auto;
}
.elementor_wid_freq_outer .elementor_wid_freq .fmtotal {
border-radius: 10px;
background: var(--color-set-one-2);
margin-top: 15px;
gap: 0.5rem;
padding: 5px 5px 5px 20px;
justify-content: space-between;
}
.elementor_wid_freq_outer .elementor_wid_freq .fmtotal p {
margin: 0;
color: var(--color-white);
font-size: 14px;
}
.elementor_wid_freq_outer .elementor_wid_freq .fmtotal strong {
color: var(--color-white);
}
@media (max-width: 992px) {
.elementor_wid_freq_outer .elementor_wid_freq .fmtotal {
flex-wrap: wrap;
padding: 10px;
}
}
.star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: WooCommerce;
}
.star-rating::before {
content: "sssss";
color: var(--color-set-one-bor-1);
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
}
.product-rate .font-12 {
position: relative;
top: 1px;
}
.star-rating {
display: block;
margin: 0 0 0.5em;
float: none;
}
.wc-block-grid__products {
position: relative;
gap: 0.7rem;
margin: unset !important;
justify-content: space-between;
}
.wc-block-grid__products li {
padding: 10px;
border-radius: 10px;
background: var(--background-white);
margin: 0 0 5px !important;
flex: 1 0 47% !important;
max-width: 47% !important;
}
.wc-block-grid__products .wc-block-grid__product-onsale .screen-reader-text {
display: none;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
background: var(--background-white) !important;
border: 1px solid var(--color-set-one-bor-1) !important;
border-radius: 4px;
color: var(--heading-color-one) !important;
display: inline-block;
font-size: 12px !important;
font-weight: 600;
left: auto;
padding: 0px 8px !important;
position: relative !important;
right: unset !important;
text-align: center;
text-transform: capitalize !important;
top: unset !important;
width: auto;
z-index: 9;
}
.wc-block-grid .wc-block-grid__product-onsale span, .wc-block-grid__product-image .wc-block-grid__product-onsale span {
font-size: 12px !important;
color: var(--heading-color-one) !important;
}
.wc-block-grid__product-link {
display: flex !important;
flex-direction: column;
}
.wc-block-grid__product-link .wc-block-grid__product-image {
order: 1;
}
.wc-block-grid__product-link .wc-block-grid__product-onsale {
order: 2;
}
.wc-block-grid__products .wc-block-grid__product-image img {
width: 60% !important;
height: auto !important;
margin: auto;
}
body .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, body .editor-styles-wrapper .wc-block-grid__product-title, body .wc-block-grid__product-title {
font-size: 16px !important;
line-height: normal;
font-weight: 600;
color: var(--heading-color-one);
word-break: break-word;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wc-block-components-filter-reset-button span, .wc-block-active-filters .wc-block-active-filters__clear-all span {
color: var(--color-white);
padding: 3px 12px !important;
font-weight: 600 !important;
border-radius: 8px !important;
font-size: 14px !important;
font-family: var(--font-family-main) !important;
}
.wc-block-grid__product-price {
justify-content: center;
}
html body .widgets_grid_box .wc-block-grid__product-price ins * {
font-family: var(--font-family-main);
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: var(--color-set-one-1);
text-decoration: unset;
}
html body .widgets_grid_box .wc-block-grid__product-price {
display: flex;
color: var(--color-set-one-1);
align-items: center;
gap: 0.4rem;
}
html body .widgets_grid_box .wc-block-grid__product-price ins, html body .widgets_grid_box .wc-block-grid__product-price ins span {
font-family: var(--font-family-main);
font-size: 13px;
line-height: 22px;
font-weight: 600;
color: var(--color-set-one-1);
order: 1;
text-decoration: unset;
}
html body .widgets_grid_box .wc-block-grid__product-price del, html body .widgets_grid_box .wc-block-grid__product-price del span {
order: 2;
text-decoration: line-through;
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: var(--content-color-one);
}
.widgets_grid_box:last-child {
margin-bottom: 0;
} .quick-view-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
vertical-align: hidden;
opacity: 0;
transform: translateY(-100%);
}
.quick-view-modal.open {
transform: translateY(0);
z-index: 999;
visibility: visible;
opacity: 1;
}
.quick-view-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.quick-view-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
max-width: 1200px;
width: 90%;
max-height: 80%;
overflow: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.quick-view-content .woocommerce-Tabs-panel {
display: none;
}
.quick-view-close {
position: absolute;
top: 10px;
right: 10px;
padding: 10px 15px;
z-index: 99;
background: var(--color-set-one-1);
color: var(--color-white);
border-radius: 40px;
font-size: 20px;
cursor: pointer;
}
.quick-view-loader {
text-align: center;
padding: 20px;
display: none;
} .compare-products {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.compare-products li {
border: 1px solid #ddd;
margin: 10px;
padding: 10px;
width: 23%;
box-sizing: border-box;
position: relative;
}
.remove-compare-button {
position: relative;
background-color: #f00;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer;
}
.remove-compare-button:hover {
background-color: #d00;
}
.compare-table .quantity input {
text-align: center;
} .wishlist-products {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.wishlist-products li {
border: 1px solid #ddd;
margin: 10px;
padding: 10px;
width: 23%;
box-sizing: border-box;
position: relative;
}
.single-product .compare-button.added i, .single-product .wishlist-button.added i {
padding: 10px;
border-radius: 5px;
}
.top_bottom_single .only_share {
padding: 20px 0 0;
margin: 20px 0 0;
border-top: 1px solid var(--color-set-one-bor-1);
border-bottom: 0;
}
.wis_co_qu a:hover, .wis_co_qu button:hover {
background: unset;
border: unset;
}
.wishlist-button.added i, .compare-button.added i {
background: var(--color-set-one-1);
color: var(--color-white);
}
.wishlist-button.added span, .compare-button.added span {
min-width: 120px;
}
.wishlist-table, .compare-table {
display: flex;
}
.wishlist-table .woocommerce-variation-add-to-cart, .compare-table .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.wishlist-table .woocommerce-variation-add-to-cart .quantity, .compare-table .woocommerce-variation-add-to-cart .quantity {
width: 100%;
justify-content: flex-end;
}
.wishlist-table {
flex-direction: column;
}
.wishlist-table .button:not(.remove-wishlist-button),
.wishlist-table button:not(.remove-wishlist-button),
.compare-table .button:not(.remove-compare-button),
.compare-table button:not(.remove-compare-button) {
padding: 8px 15px !important;
margin: 8px 0;
border-radius: 5px;
min-height: 42px;
}
.wishlist-table .button:not(.remove-wishlist-button) *,
.wishlist-table button:not(.remove-wishlist-button) *,
.compare-table .button:not(.remove-compare-button) *,
.compare-table button:not(.remove-compare-button) * {
font-size: 15px !important;
font-weight: 500 !important;
}
.wishlist-table button:not(.remove-wishlist-button), .compare-table button:not(.remove-compare-button) {
padding: 8px 15px !important;
margin: 8px 0;
border-radius: 5px;
min-height: 42px;
font-size: 15px !important;
font-weight: 500 !important;
}
.wishlist-box, .compare-box {
width: 100%;
overflow: auto;
height: auto;
}
.wishlist-box th, .wishlist-box td, .compare-box th, .compare-box td {
min-width: 150px;
position: relative;
}
.wishlist-box table tbody tr th, .wishlist-box table tbody tr td, .wishlist-box table thead tr th, .wishlist-box table thead tr td, .wishlist-box table.give-table tbody tr th, .wishlist-box table.give-table tbody tr td, .wishlist-box table.give-table thead tr th, .wishlist-box table.give-table thead tr td, .compare-box table tbody tr th, .compare-box table tbody tr td, .compare-box table thead tr th, .compare-box table thead tr td, .compare-box table.give-table tbody tr th, .compare-box table.give-table tbody tr td, .compare-box table.give-table thead tr th, .compare-box table.give-table thead tr td {
min-width: 200px;
}
.wishlist-box table tbody tr th table tbody tr th, .wishlist-box table tbody tr th table tbody tr td, .wishlist-box table tbody tr th table thead tr th, .wishlist-box table tbody tr th table thead tr td, .wishlist-box table tbody tr th table.give-table tbody tr th, .wishlist-box table tbody tr th table.give-table tbody tr td, .wishlist-box table tbody tr th table.give-table thead tr th, .wishlist-box table tbody tr th table.give-table thead tr td, .wishlist-box table tbody tr td table tbody tr th, .wishlist-box table tbody tr td table tbody tr td, .wishlist-box table tbody tr td table thead tr th, .wishlist-box table tbody tr td table thead tr td, .wishlist-box table tbody tr td table.give-table tbody tr th, .wishlist-box table tbody tr td table.give-table tbody tr td, .wishlist-box table tbody tr td table.give-table thead tr th, .wishlist-box table tbody tr td table.give-table thead tr td, .wishlist-box table thead tr th table tbody tr th, .wishlist-box table thead tr th table tbody tr td, .wishlist-box table thead tr th table thead tr th, .wishlist-box table thead tr th table thead tr td, .wishlist-box table thead tr th table.give-table tbody tr th, .wishlist-box table thead tr th table.give-table tbody tr td, .wishlist-box table thead tr th table.give-table thead tr th, .wishlist-box table thead tr th table.give-table thead tr td, .wishlist-box table thead tr td table tbody tr th, .wishlist-box table thead tr td table tbody tr td, .wishlist-box table thead tr td table thead tr th, .wishlist-box table thead tr td table thead tr td, .wishlist-box table thead tr td table.give-table tbody tr th, .wishlist-box table thead tr td table.give-table tbody tr td, .wishlist-box table thead tr td table.give-table thead tr th, .wishlist-box table thead tr td table.give-table thead tr td, .wishlist-box table.give-table tbody tr th table tbody tr th, .wishlist-box table.give-table tbody tr th table tbody tr td, .wishlist-box table.give-table tbody tr th table thead tr th, .wishlist-box table.give-table tbody tr th table thead tr td, .wishlist-box table.give-table tbody tr th table.give-table tbody tr th, .wishlist-box table.give-table tbody tr th table.give-table tbody tr td, .wishlist-box table.give-table tbody tr th table.give-table thead tr th, .wishlist-box table.give-table tbody tr th table.give-table thead tr td, .wishlist-box table.give-table tbody tr td table tbody tr th, .wishlist-box table.give-table tbody tr td table tbody tr td, .wishlist-box table.give-table tbody tr td table thead tr th, .wishlist-box table.give-table tbody tr td table thead tr td, .wishlist-box table.give-table tbody tr td table.give-table tbody tr th, .wishlist-box table.give-table tbody tr td table.give-table tbody tr td, .wishlist-box table.give-table tbody tr td table.give-table thead tr th, .wishlist-box table.give-table tbody tr td table.give-table thead tr td, .wishlist-box table.give-table thead tr th table tbody tr th, .wishlist-box table.give-table thead tr th table tbody tr td, .wishlist-box table.give-table thead tr th table thead tr th, .wishlist-box table.give-table thead tr th table thead tr td, .wishlist-box table.give-table thead tr th table.give-table tbody tr th, .wishlist-box table.give-table thead tr th table.give-table tbody tr td, .wishlist-box table.give-table thead tr th table.give-table thead tr th, .wishlist-box table.give-table thead tr th table.give-table thead tr td, .wishlist-box table.give-table thead tr td table tbody tr th, .wishlist-box table.give-table thead tr td table tbody tr td, .wishlist-box table.give-table thead tr td table thead tr th, .wishlist-box table.give-table thead tr td table thead tr td, .wishlist-box table.give-table thead tr td table.give-table tbody tr th, .wishlist-box table.give-table thead tr td table.give-table tbody tr td, .wishlist-box table.give-table thead tr td table.give-table thead tr th, .wishlist-box table.give-table thead tr td table.give-table thead tr td, .compare-box table tbody tr th table tbody tr th, .compare-box table tbody tr th table tbody tr td, .compare-box table tbody tr th table thead tr th, .compare-box table tbody tr th table thead tr td, .compare-box table tbody tr th table.give-table tbody tr th, .compare-box table tbody tr th table.give-table tbody tr td, .compare-box table tbody tr th table.give-table thead tr th, .compare-box table tbody tr th table.give-table thead tr td, .compare-box table tbody tr td table tbody tr th, .compare-box table tbody tr td table tbody tr td, .compare-box table tbody tr td table thead tr th, .compare-box table tbody tr td table thead tr td, .compare-box table tbody tr td table.give-table tbody tr th, .compare-box table tbody tr td table.give-table tbody tr td, .compare-box table tbody tr td table.give-table thead tr th, .compare-box table tbody tr td table.give-table thead tr td, .compare-box table thead tr th table tbody tr th, .compare-box table thead tr th table tbody tr td, .compare-box table thead tr th table thead tr th, .compare-box table thead tr th table thead tr td, .compare-box table thead tr th table.give-table tbody tr th, .compare-box table thead tr th table.give-table tbody tr td, .compare-box table thead tr th table.give-table thead tr th, .compare-box table thead tr th table.give-table thead tr td, .compare-box table thead tr td table tbody tr th, .compare-box table thead tr td table tbody tr td, .compare-box table thead tr td table thead tr th, .compare-box table thead tr td table thead tr td, .compare-box table thead tr td table.give-table tbody tr th, .compare-box table thead tr td table.give-table tbody tr td, .compare-box table thead tr td table.give-table thead tr th, .compare-box table thead tr td table.give-table thead tr td, .compare-box table.give-table tbody tr th table tbody tr th, .compare-box table.give-table tbody tr th table tbody tr td, .compare-box table.give-table tbody tr th table thead tr th, .compare-box table.give-table tbody tr th table thead tr td, .compare-box table.give-table tbody tr th table.give-table tbody tr th, .compare-box table.give-table tbody tr th table.give-table tbody tr td, .compare-box table.give-table tbody tr th table.give-table thead tr th, .compare-box table.give-table tbody tr th table.give-table thead tr td, .compare-box table.give-table tbody tr td table tbody tr th, .compare-box table.give-table tbody tr td table tbody tr td, .compare-box table.give-table tbody tr td table thead tr th, .compare-box table.give-table tbody tr td table thead tr td, .compare-box table.give-table tbody tr td table.give-table tbody tr th, .compare-box table.give-table tbody tr td table.give-table tbody tr td, .compare-box table.give-table tbody tr td table.give-table thead tr th, .compare-box table.give-table tbody tr td table.give-table thead tr td, .compare-box table.give-table thead tr th table tbody tr th, .compare-box table.give-table thead tr th table tbody tr td, .compare-box table.give-table thead tr th table thead tr th, .compare-box table.give-table thead tr th table thead tr td, .compare-box table.give-table thead tr th table.give-table tbody tr th, .compare-box table.give-table thead tr th table.give-table tbody tr td, .compare-box table.give-table thead tr th table.give-table thead tr th, .compare-box table.give-table thead tr th table.give-table thead tr td, .compare-box table.give-table thead tr td table tbody tr th, .compare-box table.give-table thead tr td table tbody tr td, .compare-box table.give-table thead tr td table thead tr th, .compare-box table.give-table thead tr td table thead tr td, .compare-box table.give-table thead tr td table.give-table tbody tr th, .compare-box table.give-table thead tr td table.give-table tbody tr td, .compare-box table.give-table thead tr td table.give-table thead tr th, .compare-box table.give-table thead tr td table.give-table thead tr td {
min-width: unset;
}
.wishlist-box table tbody tr th .variations th, .wishlist-box table tbody tr th .variations td, .wishlist-box table tbody tr td .variations th, .wishlist-box table tbody tr td .variations td, .wishlist-box table thead tr th .variations th, .wishlist-box table thead tr th .variations td, .wishlist-box table thead tr td .variations th, .wishlist-box table thead tr td .variations td, .wishlist-box table.give-table tbody tr th .variations th, .wishlist-box table.give-table tbody tr th .variations td, .wishlist-box table.give-table tbody tr td .variations th, .wishlist-box table.give-table tbody tr td .variations td, .wishlist-box table.give-table thead tr th .variations th, .wishlist-box table.give-table thead tr th .variations td, .wishlist-box table.give-table thead tr td .variations th, .wishlist-box table.give-table thead tr td .variations td, .compare-box table tbody tr th .variations th, .compare-box table tbody tr th .variations td, .compare-box table tbody tr td .variations th, .compare-box table tbody tr td .variations td, .compare-box table thead tr th .variations th, .compare-box table thead tr th .variations td, .compare-box table thead tr td .variations th, .compare-box table thead tr td .variations td, .compare-box table.give-table tbody tr th .variations th, .compare-box table.give-table tbody tr th .variations td, .compare-box table.give-table tbody tr td .variations th, .compare-box table.give-table tbody tr td .variations td, .compare-box table.give-table thead tr th .variations th, .compare-box table.give-table thead tr th .variations td, .compare-box table.give-table thead tr td .variations th, .compare-box table.give-table thead tr td .variations td {
min-width: unset;
padding: 0 !important;
border: 0 !important;
}
.wishlist-box, .compare-box {
width: 100%;
overflow: auto;
height: auto;
}
.wishlist-box .quantity button.plus, .wishlist-box .quantity button.minus, .compare-box .quantity button.plus, .compare-box .quantity button.minus {
margin: 0 !important;
padding: unset !important;
min-height: 46px;
}
.wishlist-box .qty.text, .compare-box .qty.text {
min-width: 60px;
margin: 0 !important;
}
.page-wishlist .site-content .auto_container, .page-compare .site-content .auto_container {
max-width: 100%;
}
.product_box.style_recentview {
position: relative;
padding: 20px;
border-radius: 10px;
background: var(--background-bg-1);
}
.product_box.style_recentview .d_flex {
gap: 1rem;
}
.product_box.style_recentview .image_box {
max-width: 40%;
}
.product_box.style_recentview .content_box .add_to_cart_button,
.product_box.style_recentview .content_box .button.product_type_grouped,
.product_box.style_recentview .content_box .button.product_type_simple,
.product_box.style_recentview .content_box .button.product_type_variable,
.product_box.style_recentview .content_box .buy-now-button {
position: relative !important;
padding: 6px 20px !important;
}
.product_box.style_recentview .content_box .add_to_cart_button span,
.product_box.style_recentview .content_box .button.product_type_grouped span,
.product_box.style_recentview .content_box .button.product_type_simple span,
.product_box.style_recentview .content_box .button.product_type_variable span,
.product_box.style_recentview .content_box .buy-now-button span {
font-size: 15px !important;
}
.review_enable.single-product .site-content {
padding-bottom: 10px;
}
.review_enable.single-product .recent_viewd_products {
padding-bottom: 80px;
}
.review_enable.single-product .recent_viewd_products .arrow_recent_pro {
margin-top: -0.5rem;
}
.review_enable.single-product .frequently-bought-together {
padding-bottom: 40px;
margin-bottom: 20px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.post-type-archive-product .recent_viewd_products {
padding-bottom: 80px;
}
.post-type-archive-product .recent_viewd_products .arrow_recent_pro {
margin-top: -0.5rem;
}
.woo_pagination {
position: relative;
}
.woo_pagination.loadmoreproduct .woocommerce-pagination {
position: relative;
padding: 10px 30px;
border-radius: 10px;
font-weight: 600;
display: inline-flex;
font-family: var(--font-family-main);
background: var(--color-set-one-1);
color: var(--color-white);
}
.woo_pagination.loadmoreproduct .woocommerce-pagination.loader {
width: unset !important;
height: unset;
}
.woo_pagination.loadmoreproduct .woocommerce-pagination.loader:before {
content: "" !important;
font-family: unset !important;
vertical-align: top;
font-weight: 400;
position: absolute;
width: 16px;
border-radius: 50%;
border: 2px solid;
border-top-color: transparent;
height: 16px;
margin: auto;
top: 0 !important;
background: unset !important;
bottom: 0;
left: 0;
z-index: 3;
right: 0px !important;
animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
}
.woo_pagination.loadmoreproduct .woocommerce-pagination.loader:after {
position: absolute;
border-radius: 4px;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
content: "";
background: rgba(255, 255, 255, 0.5);
z-index: 2;
transition: 0.6s !important;
-moz-transition: 0.6s !important;
-o-transition: 0.6s !important;
-ms-transition: 0.6s !important;
}
.woo_pagination.loadmoreproduct .woocommerce-pagination.donefinish {
display: none;
}
.woo_pagination.loadmoreproduct .woocommerce-pagination a {
position: absolute;
opacity: 0;
top: 0;
right: 0;
z-index: 4;
width: 100%;
height: 100%;
}
.woo_pagination.scrollproduct {
text-align: center;
}
.loader-ellips {
font-size: 20px;
position: relative;
width: 4em;
height: 1em;
margin: 0px auto;
}
.loader-ellips__dot {
display: block;
width: 8px;
height: 8px;
border-radius: 0.5em;
background: var(--color-set-one-1);
position: absolute;
animation-duration: 0.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
left: 0;
}
.loader-ellips__dot:nth-child(3) {
left: 1em;
}
.loader-ellips__dot:nth-child(4) {
left: 2em;
}
@keyframes reveal {
from {
transform: scale(0.001);
}
to {
transform: scale(1);
}
}
@keyframes slide {
to {
transform: translateX(1em);
}
}
.loader-ellips__dot:nth-child(1) {
animation-name: reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
animation-name: slide;
} .loader-ellips__dot:nth-child(4) {
animation-name: reveal;
animation-direction: reverse;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-flex !important;
}
@media (max-width: 992px) {
.woocommerce-shop.right-sidebar .shop-sidebar, .tax-product_cat.right-sidebar .shop-sidebar {
padding-left: 10px;
padding-right: 10px;
margin-top: 2rem;
}
}
.login_tab .showcase_tabs_btns {
display: flex;
margin: 0 !important;
align-items: center;
gap: 1rem;
}
.login_tab .showcase_tabs_btns li {
list-style: none;
}
.login_tab .showcase_tabs_btns .s_tab_btn {
padding: 10px 15px;
font-size: 15px;
font-family: var(--font-family-main);
color: var(--color-white);
background: var(--color-set-one-2);
border: 1px solid var(--color-set-one-2);
border-radius: 10px;
line-height: normal;
}
.login_tab .showcase_tabs_btns .s_tab_btn.active, .login_tab .showcase_tabs_btns .s_tab_btn:hover {
color: var(--color-white);
background: var(--color-set-one-1);
border: 1px solid var(--color-set-one-1);
}
.lawnshaper_shop {
padding: 80px 0px 70px;
}
.sidebar-hidden .lawnshaper_shop .content-area.col-lg-8 {
width: 100%;
}
.sidebar-hidden .shop-sidebar {
display: none !important;
}
.woocommerce-shop .shop_siderbar, .tax-product_cat .shop_siderbar {
padding: 30px;
background: var(--background-bg-1);
border-radius: 10px;
}
.woocommerce-shop .widgets_grid_box, .tax-product_cat .widgets_grid_box {
padding: 0;
background: unset;
border: unset;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
text-align: left;
}
.added_to_cart, .add_to_cart_button::after {
display: none !important;
}
html body .product_box:not(.style_recentview) .add_to_cart_button.added i,
html body .product_box:not(.style_recentview) .button.product_type_grouped.added i,
html body .product_box:not(.style_recentview) .button.product_type_simple.added i,
html body .product_box:not(.style_recentview) .button.product_type_variable.added i,
html body .product_box:not(.style_recentview) .buy-now-button.added i {
background: var(--color-set-one-2) !important;
color: var(--color-white) !important;
}
.woocommerce-products-header {
position: relative;
padding-bottom: 1.5rem;
}
.woocommerce-products-header .lawnshaper_filter_btn {
padding: 10px 15px;
font-size: 16px;
color: var(--heading-color-one);
background: var(--background-bg-1);
font-weight: 600;
line-height: normal;
font-family: var(--font-family-main);
border-radius: 10px;
}
.woocommerce-products-header .lawnshaper_filter_btn i {
margin-right: 5px;
}
.woocommerce-products-header .woo_contnet_left {
align-items: center;
gap: 1rem;
}
.woocommerce-products-header .woo_contnet_left p {
margin: 0;
}
.woocommerce-products-header .woo_contnet_right ul {
gap: 1rem;
}
.woocommerce-products-header .woo_contnet_right ul select {
margin: 0;
}
.woocommerce-products-header .woo_contnet_right ul .slect_opt span {
font-size: 14px;
display: none;
line-height: normal;
text-align: right;
margin-bottom: 4px;
}
.woocommerce-products-header .woo_contnet_right ul li {
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 0.5rem;
}
.woocommerce-products-header .woo_contnet_right ul li p {
margin: 0;
}
.woocommerce-products-header .woo_contnet_right ul li.product_views a {
min-width: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
min-height: 45px;
background: var(--background-bg-1);
color: var(--heading-color-one);
font-size: 20px;
}
.woocommerce-products-header .woo_contnet_right ul li.product_views a.active {
background: var(--color-set-one-1);
color: var(--color-white);
}
.woocommerce-products-header .woo_contnet_right form {
margin: 0;
}
@media (max-width: 768px) {
.woocommerce-products-header {
flex-direction: column !important;
gap: 1rem;
}
html body .products:not(.related) li {
padding: 0px 7.5px 30px !important;
}
html body .products:not(.related) {
margin: unset !important;
}
}
.profile_woo {
position: relative;
}
.profile_woo .profile_box {
gap: 0.4rem;
}
.profile_woo .profile_box img {
width: 50px;
height: 50px;
min-width: 50px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50px;
}
.profile_woo .dropdown-account {
padding-top: 1rem;
}
.profile_woo .dropdown-account ul {
background: var(--dbg-color);
min-width: 250px;
padding: 15px 25px !important;
border: 1px solid var(--color-set-one-bor-1);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
}
.profile_woo .dropdown-account ul li {
list-style: none;
}
.profile_woo .dropdown-account ul li a {
display: flex;
align-items: center;
color: var(--heading-color-one);
font-size: 18px;
line-height: normal;
font-weight: 500;
gap: 1rem;
}
.profile_woo .dropdown-account ul li a i {
font-size: 22px;
color: var(--color-set-one-1);
display: flex;
}
.profile_woo:hover .dropdown-account {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.profile_woo .dropdown-account, .profile_woo .account_login, .login_box .dropdown-account, .login_box .account_login {
position: absolute;
left: 0px;
top: 100%;
margin-left: 0px;
transform: scale(1, 0);
transform-origin: 0 0;
opacity: 0;
z-index: 9999;
visibility: hidden;
transition: opacity 200ms ease, visibility 200ms ease, transform 400ms ease;
-webkit-transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 400ms ease;
-moz-transition: opacity 200ms ease, visibility 200ms ease, -moz-transform 400ms ease;
-o-transition: opacity 200ms ease, visibility 200ms ease, -o-transform 400ms ease;
box-shadow: 0px 12px 44px 0px rgba(0, 0, 0, 0.04);
justify-content: center;
}
.profile_woo:hover .dropdown-account, .profile_woo:hover .account_login, .login_box:hover .dropdown-account, .login_box:hover .account_login {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.login_box .icon_box {
gap: 1rem;
align-items: center;
}
.login_box .icon_box i {
font-size: 24px;
color: var(--heading-color-one);
}
.account_login {
background: var(--background-bg-1);
min-width: 350px;
padding: 15px 25px !important;
border: 1px solid var(--color-set-one-bor-1);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
left: -28% !important;
}
.account_login .woocommerce-form {
padding: 0px !important;
margin: 0px !important;
border: unset !important;
}
.account_login .form-row {
display: flex;
gap: 0.5rem;
align-items: center;
}
.account_login .form-row .woocommerce-form-login__submit {
margin: 0 !important;
padding: 8px 15px !important;
min-width: 80px;
}
.account_login .form-row .woocommerce-form__label {
margin: 0 !important;
}
.account_login .woocommerce-form-row {
display: block;
align-items: unsafe;
}
.account_login .showcase_tabs_btns {
margin-bottom: 0px;
}
.account_login .showcase_tabs_btns li {
list-style: none;
display: inline-block;
padding-right: 40px;
}
.account_login .showcase_tabs_btns li:last-child {
padding-right: 0;
}
.account_login .showcase_tabs_btns li .s_tab_btn.active {
color: var(--color-set-one-1);
}
.left_side_woo .dropdown-account, .left_side_woo .account_login, .left_side_woo .dropdown-account, .left_side_woo .account_login {
left: 0;
right: unset;
}
.right_side_woo .dropdown-account, .right_side_woo .account_login, .right_side_woo .dropdown-account, .right_side_woo .account_login {
right: 0 !important;
left: unset !important;
}
.compare_box, .wishlist_box {
gap: 0.4rem;
}
.compare_box .wishlist-count, .compare_box .compare-count, .wishlist_box .wishlist-count, .wishlist_box .compare-count {
position: relative;
}
.compare_box .wishlist-count i, .compare_box .compare-count i, .wishlist_box .wishlist-count i, .wishlist_box .compare-count i {
display: flex;
font-size: 20px;
line-height: normal;
color: var(--heading-color-one);
}
.compare_box #wishlist-count, .compare_box #compare-count, .wishlist_box #wishlist-count, .wishlist_box #compare-count {
position: absolute;
padding: 2px;
width: 18px;
min-width: 18px;
height: 18px;
align-items: center;
justify-content: center;
border-radius: 50%;
display: flex;
background: var(--color-set-one-1);
color: var(--color-white);
font-size: 12px;
background: var(--color-set-one-1);
top: -13px;
left: 4px;
}
.woocommerce-cart-form .actions .coupon {
padding-right: 1rem;
}
.woocommerce-cart-form .actions button {
display: inline-block !important;
}
.woocommerce-mini-cart-item .quantity {
flex-direction: row;
}
.quantity {
display: inline-flex;
align-items: center;
text-align: center;
flex-direction: row-reverse;  }
.quantity button[type=hidden] {
display: none !important;
}
.quantity button {
min-height: 46px;
padding: 0;
min-width: 40px;
}
.quantity button.plus {
border-radius: 0px 10px 10px 0px !important;
}
.quantity button.minus {
border-radius: 10px 0px 0px 10px !important;
}
.quantity input {
width: 80px !important;
min-height: 46px !important;
text-align: center;
padding: 5px !important;
border-radius: 0px !important;
}
.quantity input::-moz-placeholder {
text-align: center;
}
.quantity input::placeholder {
text-align: center;
}
.quantity input[type=number]::-webkit-outer-spin-button,
.quantity input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type=number] {
-moz-appearance: textfield;
}
html body .badge_onsale {
position: absolute;
top: 0;
left: 0;
gap: 0.4rem;
}
html body .badge_onsale > * {
font-family: var(--font-family-main);
}
html body .badge_onsale .product-badge-text {
padding: 7px 15px;
font-size: 14px;
font-size: 14px;
line-height: normal;
font-weight: 500;
border-radius: 10px;
background-color: var(--color-set-one-1);
color: var(--color-white);
z-index: 9;
}
html body .badge_onsale span {
min-height: unset !important;
min-width: unset !important;
padding: 7px 15px !important;
font-size: 14px !important;
font-weight: 500 !important;
position: unset !important;
text-align: center !important;
line-height: normal !important;
top: unset !important;
left: unset !important;
margin: 0 !important;
border-radius: 10px !important;
background-color: var(--color-set-one-3) !important;
color: var(--color-white) !important;
z-index: 9;
}
.single-product .badge_onsale {
top: -45px;
}
.products {
position: relative;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
border-radius: 0.5rem;
}
.woocommerce-error .cartnotice_close, .woocommerce-info .cartnotice_close, .woocommerce-message .cartnotice_close {
display: none;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce nav.woocommerce-pagination ul {
border: unset !important;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
overflow: unset !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
font-family: var(--font-family-main);
font-weight: 600;
}
.woocommerce table.shop_table, #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table, .woosw-items, .woosc-items {
border-collapse: collapse;
}
.woocommerce table.shop_table {
text-align: left;
}
.woocommerce .quantity .qty {
margin: auto;
}
#coupon_code {
width: 150px !important;
}
.widget_products .product_list_widget {
padding-left: 0 !important;
}
.widget_products .product_list_widget li {
list-style: none;
min-height: 80px;
margin-bottom: 1rem !important;
margin-top: 0 !important;
padding-left: 90px !important;
}
.widget_products .product_list_widget li img {
padding: 10px;
left: 0;
border-radius: 10px;
background: var(--background-bg-1);
position: absolute;
float: unset !important;
margin-left: unset !important;
width: 80px !important;
height: auto;
box-shadow: none;
}
.widget_products .product_list_widget li:last-child {
margin-bottom: 0 !important;
}
.widget_products .product_list_widget li ins, .widget_products .product_list_widget li ins * {
font-family: var(--font-family-main);
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: var(--color-set-one-1);
order: 1;
text-decoration: unset;
}
.widget_products .product_list_widget li del, .widget_products .product_list_widget li del * {
order: 2;
text-decoration: line-through;
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: var(--content-color-one);
}
.widget_products .product_list_widget .product-title {
font-family: var(--font-family-main);
font-size: 18px;
line-height: normal;
color: var(--heading-color-one);
font-weight: 600;
}
.editor-styles-wrapper .wc-block-components-checkbox, .wc-block-components-checkbox {
margin-top: 0px;
}
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
width: 100px !important;
text-align: center;
height: 40px !important;
font-weight: 600 !important;
color: var(--heading-color-one) !important;
}
.wc-block-components-price-slider__range-input-wrapper:before {
background: var(--color-set-one-bor-2);
opacity: 1;
}
.wc-block-components-price-slider__range-input-progress {
--track-background: linear-gradient(90deg,transparent var(--low),var(--range-color) 0,var(--range-color) var(--high),transparent 0) no-repeat 0 100%/100% 100%;
--range-color: var(--color-set-one-1);
}
input[type=range i]::-webkit-slider-thumb {
-webkit-appearance: none;
cursor: ew-resize;
border-color: var(--color-set-one-1) !important;
}
input[type=range i]:hover::-webkit-slider-thumb, input[type=range i]:focus::-webkit-slider-thumb {
border-color: var(--color-set-one-2) !important;
background: var(--color-set-one-2) !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: var(--color-set-one-1);
color: var(--color-white);
border-radius: 6px;
font-weight: 600;
font-size: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.woocommerce #respond input#submit i, .woocommerce a.button i, .woocommerce button.button i, .woocommerce input.button i {
font-size: 19px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: var(--color-set-one-2);
color: var(--color-white);
}
.cart_totals h2 {
font-size: 28px;
line-height: 36px;
}
.woocommerce-grouped-product-list {
position: relative;
border-collapse: collapse !important;
}
.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label a {
font-size: 16px;
color: var(--heading-color-one);
line-height: 26px;
font-weight: 600;
font-family: var(--font-family-main);
}
.woocommerce-grouped-product-list tbody, .woocommerce-grouped-product-list td, .woocommerce-grouped-product-list tfoot, .woocommerce-grouped-product-list th, .woocommerce-grouped-product-list thead, .woocommerce-grouped-product-list tr {
border: unset !important;
padding: 10px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background: var(--color-set-one-1);
border-top-color: var(--color-set-one-1);
color: var(--color-white);
padding: 1em 1em 1em 3.5em !important;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
position: relative;
color: var(--color-white);
}
.woocommerce-error strong, .woocommerce-info strong, .woocommerce-message strong {
color: var(--color-white);
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
background-color: var(--color-white) !important;
color: var(--heading-color-one) !important;
}
.woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover {
background-color: var(--color-set-one-2) !important;
color: var(--color-white) !important;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
color: var(--color-white);
font-weight: 600;
font-family: var(--font-family-main);
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
color: var(--color-white);
}
.woocommerce-info {
background: var(--color-set-one-2);
}
.woocommerce-error {
background: var(--color-set-one-2);
}
.category-filter-buttons, .brand-filter-buttons {
padding-top: 15px;
text-align: right;
}
.category-filter-buttons button, .brand-filter-buttons button {
margin-left: 5px;
position: relative;
background: var(--color-set-one-1);
border-color: var(--color-set-one-1);
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
border: 2px solid var(--color-set-one-bor-1) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
height: 16px !important;
font-size: 12px;
outline: unset !important;
width: 16px !important;
border: 2px solid var(--color-set-one-bor-1);
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
margin-right: 5px;
margin-top: -1px;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after {
border: 10px solid var(--color-white) !important;
top: 0 !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
font-size: 12px;
}
.category-filter-widget li, .brand-filter-widget li {
position: relative;
}
.category-filter-widget li label, .brand-filter-widget li label {
align-items: center;
display: flex;
font-size: 0.875em;
position: relative;
}
.category-filter-widget li small, .brand-filter-widget li small {
padding-left: 5px;
display: inline-block;
color: var(--heading-color-one);
font-size: 14px;
}
.category-filter-widget li svg, .brand-filter-widget li svg {
fill: var(--color-white) !important;
margin-top: 2px !important;
height: 1.125em;
margin-left: 0.1875em;
margin-top: 0.0625em;
pointer-events: none;
position: absolute;
width: 1.125em;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:after {
border: 12px solid var(--color-set-one-1) !important;
top: 0 !important;
}
.wc-block-components-checkbox__input:focus, .wc-block-components-checkbox__input:active,
.wc-block-components-checkbox__input:checked {
outline: 2px solid var(--color-set-one-1) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
border: unset !important;
background: unset !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: var(--color-white) !important;
margin-top: 2px !important;
}
.product-name a {
text-align: left;
font-size: 18px;
line-height: 26px;
display: block;
display: block;
color: var(--heading-color-one);
}
.woocommerce a.remove {
background-color: var(--color-set-one-bor-2);
color: var(--heading-color-one) !important;
}
.woocommerce a.remove:hover {
background-color: var(--color-set-one-1);
color: var(--color-white);
}
.woocommerce .sidebar-widget .product_list_widget li a {
padding-left: 0px;
}
.woocommerce .sidebar-widget .product_list_widget li a::before {
display: none;
}
.woocommerce .sidebar-widget .product_list_widget li img {
width: 70px;
height: 70px;
margin-top: 0px;
float: left;
margin-left: 0px;
margin-right: 10px;
}
.woocommerce .sidebar-widget .product_list_widget ins, .woocommerce .sidebar-widget .product_list_widget .woocommerce-Price-amount {
color: var(--color-set-one-1);
font-weight: 600;
font-size: 16px;
}
.woocommerce .sidebar-widget .product_list_widget del span, .woocommerce .sidebar-widget .product_list_widget del bdi {
font-size: 14px;
font-weight: 400;
color: var(--content-color-one);
text-decoration-color: var(--content-color-one);
}
.woocommerce .sidebar-widget .product_list_widget .product-title {
color: var(--heading-color-one);
font-size: 18px;
font-family: var(--font-family-main);
font-weight: 600;
margin-bottom: 3px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .van_product_card .button, .coupon .button,
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.added_to_cart, .single_add_to_cart_button {
position: relative;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
line-height: 24px;
font-size: 16px !important;
padding: 8px 15px;
background-color: var(--color-set-one-1);
color: var(--color-white);
font-weight: 600;
text-align: center;
border: 1px solid var(--color-set-one-1);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.woocommerce #respond input#submit.alt i, .woocommerce a.button.alt i, .woocommerce button.button.alt i, .woocommerce input.button.alt i, .woocommerce .van_product_card .button i, .coupon .button i,
.woocommerce #respond input#submit.disabled i, .woocommerce #respond input#submit:disabled i, .woocommerce #respond input#submit:disabled[disabled] i, .woocommerce a.button.disabled i, .woocommerce a.button:disabled i, .woocommerce a.button:disabled[disabled] i, .woocommerce button.button.disabled i, .woocommerce button.button:disabled i, .woocommerce button.button:disabled[disabled] i, .woocommerce input.button.disabled i, .woocommerce input.button:disabled i, .woocommerce input.button:disabled[disabled] i,
.added_to_cart i, .single_add_to_cart_button i {
font-size: 20px;
display: flex;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .van_product_card .button:hover, .coupon .button:hover,
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover,
.added_to_cart:hover, .single_add_to_cart_button:hover {
background-color: var(--color-set-one-2);
color: var(--color-white);
border-color: var(--color-set-one-2);
}
.single_add_to_cart_button span {
font-size: 16px !important;
font-family: var(--font-family-main) !important;
}
.added_to_cart {
left: 10px;
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
}
.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading {
padding: 8px 15px !important;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
position: absolute;
left: 0;
right: 0;
text-align: center;
width: 100%;
margin-left: 0px;
height: 100%;
color: var(--color-white);
z-index: 4;
}
.protitleoverflow .van_product_card .woocommerce-loop-product__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.woocommerce-ordering {
min-width: 200px;
}
#variable-product-badges {
padding-bottom: 0.5rem;
}
#variable-product-badges .variation-badge {
display: inline-flex;
align-items: center;
background: var(--background-bg-1);
font-size: 15px;
font-weight: 600;
font-family: var(--font-family-main);
}
#variable-product-badges .variation-badge .stock-status {
padding: 5px;
background: var(--color-set-one-1);
color: var(--color-white);
}
#variable-product-badges .variation-badge .sale-percentage {
padding: 5px;
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0px !important;
margin: 0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-color: var(--color-set-one-bor-1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0px;
background: unset;
color: var(--content-color-one);
border-radius: unset !important;
background: unset !important;
margin: 0px !important;
padding: 0px 20px 0 0px !important;
margin-left: 0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
position: relative;
color: var(--content-color-one);
background: unset !important;
padding: 0px 0 15px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
position: absolute;
content: "";
width: 100%;
height: 3px;
background-color: var(--color-set-one-1);
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
color: var(--color-set-one-1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::before, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a::before {
opacity: 1;
visibility: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs .comment-form-comment {
padding-top: 15px;
}
.related.products, .frequently-bought-together {
border-top: 1px solid var(--color-set-one-bor-1);
padding-top: 25px;
margin-top: 35px;
}
.related.products > h2, .frequently-bought-together > h2 {
font-size: 30px;
line-height: 40px;
}
.related.products .products, .frequently-bought-together .products {
margin-bottom: 0px;
}
.related.products ul.products li.product, .frequently-bought-together ul.products li.product {
margin-bottom: 20px !important;
}
.frequently-bought-together {
margin-top: unset;
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {
padding: 5px 15px;
}
.woocommerce-Tabs-panel > h2, .woocommerce-Tabs-panel .woocommerce-Reviews-title {
font-size: 30px;
line-height: 40px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0px 0 0 0 !important;
padding-top: 25px;
}
.star-rating::before {
color: var(--color-set-one-1) !important;
}
.star-rating span::before {
color: var(--color-set-one-1);
}
p.stars a::before {
color: var(--color-set-one-1) !important;
}
p.stars a:hover::before, p.stars.selected a:not(.active)::before, p.stars:hover a::before, p.stars.selected a.active::before {
color: var(--color-set-one-1) !important;
}
.product-rate-cover.woocommerce {
display: block;
position: relative;
line-height: normal;
margin-bottom: 10px;
}
.product-rate-cover.woocommerce .star-rating {
float: unset !important;
}
.product-rate-cover.woocommerce .star-rating {
display: inline-block !important;
margin: 0px !important;
}
.product-rate-cover.woocommerce .star-rating::before {
color: var(--color-set-one-bor-1) !important;
float: unset !important;
}
.product-rate-cover.woocommerce .star-rating span::before {
color: var(--color-set-one-1);
}
.product-rate-cover.woocommerce .star-rating span span::before {
color: var(--color-set-one-bor-1) !important;
}
.product-rate-cover.woocommerce .text-muted {
color: var(--color-set-one-bor-1) !important;
position: relative;
top: -2px;
font-size: 13px;
}
.comment-reply-title {
font-family: var(--font-family-main);
color: var(--heading-color-one);
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.015em;
text-align: left;
display: block;
margin-bottom: 10px !important;
}
.comment-form label {
font-family: var(--font-family-main);
color: var(--content-color-one);
font-size: 15px;
font-weight: 500;
line-height: 22px;
margin-bottom: 5px;
display: block;
letter-spacing: 0em;
text-align: left;
}
.commentlist li .comment_container img.avatar, .commentlist li .comment_container img, .commentlist li .comment_container img.avatar, .commentlist li .comment_container img {
width: 60px !important;
border: 0px !important;
height: 60px !important;
border-radius: 50%;
padding: 0px !important;
background: transparent !important;
}
.commentlist li .comment_container .comment-text, .commentlist li .comment_container .comment-text {
margin-left: 70px !important;
border-color: var(--color-set-one-bor-1) !important;
}
.lawnshaper_product_single .product .price del, .quick_view .product .price del {
font-size: 20px;
line-height: 28px;
font-weight: 600;
color: var(--content-color-one);
float: unset;
}
.lawnshaper_product_single .product .price ins, .lawnshaper_product_single .product .price > span, .quick_view .product .price ins, .quick_view .product .price > span {
color: var(--heading-color-one);
font-size: 28px;
font-weight: 600;
line-height: 28px;
margin-right: 5px;
text-decoration: unset;
}
.lawnshaper_product_single .product .price ins, .quick_view .product .price ins {
float: left;
margin-right: 8px;
}
.lawnshaper_product_single .product-type-grouped .price > span:nth-child(1), .quick_view .product-type-grouped .price > span:nth-child(1) {
padding-right: 2px;
}
.lawnshaper_product_single .product-type-grouped .price > span:nth-child(2), .quick_view .product-type-grouped .price > span:nth-child(2) {
padding-left: 8px;
}
.woocommerce div.product div.images {
margin-bottom: 3rem;
}
.woocommerce-product-gallery .flex-viewport {
background: var(--background-bg-1);
}
.single-product .page_header_default {
padding: 40px 0px 35px;
}
.woocommerce .woocommerce-breadcrumb {
position: relative;
text-transform: capitalize;
color: var(--heading-color-one);
font-size: 17px;
line-height: 26px;
font-weight: 400;
background: none;
margin: 0 0 20px !important;
font-family: var(--font-family-main);
border-radius: 0;
}
.woocommerce .woocommerce-breadcrumb a {
position: relative;
text-align: center;
display: inline-block;
color: var(--heading-color-one);
padding-right: 25px;
margin-right: 15px;
}
.woocommerce .woocommerce-breadcrumb a::before {
content: "\e930";
font-family: "trimprim" !important;
display: inline-block;
font-size: 20px;
height: 12px;
line-height: 12px;
right: -6px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.woocommerce div.product div.images img {
background: var(--background-bg-2);
border-radius: 10px;
}
.shop_single .summary.entry-summary, .quick_view .summary.entry-summary {
position: relative;
}
.shop_single .summary.entry-summary .top_content_single .product-category a, .quick_view .summary.entry-summary .top_content_single .product-category a {
font-family: var(--font-family-main);
color: var(--heading-color-one);
font-size: 14px;
line-height: normal;
font-weight: 600;
display: block;
text-transform: uppercase;
margin-bottom: 3px;
}
.shop_single .summary.entry-summary .top_content_single .title h1, .quick_view .summary.entry-summary .top_content_single .title h1 {
font-size: 32px;
line-height: 46px;
letter-spacing: -0.02em;
text-align: left;
}
.shop_single .summary.entry-summary .top_content_single .divborder, .quick_view .summary.entry-summary .top_content_single .divborder {
position: relative;
margin: 15px 0;
height: 1px;
width: 100%;
background: var(--color-set-one-bor-1);
}
.shop_single .summary.entry-summary .top_content_single .woocommerce-review-link, .quick_view .summary.entry-summary .top_content_single .woocommerce-review-link {
font-family: var(--font-family-main);
font-size: 14px;
font-weight: 400;
color: var(--content-color-one);
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
.shop_single .summary.entry-summary .top_min_single, .quick_view .summary.entry-summary .top_min_single {
margin-bottom: 20px;
}
.shop_single .summary.entry-summary .top_min_single .price, .quick_view .summary.entry-summary .top_min_single .price {
margin-bottom: 20px;
}
.lawnshaper_product_single .cart:not(.variations_form), .lawnshaper_product_single .woocommerce-variation-add-to-cart, .quick_view .cart:not(.variations_form), .quick_view .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
vertical-align: middle;
margin-top: 0px;
margin-bottom: 20px !important;
}
.lawnshaper_product_single .cart:not(.variations_form) .button, .lawnshaper_product_single .woocommerce-variation-add-to-cart .button, .quick_view .cart:not(.variations_form) .button, .quick_view .woocommerce-variation-add-to-cart .button {
line-height: 28px !important;
}
.lawnshaper_product_single .cart:not(.variations_form) .quantity-input, .lawnshaper_product_single .woocommerce-variation-add-to-cart .quantity-input, .quick_view .cart:not(.variations_form) .quantity-input, .quick_view .woocommerce-variation-add-to-cart .quantity-input {
margin-right: 15px !important;
}
.lawnshaper_product_single .wc-variation-selection-needed, .quick_view .wc-variation-selection-needed {
margin-left: 0.5rem !important;
}
.lawnshaper_product_single .buy-now-button, .quick_view .buy-now-button {
flex-direction: row-reverse;
}
.lawnshaper_product_single .buy-now-button:not(.wc-variation-selection-needed), .lawnshaper_product_single .compare-button, .lawnshaper_product_single .wishlist-button, .quick_view .buy-now-button:not(.wc-variation-selection-needed), .quick_view .compare-button, .quick_view .wishlist-button {
padding: 0px !important;
border: unset !important;
color: var(--heading-color-one);
background: unset !important;
font-size: 16px;
line-height: normal;
margin-right: 1rem;
}
.lawnshaper_product_single .buy-now-button:not(.wc-variation-selection-needed) span, .lawnshaper_product_single .compare-button span, .lawnshaper_product_single .wishlist-button span, .quick_view .buy-now-button:not(.wc-variation-selection-needed) span, .quick_view .compare-button span, .quick_view .wishlist-button span {
font-size: 16px;
line-height: normal;
}
.single-product form table tbody tr th, .single-product form table tbody tr td, .single-product form table thead tr th, .single-product form table thead tr td, .single-product form table.give-table tbody tr th, .single-product form table.give-table tbody tr td, .single-product form table.give-table thead tr th, .single-product form table.give-table thead tr td {
padding: 0px !important;
}
.single-product form table tbody tr th label, .single-product form table tbody tr td label, .single-product form table thead tr th label, .single-product form table thead tr td label, .single-product form table.give-table tbody tr th label, .single-product form table.give-table tbody tr td label, .single-product form table.give-table thead tr th label, .single-product form table.give-table thead tr td label {
padding-right: 10px;
}
.quantity-input input[type=number] {
color: var(--heading-color-one);
}
.pswp__zoom-wrap img {
background: var(--background-bg-1);
border-radius: 10px;
}
.pswp__caption__center {
text-align: center;
}
.pswp {
z-index: 9999999 !important;
}
.product_meta {
gap: 0.2rem;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product_meta ul {
margin: 0px;
padding: 0px !important;
}
.product_meta ul li {
display: block;
margin-bottom: 5px;
}
.product_meta ul li span {
font-family: var(--font-family-main);
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: var(--heading-color-one);
text-align: left;
min-width: 85px;
display: inline-block;
margin-right: 4px;
}
.product_meta ul li, .product_meta ul a {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: var(--content-color-one);
text-align: left;
}
@media (max-width: 1024px) {
.product_meta {
flex-flow: column;
}
}
.flex-control-nav {
position: relative;
display: flex;
justify-content: flex-start;
margin: 0 -10px !important;
flex-wrap: wrap;
padding-top: 10px !important;
}
.flex-control-nav li {
width: 25% !important;
min-width: 25% !important;
padding: 10px !important;
}
.flex-control-nav li img {
width: 100%;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: contain;
object-position: contain;
}
.gallery_and_content .woocommerce-product-gallery, .gallery_and_content .summary.entry-summary {
float: unset !important;
width: unset !important;
}
.single-pattern-box {
position: absolute;
pointer-events: none;
top: 0;
right: 0;
left: 0;
z-index: -1;
}
.single-pattern-box .pattern-1 {
position: absolute;
top: -8%;
left: -5%;
}
.single-pattern-box .pattern-2 {
position: absolute;
top: 100px;
right: -5%;
}
.variations_form.cart {
margin-bottom: unset !important;
}
.lawnshaper_product_single .variations tbody, .quick_view .variations tbody {
display: inline-block;
background: var(--bg-color-white);
border-radius: 5px;
margin-bottom: 5px;
}
.lawnshaper_product_single .variations thead, .quick_view .variations thead {
display: inline-block;
background: var(--bg-color-white);
border-radius: 5px;
}
.lawnshaper_product_single .variations tr td, .lawnshaper_product_single .variations tr th, .quick_view .variations tr td, .quick_view .variations tr th {
text-align: center;
background: unset;
vertical-align: middle !important;
align-items: center;
}
.lawnshaper_product_single .variations tr td label, .lawnshaper_product_single .variations tr th label, .quick_view .variations tr td label, .quick_view .variations tr th label {
background: unset;
}
.lawnshaper_product_single .variations tr td select, .lawnshaper_product_single .variations tr th select, .quick_view .variations tr td select, .quick_view .variations tr th select {
margin-right: 0px !important;
width: unset !important;
min-width: unset !important;
max-width: unset !important;
display: inline-block;
}
.lawnshaper_product_single .variations tr td .reset_variations, .lawnshaper_product_single .variations tr th .reset_variations, .quick_view .variations tr td .reset_variations, .quick_view .variations tr th .reset_variations {
position: absolute;
background: var(--color-set-one-2);
font-size: 13px;
line-height: normal;
color: var(--color-white);
padding: 3px 10px;
border-radius: 5px;
}
.lawnshaper_product_single .woocommerce-variation-price, .quick_view .woocommerce-variation-price {
margin-bottom: 20px;
}
.lawnshaper_product_single .cart.grouped_form, .quick_view .cart.grouped_form {
display: block !important;
border-radius: 5px;
margin-bottom: 5px;
padding: 10px 10px 15px;
background: var(--background-bg-1) !important;
}
.lawnshaper_product_single .cart.grouped_form tbody, .quick_view .cart.grouped_form tbody {
padding: 0 !important;
}
.lawnshaper_product_single .cart.grouped_form table, .quick_view .cart.grouped_form table {
margin: 0 !important;
}
.lawnshaper_product_single .cart.grouped_form tr, .quick_view .cart.grouped_form tr {
padding: 10px 0px !important;
border-bottom: 1px solid var(--color-set-one-bor-1) !important;
}
.lawnshaper_product_single .cart.grouped_form tr td, .lawnshaper_product_single .cart.grouped_form tr th, .quick_view .cart.grouped_form tr td, .quick_view .cart.grouped_form tr th {
padding: 10px 10px !important;
}
.lawnshaper_product_single .cart.grouped_form tr td:last-child, .lawnshaper_product_single .cart.grouped_form tr th:last-child, .quick_view .cart.grouped_form tr td:last-child, .quick_view .cart.grouped_form tr th:last-child {
padding-right: 0px !important;
}
.lawnshaper_product_single .cart.grouped_form tr td:first-child, .lawnshaper_product_single .cart.grouped_form tr th:first-child, .quick_view .cart.grouped_form tr td:first-child, .quick_view .cart.grouped_form tr th:first-child {
padding-left: 0px !important;
}
.lawnshaper_product_single .cart.grouped_form tr:last-child, .quick_view .cart.grouped_form tr:last-child {
border-bottom-color: transparent !important;
}
.lawnshaper_product_single .woocommerce-grouped-product-list-item__price span, .lawnshaper_product_single .woocommerce-grouped-product-list-item__price del, .quick_view .woocommerce-grouped-product-list-item__price span, .quick_view .woocommerce-grouped-product-list-item__price del {
color: var(--heading-color-one);
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-decoration: unset;
}
.lawnshaper_product_single .woocommerce-grouped-product-list-item__price del, .quick_view .woocommerce-grouped-product-list-item__price del {
margin-right: 5px;
}
.lawnshaper_product_single .woocommerce-grouped-product-list-item__price del span, .quick_view .woocommerce-grouped-product-list-item__price del span {
color: var(--content-color-one);
font-size: 15px;
}
.lawnshaper_product_single .woocommerce-grouped-product-list-item__price del bdi, .quick_view .woocommerce-grouped-product-list-item__price del bdi {
line-height: normal;
text-decoration: line-through;
}
.single_variation_wrap {
margin-top: 15px;
width: 100%;
display: block;
}
.woocommerce-checkout-review-order-table .cart_item {
border: 1px solid var(--color-set-one-bor-1);
}
.woocommerce-checkout-review-order-table .cart_item .product-name {
display: flex;
align-items: center;
gap: 1rem;
}
.woocommerce-checkout-review-order-table table, .woocommerce-checkout-review-order-table table tbody, .woocommerce-checkout-review-order-table table tbody tr td, .woocommerce-checkout-review-order-table table tbody tr th, .woocommerce-checkout-review-order-table table thead {
border-collapse: collapse;
}
.woocommerce-checkout-review-order-table table tbody tr th, .woocommerce-checkout-review-order-table table thead tr th {
border-collapse: collapse;
}
.shop_table thead tr th, .woosw-items thead tr th, .woosc-items thead tr th, .woosc_table thead tr th {
border-color: var(--color-set-one-2);
background: var(--color-set-one-2);
color: var(--color-white);
}
.shop_table thead tr th a, .woosw-items thead tr th a, .woosc-items thead tr th a, .woosc_table thead tr th a {
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: var(--color-white);
}
.shop_table tbody tr th, .shop_table thead tr th, .woosw-items tbody tr th, .woosw-items thead tr th, .woosc-items tbody tr th, .woosc-items thead tr th, .woosc_table tbody tr th, .woosc_table thead tr th {
padding: 15px !important;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
max-width: 600px !important;
}
.woosc_table img {
width: 50%;
margin: auto;
}
.woosc_table .star-rating {
float: unset;
}
.woosc_table thead, .woosc_table tbody, .woosc_table tfoot, .woosc_table tr, .woosc_table td, .woosc_table th {
padding: 15px;
}
.woosc_table .td-label {
text-align: left;
font-size: 16px;
font-weight: 600;
color: var(--heading-color-one);
}
.product-remove {
vertical-align: middle;
width: 50px;
}
.product-remove a {
width: 30px !important;
padding: 0px !important;
height: 30px !important;
line-height: 25px !important;
text-align: center !important;
}
.product-quantity {
text-align: center;
}
.product-thumbnail {
vertical-align: middle;
width: 100px;
}
.product-thumbnail a img {
width: 80px !important;
margin: auto !important;
}
.product-name, .product-name a, .woosw-item--name a {
font-size: 18px;
font-family: var(--font-family-main);
font-weight: 600;
text-align: left;
line-height: normal;
color: var(--heading-color-one);
}
.product-name h6, .product-name a h6, .woosw-item--name a h6 {
margin-bottom: 5px;
}
.product-name p, .product-name a p, .woosw-item--name a p {
margin-bottom: 0px;
}
.product-name p strong, .product-name a p strong, .woosw-item--name a p strong {
font-weight: unset;
color: unset;
}
.woosw-item--name {
line-height: normal;
text-align: left;
}
.woosw-item--time {
line-height: normal;
}
.woosw-item--actions {
text-align: center;
}
.woocommerce-cart-form .product-price span, .woocommerce-cart-form .product-price del, .woocommerce-cart-form .product-subtotal span, .woocommerce-cart-form .product-subtotal del, .woosw-item--price span, .woosw-item--price del, .tr-price span, .tr-price del {
color: var(--heading-color-one);
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-decoration: unset;
}
.woocommerce-cart-form .product-price del, .woocommerce-cart-form .product-subtotal del, .woosw-item--price del, .tr-price del {
margin-right: 5px;
}
.woocommerce-cart-form .product-price del span, .woocommerce-cart-form .product-subtotal del span, .woosw-item--price del span, .tr-price del span {
color: var(--content-color-one);
font-size: 15px;
}
.woocommerce-cart-form .product-price del bdi, .woocommerce-cart-form .product-subtotal del bdi, .woosw-item--price del bdi, .tr-price del bdi {
line-height: normal;
text-decoration: line-through;
}
.woosw-list table.woosw-items tr:nth-child(2n) td, .woosw-list table.woosw-items tr:hover td {
background: var(--background-bg-1) !important;
}
.woosw-item--remove {
min-width: 50px;
text-align: center;
}
.woosw-item--price del {
text-decoration: line-through;
text-decoration-color: var(--content-color-one);
}
.woosw-item--add a {
min-width: 200px;
justify-content: center;
text-align: center;
}
.actions .coupon input[name=coupon_code], .cart-collaterals .cart_totals .wc-proceed-to-checkout .coupon input[name=coupon_code] {
border-color: var(--color-set-one-bor-1) !important;
}
.actions input[name=coupon_code], .actions .button, .actions .btn.btn-sm, .cart-collaterals .cart_totals .wc-proceed-to-checkout input[name=coupon_code], .cart-collaterals .cart_totals .wc-proceed-to-checkout .button, .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn.btn-sm {
padding: 10px 15px !important;
line-height: 1.75 !important;
border-color: var(--color-set-one-1) !important;
font-size: 1rem !important;
border-radius: 6px !important;
font-weight: 600 !important;
}
.wc_payment_methods .wc_payment_method {
margin: 15px 0px !important;
}
.woocommerce-order-details__title, .woocommerce-column__title {
font-size: 30px;
line-height: 40px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 400;
}
.woocommerce ul.order_details {
margin: 0px;
padding: 0px;
}
.woocommerce-checkout-payment {
margin-top: 30px;
}
.woocommerce-checkout-payment a {
color: rgba(var(--color-white-rgba), 0.6);
}
.woocommerce-checkout-payment label {
width: unset !important;
}
.woocommerce-checkout-payment .form-row.place-order {
background: var(--background-bg-1);
}
.woocommerce-checkout-payment .form-row.place-order p, .woocommerce-checkout-payment .form-row.place-order a {
color: var(--content-color-one);
}
.woocommerce-checkout-payment .form-row.place-order button[name=woocommerce_checkout_place_order] {
background: var(--color-set-one-2) !important;
border-color: var(--color-set-one-2) !important;
}
.woocommerce-checkout-payment input {
position: relative;
top: -2px;
}
.woocommerce-checkout-payment input[type=radio]:checked, .woocommerce-checkout-payment input[type=checkbox]:checked {
background: var(--color-set-one-2);
border-color: var(--color-set-one-2) !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: var(--color-set-one-2);
}
.woocommerce-checkout-payment .woocommerce-privacy-policy-text p {
color: var(--color-white);
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
background: var(--color-set-one-1);
border-bottom: 1px solid var(--color-set-one-1);
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
list-style: none;
cursor: pointer;
}
#add_payment_method #payment ul.payment_methods li .payment_box, .woocommerce-cart #payment ul.payment_methods li .payment_box, .woocommerce-checkout #payment ul.payment_methods li .payment_box {
background: var(--color-set-one-2);
color: var(--color-white);
}
#add_payment_method #payment ul.payment_methods li .payment_box::before, .woocommerce-cart #payment ul.payment_methods li .payment_box::before, .woocommerce-checkout #payment ul.payment_methods li .payment_box::before {
border-bottom-color: var(--color-set-one-2);
}
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
display: inline-block;
margin: 0px;
color: var(--color-white);
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
display: inline-block;
margin: -5px 10px 0 0;
border-color: var(--color-white);
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: unset;
width: 100%;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0px;
padding: 0px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
padding-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 6px 18px;
font-size: 15px;
line-height: 25px;
font-weight: 600;
font-family: var(--font-family-main);
border-radius: 6px;
background: var(--color-white);
border: 1px solid var(--color-set-one-bor-1);
color: var(--heading-color-one);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
border-color: var(--color-set-one-1) !important;
background: var(--color-set-one-1) !important;
color: var(--color-white) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
background: var(--color-set-one-2) !important;
color: var(--color-white) !important;
}
.woocommerce-Address address {
line-height: 26px;
font-weight: 500;
color: var(--heading-color-one);
}
.edit {
padding: 2px 8px;
border-radius: 5px;
font-size: 15px;
line-height: 22px;
font-weight: 500;
background: var(--color-set-one-1) !important;
color: var(--color-white) !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: unset;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
padding: 15px 0px !important;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
font-size: 18px;
font-weight: 600;
color: var(--heading-color-one);
}
.woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table__cell-order-number, .woocommerce-orders-table__header-order-number, .woocommerce-orders-table__header-order-actions {
text-align: center;
}
.woocommerce-orders-table__cell-order-number a {
color: var(--heading-color-one);
font-weight: 600;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 10px;
}
body .woosw-list .woosw-copy .woosw-copy-url {
margin-right: 5px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
margin-bottom: 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input {
top: -2px;
position: relative;
margin-right: 5px !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border-color: var(--color-set-one-bor-1);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled] {
background: var(--color-set-one-1) !important;
border-color: var(--color-set-one-1) !important;
color: var(--color-white) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
background: var(--color-set-one-2) !important;
border-color: var(--color-set-one-2) !important;
color: var(--color-white) !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
box-shadow: 0 0 0 2px var(--color-set-one-1) !important;
}
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child {
color: var(--color-white);
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
margin: 0;
}
.login_tab .showcase_tabs_btns {
padding-bottom: 1rem !important;
}
.d_flex, .d-flex, .mc4wp-form-fields { display: -moz-flex !important;   display: flex !important; }
.clearfix::after {
content: "";
clear: both;
display: table;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.sticky_header_area > p {
display: none;
}
.left-sidebar .default_row .content-area {
order: 2;
}
.left-sidebar .default_row all_side_bar {
order: 1;
} .el-cascader-node {
margin: 0px !important;
}
body .elementor-social-icon {
display: inline-flex;
}
.pd_5 {
padding: 0 5px !important;
} .quantity-controls {
display: flex;
align-items: center;
margin-top: 10px;
}
.quantity-controls .minus, .quantity-controls .plus {
background: #ccc;
border: 1px solid #999;
padding: 5px;
cursor: pointer;
}
.quantity-controls .quantity-input {
width: 40px;
text-align: center;
border: 1px solid #999;
margin: 0 5px;
}
#cart-notice {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
max-width: 300px;
padding: 15px;
border-radius: 5px;
z-index: 9999;
transition: opacity 0.3s ease-in-out;
}
.notification-success {
background-color: #4CAF50; color: #fff;
}
.notification-error {
background-color: #F44336; color: #fff;
}
.notification-warning {
background-color: #FFA500; color: #fff;
}
.notification-info {
background-color: #2196F3; color: #fff;
} .cart-notification {
position: fixed;
bottom: 20px;
right: 20px;
max-width: 300px;
padding: 15px;
border-radius: 5px;
z-index: 9999;
transition: opacity 0.3s ease-in-out;
} .project-area-6 {
position: relative;
}
.portfolio-static-wrap {
display: flex;
flex-wrap: wrap;
}
.portfolio-static {
position: sticky;
top: 0;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
margin: auto; }
@media (max-width: 575px) {
.portfolio-static {
top: 86px;
}
}
.portfolio-wrap.style5:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, #0A0C00 100%);
transition: 0.4s;
opacity: 1;
height: 100%;
}
.portfolio-wrap.style5 .portfolio-thumb img {
width: 100%;
}
.portfolio-wrap.style5 .portfolio-details {
position: absolute;
left: 0;
bottom: 0px;
padding: 0 140px 140px 140px;
z-index: 1;
transition: 0.4s;
opacity: 1;
display: flex;
justify-content: space-between;
width: 100%;
align-items: end;
}
.portfolio-wrap.style5 .portfolio-details .media-left {
max-width: 746px;
}
.portfolio-wrap.style5 .portfolio-details .portfolio-meta li a {
color: var(--smoke-color);
}
.portfolio-wrap.style5 .portfolio-details .portfolio-meta li:after {
color: var(--smoke-color);
}
.portfolio-wrap.style5 .portfolio-details .portfolio-title {
margin-bottom: -0.25em;
font-size: 48px;
}
.portfolio-wrap.style5 .portfolio-details .portfolio-title a {
color: var(--smoke-color);
}
.portfolio-wrap.style5 .portfolio-details-btn {
flex: none;
}
.portfolio-wrap.style5 .link-btn {
color: var(--smoke-color);
}
.portfolio-wrap.style5 .link-btn img {
filter: brightness(99) grayscale(99);
}
.portfolio-wrap.style5 .link-btn:after, .portfolio-wrap.style5 .link-btn:before {
background: var(--smoke-color);
} @media (max-width: 1299px) {
.portfolio-wrap.style5 .portfolio-details {
padding: 0 100px 100px 100px;
}
.portfolio-wrap.style5 .portfolio-details .portfolio-title {
font-size: 36px;
}
.portfolio-wrap.style5 .portfolio-details .media-left {
max-width: 600px;
}
} @media (max-width: 1199px) {
.portfolio-wrap.style5 .portfolio-details .portfolio-title {
font-size: 32px;
}
.portfolio-wrap.style5 .portfolio-details {
padding: 0 80px 80px 80px;
}
} @media (max-width: 991px) {
.portfolio-wrap.style5 .portfolio-details {
padding: 0 60px 60px 60px;
}
.portfolio-wrap.style5 .portfolio-details .portfolio-title {
font-size: 28px;
}
.portfolio-wrap.style5 .portfolio-details .media-left {
max-width: 460px;
}
} @media (max-width: 767px) {
.portfolio-wrap.style5 .portfolio-details {
padding: 0 40px 40px 40px;
}
.portfolio-wrap.style5 .portfolio-details .portfolio-title {
font-size: 24px;
}
} @media (max-width: 575px) {
.portfolio-wrap.style5 .portfolio-details .media-left {
max-width: none;
margin-bottom: 20px;
}
.portfolio-wrap.style5 .portfolio-details {
padding: 30px 15px 40px 15px;
display: block;
}
.portfolio-wrap.style5 .portfolio-thumb img {
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.portfolio-wrap.style5 .portfolio-details .portfolio-title {
font-size: 22px;
}
.portfolio-wrap .portfolio-details .portfolio-meta li {
font-size: 16px;
}
}
.poniter-me {
pointer-events: none;
position: fixed;
padding: 0.3rem;
background-color: var(--background-white);
border-radius: 50%;
transition: transform 0.3s ease, opacity 0.4s ease;
z-index: 999999999;
}
.poniter-me-active {
transform: translate(-50%, -50%) scale(8);
opacity: 0.1;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper {
margin: 0 0 0 !important;
}
.am-lite-footer {
display: none !important;
}
.amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl__item-content {
border-color: var(--color-set-one-1) !important;
}
.amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl {
margin: 0 -10px;
}  .mini-cart-sidebar {
position: fixed;
top: 0;
right: -400px; width: 400px; height: 100%; z-index: 9999999;
opacity: 0; pointer-events: none;
}
.mini-cart-sidebar .close-cart {
position: absolute;
width: 30px;
left: -30px;
height: 38px;
top: -3px;
cursor: pointer;
font-size: 24px;
color: var(--color-white);
background: var(--color-set-one-2);
display: flex;
align-items: center;
justify-content: center;
line-height: 14px;
padding: 0;
}
.mini-cart-sidebar .mini-cart-content {
position: relative;
height: 100%;
}
.mini-cart-sidebar .mini-cart-content .d_flex, .mini-cart-sidebar .mini-cart-content .widget_shopping_cart_content {
height: 100%;
}
.mini-cart-sidebar .mini-cart-content .woocommerce-mini-cart__empty-message {
display: flex;
height: 100%;
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 2rem;
padding-bottom: 4rem;
}
.mini-cart-sidebar .mini-cart-content .woocommerce-mini-cart__empty-message svg {
opacity: 0.2;
width: 155px;
position: relative;
left: -6px;
}
.mini-cart-sidebar .mini-cart-content .mini_cart_item {
display: flex;
align-items: center;
gap: 1rem;
justify-content: flex-start;
padding: 10px 0;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.mini-cart-sidebar .mini-cart-content .mini_cart_item .image img {
width: 90px;
height: auto;
}
.mini-cart-sidebar .mini-cart-content .mini_cart_item a.font-16 {
font-weight: 600 !important;
}
.mini-cart-sidebar .mini-cart-content .mini_cart_item a.remove {
background: transparent;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--heading-color-one) !important;
}
.mini-cart-sidebar .mini-cart-content .mini_cart_item::before {
content: unset !important;
}
.mini-cart-sidebar .mini-cart-content .lower_body {
position: relative;
padding: 20px 20px 34px;
background: var(--background-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
bottom: 0;
width: 100%;
left: 0;
}
.mini-cart-sidebar .mini-cart-content .lower_body .woocommerce-mini-cart__buttons {
justify-content: space-between;
gap: 1rem;
}
.mini-cart-sidebar .mini-cart-content .lower_body .woocommerce-mini-cart__buttons a {
width: 100%;
padding: 10px 10px;
background: var(--background-white);
}
.mini-cart-sidebar.cart-open {
opacity: 1;
pointer-events: fill;
} .cart-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9998;
display: none; }
.cart-overlay.overlay-open {
display: block; }
.admin-bar .mini-cart-sidebar {
top: 32px;
}
.box_cart {
background: var(--background-bg-1);
padding: 20px;
height: 100%;
}
.box_cart .widget_shopping_cart_content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.box_cart .widget_shopping_cart_content .cart_list {
height: 70vh;
padding: 0 5px 0 0px;
overflow-y: auto;
}
.box_cart .widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item {
background: var(--background-white);
border: 0px;
margin-bottom: 5px;
padding-right: 55px;
padding-left: 5px;
justify-content: flex-start;
border-radius: 10px;
}
.box_cart .widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item::after {
clear: unset;
display: none;
content: unset;
}
.box_cart .widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item .remove_from_cart_button {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
margin: auto;
font-size: 12px;
line-height: normal;
color: var(--color-white) !important;
border-radius: 10px;
padding: 8px;
background: var(--color-set-one-1);
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
padding: 0px;
}
.box_cart .widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item a {
font-weight: 500;
display: block;
}
.box_cart .widget_shopping_cart_content .bottom_content {
position: relative;   display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 0 40px;
}
.box_cart .widget_shopping_cart_content .bottom_content .woocommerce-mini-cart__buttons {
display: flex;
justify-content: space-between;
gap: 1rem;
}
.box_cart .widget_shopping_cart_content .bottom_content .woocommerce-mini-cart__buttons .button {
min-width: 48%;
} .free-shipping-progress {
padding: 20px;
margin-bottom: 15px;
background-color: var(--background-bg-1);
border: 2px dashed var(--color-set-one-bor-1);
border-radius: 5px;
text-align: center;
}
.progress-bar-container {
background-color: var(--background-bg-2);
border-radius: 10px;
overflow: hidden;
height: 10px;
margin-bottom: 10px;
width: 100%;
position: relative;
}
.progress-bar {
height: 100%;
background-color: var(--color-set-one-2);
width: 0;
transition: width 0.4s ease;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
background-size: 40px 40px;
animation: progress-stripes 1s linear infinite;
}
@keyframes progress-stripes {
0% {
background-position: 40px 0;
}
100% {
background-position: 0 0;
}
}
.progress-message {
font-size: 14px;
margin-top: 5px;
}
.single-product .free-shipping-progress {
margin-top: 2rem;
}
@media (min-width: 1200px) {
.navbar_nav > li.mega_menu > .sub-menu, .navbar_nav > li.flex_menu_activate.menu_fullwidth > .sub-menu {
display: none !important;
}
.navbar_nav > li.mega_menu > .submenu-visible {
display: unset !important;
}
.navbar_nav > li.flex_menu_activate.menu_fullwidth > .submenu-visible {
display: flex !important;
}
}
.elementor-lightbox-image {
background: var(--background-bg-1) !important;
} .heading {
position: relative;
margin-bottom: 50px;
}
@media (max-width: 992px) {
.heading {
padding: 0px 0px !important;
}
}
@media (max-width: 768px) {
.heading {
padding: 0px 0px !important;
margin-bottom: 30px;
}
}
.heading .title_main {
font-family: var(--font-family-text);
font-size: 18px;
font-weight: 500;
line-height: 26px;
color: var(--heading-color-one);
padding: 5px 15px;
border-radius: 40px;
background: var(--background-bg-1);
margin-bottom: 10px;
display: inline-block;
position: relative;
}
.heading .title_sub {
font-size: 48px;
font-weight: 600;
color: var(--color-set-one-1);
line-height: 58px;
}
.heading p {
margin-top: 15px;
font-size: 18px;
line-height: 26px;
}
.heading .title_sub.style-2 {
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.heading .title_sub {
padding: 0px;
}
}
@media (max-width: 600px) {
.heading .title_sub {
font-size: 28px;
line-height: 36px;
}
}
.heading .title_sub span {
color: var(--color-set-one-1);
}
.heading .broder_style_left::before {
position: absolute;
content: "";
background: #aeaeae;
width: 4px;
height: 12px;
top: 7px;
left: 5px;
}
.heading .broder_style_left::after {
position: absolute;
content: "";
background: #aeaeae;
width: 2px;
height: 12px;
top: 7px;
left: 0px;
}
.heading .broder_style_right::before {
position: absolute;
content: "";
background: #aeaeae;
right: -20px;
width: 4px;
height: 12px;
top: 7px;
}
.heading .broder_style_right::after {
position: absolute;
content: "";
background: #aeaeae;
width: 2px;
height: 12px;
right: -24px;
top: 7px;
}
.head_type_two {
text-align: inherit;
z-index: 0;
}
.head_type_two span {
position: absolute;
font-size: 120px;
color: var(--color-set-one-bor-1);
top: -10px;
right: 0;
z-index: -1;
}
.head_type_two h1 {
padding: 0px;
}
.section-title .title.right_content {
position: relative;
padding-top: 37px;
padding-bottom: 20px;
}
.section-title .title.right_content::before {
position: absolute;
width: 70px;
height: 3px;
background: var(--color-set-one-1);
top: 8px;
left: 0;
content: "";
}
.section-title .title.right_content p {
font-size: 18px;
color: var(--content-color-two);
line-height: 26px;
}
.heading_inner {
position: relative;
z-index: 0;
} .welcome_type_one {
position: relative;
}
.welcome_type_one .welcomr_inner_hme_one {
position: relative;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: all 0.6s ease-in-out;
}
.welcome_type_one .welcomr_inner_hme_one:hover {
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.welcome_type_one .welcomr_inner_hme_one .image {
display: block;
position: relative;
z-index: 8;
}
.welcome_type_one .welcomr_inner_hme_one .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.welcome_type_one .welcomr_inner_hme_one:hover .overlay {
bottom: 0;
height: 100%;
}
.welcome_type_one .welcomr_inner_hme_one .image p {
color: #d6d6d6;
font-size: 15px;
position: absolute;
top: -300px;
left: 0%;
font-weight: 400;
padding: 0px 25px;
transition: all 0.6s ease-in-out;
}
.welcome_type_one .welcomr_inner_hme_one:hover .image p {
top: 20px;
}
.welcome_type_one .welcomr_inner_hme_one .content_inner {
position: relative;
padding: 20px 25px;
z-index: 9;
}
.welcome_type_one .welcomr_inner_hme_one .content_inner .icon {
float: right;
width: 70px;
height: 70px;
font-size: 30px;
color: var(--color-white);
text-align: center;
background: var(--color-set-one-1);
position: absolute;
z-index: 10;
top: -21px;
right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
.welcome_type_one .welcomr_inner_hme_one .content_inner .icon img {
width: 30px;
height: auto;
}
.welcome_type_one .welcomr_inner_hme_one .content_inner .icon::after {
position: absolute;
content: "";
height: 0px;
border-right: 8px solid #116d1b;
border-top: 13px solid transparent;
border-left: 5px solid transparent;
border-bottom: 8px solid #116d1b;
z-index: 0;
left: -13px;
top: 0px;
}
.welcome_type_one .welcomr_inner_hme_one .content_inner h2 {
position: relative;
font-size: 22px;
line-height: 30px;
font-weight: 600;
z-index: 0;
opacity: 1;
transition: all 0.3s ease-in-out;
text-overflow: ellipsis;
}
.welcome_type_one .welcomr_inner_hme_one .content_inner h2 a {
color: var(--color-set-one-2);
}
.welcome_type_one .welcomr_inner_hme_one .content_inner h2:hover {
color: var(--color-set-one-1);
}
.welcome_type_one .welcomr_inner_hme_one .content_inner a.r_more {
font-size: 14px;
color: var(--color-set-one-2);
font-weight: 600;
line-height: 24px;
transition: all 0.6s ease-in-out;
}
.welcome_type_one .welcomr_inner_hme_one:hover .content_inner a.r_more {
color: var(--color-set-one-1);
}
@media (max-width: 768px) {
.welcome_type_one .welcomr_inner_hme_one img {
width: 100%;
}
} .about_type_one {
position: relative;
background: var(--background-bg-1);
padding: 100px 0px 90px;
}
.about_type_one .heading {
text-align: left;
margin-bottom: 20px;
}
.about_type_one .heading h1 {
padding: 0px;
}
.grid_image_box_one {
position: relative;
}
.grid_image_box_one .images {
position: relative;
border: 5px solid var(--border-white);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
border-radius: 10px;
}
@media (max-width: 1000px) {
.grid_image_box_one .main_image {
width: 100%;
}
.grid_image_box_one .images {
margin-bottom: 40px;
}
}
.grid_image_box_one .content_image {
position: absolute;
bottom: 30px;
width: 100%;
left: 0;
}
.grid_image_box_one .content_image .images_extra {
position: relative;
width: 150px;
height: auto;
margin-left: auto;
}
.grid_image_box_one .content_image .images_extra img {
width: 100%;
}
.grid_image_box_one .font-20 {
position: absolute;
background: var(--background-white);
width: 200px;
text-align: center;
right: 183px;
bottom: 0px;
word-break: break-all;
padding: 8px 15px;
}
.grid_image_box_one .content_image img {
float: right;
margin-right: 33px;
}
@media (max-width: 1199px) {
.grid_image_box_one .content_image img {
display: none;
}
.grid_image_box_one h2 {
position: absolute;
font-size: 18px;
width: 220px;
right: 14px;
bottom: 10px;
}
.grid_image_box_one .content_image {
bottom: 0;
}
}
#counter {
position: relative;
}
#counter .counter_inner {
position: relative;
display: flex;
gap: 1rem;
align-items: center;
}
#counter .counter_inner span.icon {
font-size: 60px;
line-height: 60px;
color: var(--color-set-one-1);
}
#counter .counter_inner .text span, #counter .counter_inner .text .fact_symbols {
font-size: 36px;
color: var(--heading-color-one);
line-height: 36px;
font-weight: 700;
font-family: var(--font-family-main);
}
#counter .counter_inner .text .counter-text {
color: var(--content-color-one);
}
.authourname {
font-size: 16px;
color: var(--content-color-one);
line-height: 26px;
font-weight: 400;
font-family: var(--font-family-text);
padding-left: 60px;
position: relative;
}
.authourname::before {
position: absolute;
content: "";
background: #d4d4d4;
width: 50px;
height: 1px;
left: 0;
top: 11px;
}
.authourname strong {
font-size: 20px;
color: var(--color-set-one-2);
line-height: 26px;
font-weight: 600;
font-family: var(--font-family-text);
} .service_type_one {
position: relative;
}
.service_type_one .heading {
margin-bottom: 30px;
}
.service_type_one .showcase_tabs_btns {
position: relative;
gap: 1.5rem;
}
.service_type_one .showcase_tabs_btns .nav-item:first-child::before {
position: absolute;
content: "";
width: 50px;
height: 20px;
border-radius: 30px;
background: var(--background-bg-1);
border: 1px solid var(--color-set-one-bor-1);
right: -37px;
top: 0;
bottom: 0;
margin: auto;
}
.service_type_one .showcase_tabs_btns .nav-item:first-child .s_tab_btn.active::after {
position: absolute;
content: "";
width: 14px;
height: 14px;
border-radius: 50px;
background: var(--color-set-one-1);
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
right: -4px;
}
.service_type_one .showcase_tabs_btns .nav-item:last-child .s_tab_btn.active::after {
position: absolute;
content: "";
width: 14px;
height: 14px;
border-radius: 50px;
background: var(--color-set-one-1);
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
left: -4px;
}
.service_type_one .showcase_tabs_btns .nav-item {
position: relative;
}
.service_type_one .showcase_tabs_btns .nav-item .s_tab_btn {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: var(--content-color-two);
line-height: 26px;
}
.service_type_one .showcase_tabs_btns .nav-item:first-child .s_tab_btn {
margin-right: 22px;
}
.service_type_one .showcase_tabs_btns .nav-item:last-child .s_tab_btn {
margin-left: 22px;
}
.service_type_one .showcase_tabs_btns .nav-item .s_tab_btn.active {
color: var(--color-set-one-1);
}
.service_type_one .service_inner {
position: relative;
margin: 0px 0px 30px;
border-radius: 10px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
background: var(--background-white);
}
.service_inner .image img {
width: 100% !important;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.service_type_one .service_inner .content_inner {
position: relative;
padding: 30px 25px 30px;
z-index: 11;
}
.service_type_one .service_inner .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 600;
margin-bottom: 8px;
}
.service_type_one .service_inner .content_inner h2:hover a {
color: var(--color-set-one-1);
}
.service_type_one .service_inner .content_inner h2 a {
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
}
.service_type_one .service_inner .content_inner p {
margin-bottom: 17px;
padding-bottom: 17px;
border-bottom: 1px dashed var(--color-set-one-bor-1);
}
.service_type_one .service_inner .content_inner a.r_more {
font-size: 14px;
color: var(--color-set-one-2);
font-weight: 600;
line-height: 24px;
transition: all 0.6s ease-in-out;
}
.service_type_one .service_inner .content_inner a.r_more span {
margin-right: 10px;
color: var(--content-color-one);
transition: all 0.6s ease-in-out;
}
.service_type_one .service_inner .content_inner a.r_more:hover {
color: var(--color-set-one-1);
}
.service_type_one .service_inner .content_inner a.r_more:hover span {
color: var(--color-set-one-1);
}
.service_type_one .service_inner .image {
display: block;
position: relative;
}
.service_type_one .service_inner .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.service_type_one .service_inner:hover .overlay {
bottom: 0;
height: 100%;
}
.service_type_one .service_inner .image .icon {
position: absolute;
display: flex;
margin: auto;
top: 0;
right: 0;
bottom: 0;
font-size: 30px;
left: 0;
border: 1px dashed var(--color-set-one-1);
width: 60px;
height: 60px;
border-radius: 50px;
align-items: center;
justify-content: center;
}
.service_type_one .service_inner .image .icon i {
color: var(--color-set-one-1);
}
.service_type_one .service_inner .image .icon img {
width: 30px !important;
height: auto;
}
.service_all_grid .service_inner {
margin: 0px 0px 30px !important;
} .portfolio_type_one {
position: relative;
}
.portfolio_type_one .container {
padding: 0;
}
.portfolio_type_one .container .padding_num {
padding: 0px 15px;
margin-bottom: 20px;
}
.portfolio_type_one .heading {
text-align: left;
margin-bottom: 20px;
}
.portfolio_type_one .heading h1 {
padding: 0px;
color: var(--color-white);
}
.portfolio_type_one .portfolio_inner {
position: relative;
margin-bottom: 30px;
border: 2px solid transparent;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
.portfolio_type_one .portfolio_inner img {
width: 100%;
}
.portfolio_type_one .portfolio_inner:hover {
border: 2px solid var(--color-set-one-1);
}
.portfolio_type_one .portfolio_inner .image {
display: block;
position: relative;
}
.portfolio_type_one .portfolio_inner .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
top: 0;
}
.portfolio_type_one .portfolio_inner:hover .overlay {
bottom: 0;
height: 100%;
}
.portfolio_type_one .portfolio_inner .image span.icon {
color: var(--color-white);
font-size: 30px;
line-height: 30px;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.portfolio_type_one .portfolio_inner .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: "";
border-radius: 50px;
border: 1px dashed var(--border-white);
background: none;
transition: all 0.6s ease-in-out;
left: -19px;
top: -21px;
}
.portfolio_type_one .portfolio_inner .content_inner {
position: absolute;
width: 100%;
text-align: center;
height: auto;
left: 0;
bottom: 0;
padding: 20px;
background: var(--color-set-one-2);
opacity: 0;
transform: translateY(150px);
transition: all 0.6s ease-in-out;
}
.portfolio_type_one .portfolio_inner .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 600;
margin-bottom: 5px;
}
.portfolio_type_one .portfolio_inner .content_inner h2 a {
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.portfolio_type_one .portfolio_inner .content_inner h2:hover a {
color: var(--color-set-one-1);
}
.portfolio_type_one .portfolio_inner:hover .content_inner {
opacity: 1;
transform: translateY(0px);
} .features_type_one {
position: relative;
overflow: hidden;
}
.features_type_one .features_inner {
position: relative;
background: var(--background-bg-1);
padding: 39px 21px;
text-align: center;
cursor: pointer;
z-index: 0;
overflow: hidden;
border-radius: 10px;
}
.features_type_one .features_inner .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: var(--color-set-one-1);
top: -100%;
opacity: 0;
left: 0;
transition: all 0.6s ease-in-out;
z-index: -10;
}
.features_type_one .features_inner:hover .overlay {
opacity: 1;
top: 0;
}
.features_type_one .features_inner span {
font-size: 60px;
line-height: 60px;
color: var(--color-set-one-1);
margin-bottom: 25px;
font-weight: 500;
display: inline-block;
transition: all 0.6s ease-in-out;
}
.features_type_one .features_inner:hover span {
color: var(--color-white) !important;
background: var(--color-set-one-2);
}
.features_type_one .features_inner:hover .font-22 {
color: var(--color-white);
}
.features_type_one .features_inner:hover p {
color: var(--color-white);
} .testimonial_type_one .testimonial_inner {
position: relative;
margin: 10px 15px 10px 49px !important;
border-left: 3px solid var(--color-set-one-1);
background: var(--background-white);
cursor: pointer;
padding: 40px 30px 40px 0px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
}
.testimonial_type_one .testimonial_inner .image {
position: absolute;
width: 90px;
height: 90px;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
left: -45px;
z-index: 9;
}
.testimonial_type_one .testimonial_inner .image img {
border-radius: 50%;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.testimonial_type_one .testimonial_inner .image::before {
position: absolute;
content: "";
width: 100px;
height: 100px;
left: -5px;
top: -5px;
background: var(--background-bg-2);
border-radius: 50px;
transition: all 0.6s ease-in-out;
}
.testimonial_type_one .testimonial_inner:hover .image::before {
border-color: var(--color-set-one-1);
}
.testimonial_type_one .testimonial_inner .content_inner {
margin-left: 85px;
}
.testimonial_type_one .testimonial_inner .author_name {
position: relative;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 1rem;
}
.testimonial_type_one .testimonial_inner .author_name span {
font-size: 52px;
line-height: 60px;
color: var(--background-bg-2);
transition: all 0.6s ease-in-out;
}
.testimonial_type_one .testimonial_inner:hover .author_name span {
color: var(--color-set-one-1);
}
.testimonial_type_one .testimonial_inner .name_author {
position: relative;
margin-top: 5px;
}
.testimonial_type_one .testimonial_inner .name_author p {
color: var(--color-set-one-1);
margin: 0;
}
.testimonial_type_one .testimonial_inner:hover .name_author p {
color: var(--content-color-one);
}
.testimonial_type_one .testimonial_inner .content_inner p.description {
margin-bottom: 20px;
}
.testimonial_type_one .testimonial_inner .content_inner .rating {
gap: 0.2rem;
}
.testimonial_type_one .testimonial_inner .content_inner .rating span {
font-size: 18px;
color: var(--color-set-one-1);
}
@media (max-width: 768px) {
.testimonial_type_one .testimonial_inner {
margin: 60px 10px 10px !important;
}
.testimonial_type_one .testimonial_inner .image {
float: none;
margin: -90px auto 0px !important;
position: relative;
width: 110px;
}
.testimonial_type_one .testimonial_inner .image img {
margin: 0 auto;
}
.testimonial_type_one .testimonial_inner .image::before {
left: 5px;
}
.testimonial_type_one .testimonial_inner .content_inner {
margin-left: 30px;
margin-top: 30px;
}
.testimonial_type_one .testimonial_inner .author_name {
overflow: inherit;
}
}
@media (max-width: 450px) {
.testimonial_type_one .testimonial_inner .author_name span {
float: none;
position: absolute;
right: 0;
opacity: 0.5;
}
.testimonial_type_one .testimonial_inner .name_author {
margin-left: 0px;
margin-top: 10px;
}
} .quote_client_type_one {
position: relative;
}
.gt_qute_inner {
position: relative;
text-align: center;
}
.gt_qute_inner h1 {
font-size: 52px;
color: var(--color-white);
padding: 0px 150px;
font-weight: 600;
line-height: 70px;
margin-bottom: 30px;
}
@media (max-width: 992px) {
.gt_qute_inner h1 {
padding: 0px 0px;
}
}
@media (max-width: 768px) {
.gt_qute_inner h1 {
padding: 0px 0px;
font-size: 40px;
line-height: 52px;
}
}
.gt_qute_inner a.theme_btn {
background: transparent;
border: 2px solid var(--border-white);
border-radius: 50px;
width: 190px;
height: 60px;
line-height: 58px;
}
.quote_client_type_one .gt_qute_inner a.theme_btn:hover {
background: var(--background-white);
color: var(--color-set-one-1);
}
.gtqote_clientlgo_hme_ome .images {
position: relative;
text-align: center;
}
.gtqote_clientlgo_hme_ome .swiper-wrapper {
align-items: center;
}
.gtqote_clientlgo_hme_ome .images.style-2 img {
display: block;
opacity: 0.5;
filter: grayscale(100%);
margin: 0 auto;
transition: all 0.6s ease-in-out;
}
.gtqote_clientlgo_hme_ome .images.style-2:hover img {
opacity: 1;
cursor: pointer;
filter: inherit;
}
.gtqote_clientlgo_hme_ome .swiper-wrapper .swiper-slide {
padding-top: 50px;
}
.gtqote_clientlgo_hme_ome .images {
padding: 10px 0;
}
.gtqote_clientlgo_hme_ome .images .tool_tip_inner {
position: absolute;
padding: 10px 20px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-set-one-1);
transition: all 0.6s ease-in-out;
opacity: 0;
color: var(--color-white);
top: -50px;
left: 0;
right: 0;
}
.gtqote_clientlgo_hme_ome .images .tool_tip_inner::before {
position: absolute;
content: "";
top: 0;
right: 0;
border-radius: 10px;
left: 0;
bottom: 0;
margin: auto;
border: 1px dashed var(--border-white);
width: calc(100% - 6px);
height: calc(100% - 6px);
}
.gtqote_clientlgo_hme_ome .images:hover .tool_tip_inner {
opacity: 1;
} .grid-view .heading {
text-align: left;
margin-bottom: 20px;
}
.grid-view .heading h1 {
padding: 0px;
}
.grid-view .more_news_btn {
position: relative;
text-align: right;
}
.grid-view .more_news_btn a.theme_btn {
border-radius: 50px;
margin-top: 25px;
}
.grid-view .blog_post_types {
position: relative;
margin: 0px 0px 40px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px -5px 22px 5px rgba(0, 0, 0, 0.1);
background: var(--background-white);
}
.grid-view .blog_post_types .content_inner {
position: relative;
padding: 30px;
z-index: 11;
}
.grid-view .blog_post_types .category {
position: relative;
}
.grid-view .blog_post_types .category a {
border: 1px dashed var(--color-set-one-1);
padding: 6px 15px;
color: var(--color-set-one-1);
border-radius: 30px;
}
.grid-view .blog_post_types .category a span {
color: var(--color-set-one-1);
margin-right: 10px;
line-height: 26px;
}
.grid-view .blog_post_types .content_inner h2:hover a {
color: var(--color-set-one-1);
}
.grid-view .blog_post_types .content_inner h2 a {
font-size: 24px;
display: block;
line-height: 32px;
font-weight: 600;
margin-top: 18px;
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
}
.grid-view .blog_post_types .content_inner p {
margin-bottom: 17px;
}
.grid-view .blog_post_types .content_inner a.r_more {
margin-top: 10px;
font-size: 14px;
color: var(--color-set-one-2);
font-weight: 600;
line-height: 24px;
transition: all 0.6s ease-in-out;
display: block;
}
.grid-view .blog_post_types .content_inner a.r_more span {
margin-right: 10px;
color: var(--content-color-one);
transition: all 0.6s ease-in-out;
}
.grid-view .blog_post_types .content_inner a.r_more:hover {
color: var(--color-set-one-1);
}
.grid-view .blog_post_types .content_inner a.r_more:hover span {
color: var(--color-set-one-1);
}
.grid-view .blog_post_types .image {
display: block;
position: relative;
}
.grid-view .blog_post_types .image img {
width: 100%;
}
.full_column.col-lg-12.col-md-12.col-sm-12.col-xs-12 .blog_post_types .image img {
width: 100%;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
}
.grid-view .blog_post_types .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.grid-view .blog_post_types:hover .overlay {
bottom: 0;
height: 100%;
}
.grid-view .blog_post_types .image span.icon {
color: var(--color-white);
font-size: 30px;
line-height: 36px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.grid-view .blog_post_types .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: "";
border-radius: 50px;
border: 1px dashed var(--border-white);
background: none;
transition: all 0.6s ease-in-out;
left: -19px;
top: -18px;
}
.grid-view .blog_post_types ul li {
display: inline-block;
margin-right: 8px;
font-size: 13px;
margin-bottom: 0;
text-transform: uppercase;
color: var(--content-color-one);
position: relative;
}
.grid-view .entry-footer ul.entry-meta {
position: relative;
padding: 10px 0px;
border-bottom: 1px dashed var(--color-set-one-bor-1);
border-top: 1px dashed var(--color-set-one-bor-1);
margin: 14px 0px;
}
.grid-view .entry-footer ul.entry-meta li a {
text-transform: uppercase;
color: var(--content-color-one);
position: relative;
display: inline-block;
}
.grid-view .entry-footer ul.entry-meta li {
margin-right: 26px;
}
.grid-view .entry-footer ul.entry-meta li::before {
position: absolute;
height: 15px;
border: 0.5px dashed #bcbcbc;
content: "";
right: -13px;
top: 4px;
content: "";
}
.grid-view .entry-footer ul.entry-meta li:last-child {
margin-right: 0px;
}
.grid-view .entry-footer ul.entry-meta li:last-child::before {
display: none;
}
.grid-view .entry-footer ul li span {
color: var(--color-set-one-1);
margin-right: 5px;
} .list-view .blog_post_types {
position: relative;
margin-bottom: 40px;
}
.list-view .blog_post_types .entry-thumbnail.image {
position: relative;
float: left;
width: 40%;
margin-right: 20px;
}
.list-view .blog_post_types .entry-thumbnail.image a {
margin-bottom: 6px;
}
.list-view .blog_post_types .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.list-view .blog_post_types:hover .overlay {
bottom: 0;
height: 100%;
}
.list-view .blog_post_types .category {
position: relative;
}
.list-view .blog_post_types .category a {
border: 1px dashed var(--color-set-one-1);
padding: 6px 15px;
color: var(--color-set-one-1);
}
.list-view .blog_post_types .category li {
position: relative;
line-height: 40px;
}
.list-view .blog_post_types .category a span {
color: var(--color-set-one-1);
margin-right: 10px;
line-height: 26px;
}
.list-view .blog_post_types .content_inner {
position: relative;
}
.list-view .blog_post_types .content_inner h2 {
font-size: 26px;
line-height: 36px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 18px;
}
.list-view .blog_post_types .image span.icon {
color: var(--color-white);
font-size: 30px;
line-height: 36px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.list-view .blog_post_types .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: "";
border-radius: 50px;
border: 1px dashed var(--border-white);
background: none;
transition: all 0.6s ease-in-out;
left: -19px;
top: -18px;
}
.list-view .blog_post_types .content_inner h2 a {
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
}
.list-view .blog_post_types .content_inner h2:hover a {
color: var(--color-set-one-1);
} .addres_outer {
position: relative;
}
.addres_outer .addres_inner {
position: absolute;
background: var(--background-white);
padding: 30px;
top: -390px;
right: 0;
border-left: 3px solid var(--color-set-one-1);
}
.addres_outer .addres_inner h3 {
font-size: 20px;
line-height: 28px;
font-weight: 600;
text-transform: uppercase;
color: var(--color-set-one-1);
margin-bottom: 10px;
}
.addres_outer .addres_inner p {
margin-bottom: 8px;
}
.addres_outer .addres_inner p span {
color: var(--color-set-one-2);
font-family: var(--font-family-text);
font-weight: 500;
font-size: 18px;
margin-right: 5px;
}
.law-map-shortcode .container {
padding: 0px;
}
@media (max-width: 500px) {
.addres_outer .addres_inner {
position: relative;
background: var(--background-white);
padding: 30px;
top: inherit;
right: inherit;
border-left: 3px solid var(--color-set-one-1);
}
} @media (max-width: 1199px) {
.quote_client_type_one .gt_qute_inner h1 {
padding: 0px;
}
}
@media (max-width: 768px) {
.service_type_one .image img {
width: 100% !important;
}
}
@media (max-width: 992px) {
.news_type_one .more_news_btn {
text-align: left;
margin-bottom: 30px;
}
} .custome_rating_awards {
position: absolute;
z-index: 99;
width: 100%;
left: 0;
margin-top: -116px;
}
.awards_image img {
height: 226px;
border-radius: 10px;
}
.customer_rating_inner {
position: relative;
z-index: 10;
padding: 40px 40px 32px;
border-radius: 10px;
background-position: center !important;
background-repeat: repeat !important;
background-size: cover !important;
}
.customer_rating_inner .content_inner {
position: relative;
}
.customer_rating_inner .content_inner .icon_lf {
float: left;
}
.customer_rating_inner .content_inner span {
font-size: 50px;
color: var(--color-white);
line-height: 80px;
text-align: center;
position: relative;
z-index: 0;
display: block;
width: 80px;
}
.customer_rating_inner .content_inner span::after {
position: absolute;
content: "";
background: var(--color-set-one-2);
border-radius: 50px;
width: 80px;
height: 80px;
left: 0;
z-index: -10;
}
.customer_rating_inner .content_inner .text {
margin-left: 110px;
padding-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.customer_rating_inner .content_inner .text h2 {
font-size: 30px;
line-height: 36px;
color: var(--color-white);
margin-bottom: 8px;
font-weight: 600;
}
.customer_rating_inner .content_inner .text p {
color: var(--color-white);
}
.customer_rating_inner .desc {
padding-top: 25px;
font-size: 18px;
font-weight: 500;
color: var(--color-white);
}
@media (max-width: 992px) {
.dp_none {
display: none;
}
.custome_rating_awards {
padding: 60px 0px;
position: relative;
background: url(//jjsod.co/wp-content/themes/lawnshaper/assets/img/resource/hm-2-customer-rating.png);
background-position: center center;
background-repeat: repeat;
background-size: cover;
margin: 0;
}
.customer_rating_inner {
background: transparent;
}
}
@media (max-width: 768px) {
.customer_rating_inner .content_inner .icon_lf {
float: none;
}
.customer_rating_inner .content_inner .text {
margin-left: 0px;
margin-top: 40px;
}
} .service_type_two {
position: relative;
}
.service_type_two .heading h2 {
color: var(--color-set-one-1);
}
.service_type_two .heading h1 {
color: var(--color-white);
}
.service_type_two .head_type_two .broder_style_left::before {
background: var(--color-set-one-1);
}
.service_type_two .head_type_two span {
color: var(--heading-color-one);
}
.service_type_two .head_type_two .broder_style_left::after {
background: var(--color-set-one-1);
}
.service_type_two .service_inner {
position: relative;
background: var(--background-white);
border-radius: 10px;
padding: 45px 20px 35px;
transition: all 0.6s ease-in-out;
text-align: center;
border: 2px solid var(--border-white);
margin-bottom: 30px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.service_type_two .service_inner:hover {
background: var(--color-set-one-2);
border: 2px solid var(--color-set-one-1);
}
.service_type_two .service_inner .icon i {
font-size: 60px;
color: var(--color-set-one-1);
transition: all 0.6s ease-in-out;
}
.service_type_two .service_inner:hover .icon i {
color: var(--color-white) !important;
}
.service_type_two .service_inner .icon {
position: relative;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 140px;
height: 140px;
border-radius: 50%;
background: var(--background-white);
margin: 0 auto;
border: 2px dotted var(--color-set-one-1);
transition: all 0.6s ease-in-out;
}
.service_type_two .service_inner .icon img {
width: 60px;
height: auto;
}
.service_type_two .service_inner:hover .icon {
border: 2px solid var(--color-set-one-1);
background: var(--color-set-one-1);
}
.service_type_two .service_inner .icon::before {
position: absolute;
content: "";
width: 120px;
height: 120px;
top: 8px;
border-radius: 50%;
left: 8px;
background: transparent;
border: 2px dotted var(--border-white);
opacity: 0;
transition: all 0.6s ease-in-out;
}
.service_type_two .service_inner:hover .icon::before {
opacity: 1;
}
.service_type_two .service_inner .content_inner {
position: relative;
margin-top: 30px;
}
.service_type_two .service_inner:hover .content_inner .font-22,
.service_type_two .service_inner:hover .content_inner .link_btn {
color: var(--color-white);
}
.service_type_two .service_inner .content_inner p {
color: var(--content-color-two);
}
.service_type_two .service_inner .content_inner .link_btn {
justify-content: center;
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
} .about_type_two {
position: relative;
}
.about_type_two .about_inner {
position: relative;
}
.about_type_two .about_inner .images_extra {
width: 300px;
height: 250px;
position: absolute;
top: 0;
left: -185px;
}
.about_type_two .about_inner img.experience {
display: block;
width: 100%;
}
.about_type_two .heading {
margin-bottom: 30px;
}
.icon_box_outer {
position: relative;
}
.icon_box_outer .font-22 {
margin-bottom: 10px;
}
.icon_box_outer .style-1 {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.icon_box_outer span {
font-size: 60px;
color: var(--color-set-one-1);
}
@media (max-width: 992px) {
.icon_box_outer .icon_box {
margin-bottom: 20px;
}
}
.icon_box_outer .icon_box.style-3 .text {
margin-left: 0px;
}
.about_type_two .first_desc {
margin-bottom: 15px;
}
.icon_box_outer.tp_two {
border: 0px;
}
.icon_box_outer.tp_two .icon_box {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.icon_box_outer.tp_two .text.one::before {
position: absolute;
content: "";
width: 1px;
height: 41px;
right: 28px;
top: 6px;
background: var(--color-set-one-bor-1);
}
.icon_box_outer.tp_two .text.one {
margin-left: 0px;
}
.icon_box_outer.tp_two span {
font-size: 25px;
width: 52px;
min-width: 52px;
height: 52px;
line-height: 52px;
text-align: center;
display: block;
background: var(--color-set-one-1);
color: var(--color-white) !important;
border-radius: 50px;
}
.about_type_two .about_content {
position: relative;
padding: 60px 0px 70px;
}
@media (max-width: 992px) {
.icon_box_outer.tp_two .text.one::before {
display: none;
}
} .features_type_two .features_inner {
position: relative;
}
.features_type_two .features_inner .icon_in {
position: relative;
margin-bottom: 15px;
}
.features_type_two .features_inner .icon_in span {
font-size: 54px;
color: var(--color-set-one-1);
line-height: 54px;
}
.features_type_two .features_inner .icon_in p {
position: absolute;
right: 10px;
top: 4px;
color: #d8d8d8;
font-size: 36px;
line-height: 42px;
font-family: var(--font-family-text);
font-weight: 600;
}
.features_type_two .features_inner:hover .font-22 {
color: var(--color-set-one-1);
} .features_type_one.type_three .features_inner {
position: relative;
background: var(--background-white);
border-radius: 10px;
border: 2px solid #f4faf4;
padding: 40px 25px;
overflow: hidden;
margin: 0px 8px 15px;
}
.features_type_one .features_inner span {
width: 65px;
height: 65px;
line-height: 65px;
font-size: 35px;
text-align: center;
margin: 0px auto 20px;
background: #f4faf4;
border-radius: 50px;
}
.features_type_one.type_three .features_inner:hover span {
color: var(--color-white);
background: rgba(255, 255, 255, 0.1);
}
.opinion_type_one {
position: relative;
border-radius: 10px;
background: var(--color-set-one-1);
overflow: hidden;
}
.opinion_type_one .inner_content .left_side {
position: relative;
}
.opinion_type_one .left_side .font-22 {
padding: 30px 25px 30px 25px;
font-size: 26px;
font-weight: 600;
color: var(--color-white);
text-align: left;
line-height: 32px;
}
@media (max-width: 1199px) {
.opinion_type_one .left_side .font-22 {
text-align: center;
}
}
.opinion_type_one .right_side {
position: relative;
text-align: center;
z-index: 0;
padding: 25px 0px 25px 0px;
}
.opinion_type_one .right_side a {
width: 230px;
border-radius: 30px;
}
@media (max-width: 768px) {
.opinion_type_one .right_side a {
width: auto;
padding: 10px 30px;
}
}
.opinion_type_one .left_side .icon {
color: var(--color-white);
font-size: 60px;
line-height: 100px;
text-align: center;
display: block;
z-index: 0;
position: relative;
}
@media (max-width: 768px) {
.opinion_type_one .left_side .icon {
line-height: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
}
.opinion_type_one .left_side .icon:after {
position: absolute;
z-index: -100;
content: "";
background: var(--color-set-one-2);
width: 100%;
height: 100%;
text-align: center;
display: block;
top: 0;
left: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.opinion_type_one .right_side::before {
width: 100%;
height: 100%;
background: var(--color-set-one-2);
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -10;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
@media (max-width: 3000px) and (min-width: 1200px) {
.opinion_type_one .left_side {
float: left;
width: 790px;
}
.opinion_type_one.elementor_opinion .left_side {
width: 69.5%;
}
.opinion_type_one .right_side {
width: 340px;
float: right;
}
.opinion_type_one.elementor_opinion .right_side {
width: 29.5%;
}
.opinion_type_one .left_side .icon {
float: left;
width: 100px;
height: 100px;
}
.opinion_type_one .left_side .icon:after {
width: 100px;
height: 100px;
}
.opinion_type_one .right_side::before {
width: 100%;
height: 100px;
}
.opinion_type_one .left_side .font-22 {
padding: 34px 25px 0px 130px;
}
.opinion_type_one .right_side {
padding: 25px 0px 0px 0px;
}
.opinion_type_one .inner_content .left_side::before {
border: 1px dashed var(--border-white);
width: 99%;
height: 89%;
position: absolute;
content: "";
top: 5px;
z-index: 20;
left: 9px;
border-radius: 10px;
}
.opinion_type_one .inner_content .right_side::after {
border: 1px dashed var(--border-white);
width: 95%;
height: 119%;
position: absolute;
content: "";
top: 5px;
z-index: -1;
left: 9px;
border-radius: 10px;
}
}
@media (max-width: 1199px) {
.opinion_type_one .inner_content::before {
display: none;
}
.opinion_type_one .left_side .icon:after {
border-top-left-radius: 5px;
border-bottom-left-radius: 0px;
border-top-right-radius: 5px;
}
.opinion_type_one .right_side::before {
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
} .contact_type_one {
position: relative;
background: url(//jjsod.co/wp-content/themes/lawnshaper/assets/img/resource/hm-2-emergency-1.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.contact_type_one .bg_appointment {
background: var(--color-set-one-2);
position: relative;
z-index: 0;
}
.contact_type_one .bg_appointment::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: var(--color-set-one-2);
left: -50%;
top: 0;
z-index: -10;
}
.contact_type_one .bg_appointment::after {
position: absolute;
content: "";
z-index: -10;
width: 100%;
height: 100%;
background: var(--color-set-one-2);
right: -50%;
top: 0;
display: block;
}
.contact_type_one .form_appointment {
position: relative;
z-index: 0;
padding: 0px 0px 0px 0px;
}
.contact_type_one .form_appointment::before {
position: absolute;
content: url(//jjsod.co/wp-content/themes/lawnshaper/assets/img/resource/hm-2-appointment-1.jpg);
z-index: -10;
bottom: -9px;
left: -386px;
}
.emergency_outer {
position: relative;
}
.emergency_inner {
position: relative;
padding: 40px 40px 50px;
border-radius: 10px;
background: var(--background-white);
box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.05);
}
.emergency_inner p {
margin-bottom: 25px;
}
.emergency_inner .icbox_text_up {
position: relative;
margin-bottom: 20px;
align-items: center;
display: flex;
justify-content: flex-start;
gap: 1rem;
}
.emergency_inner .icbox_text_up span {
font-size: 60px;
line-height: 70px;
color: var(--color-set-one-1);
}
.emergency_inner .icbox_text_down {
display: flex;
align-items: center;
gap: 1rem;
}
.emergency_inner .icbox_text_down .font-28 {
font-weight: 400;
}
.emergency_inner .icbox_text_down span {
font-size: 20px;
width: 60px;
height: 60px;
min-width: 60px;
border-radius: 50px;
background: var(--color-set-one-1);
display: block;
line-height: 60px;
text-align: center;
color: var(--color-white);
}
@media (max-width: 3000px) and (min-width: 1200px) {
.contact_type_one {
background-position: right;
}
.contact_type_one .bg_appointment::before {
left: -50%;
}
.contact_type_one .bg_appointment::after {
display: none;
}
.contact_type_one .form_appointment {
padding: 0px 50px 0px 0px;
}
}
.emergency_inner {
position: relative;
padding: 40px 40px 40px;
border-radius: 10px;
background: var(--background-white);
}
@media (max-width: 1199px) {
.contact_type_one .bg_appointment {
flex: 100%;
max-width: 100%;
}
.contact_type_one .bg_emergency {
flex: 100%;
max-width: 100%;
}
.emergency_inner {
margin: 0px auto;
}
}
@media (max-width: 600px) {
.emergency_inner {
width: auto;
margin: 0px auto;
}
} .pro_gallery_type_two {
position: relative;
}
.portfolio_all .fliter_group {
text-align: center;
margin-bottom: 30px;
}
.portfolio_all .fliter_group ul {
display: inline-block;
text-align: center;
border: 1px dashed var(--color-set-one-bor-1);
border-radius: 3px;
padding: 0px 60px;
}
.portfolio_all .fliter_group ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-weight: 600;
font-size: 16px;
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
cursor: pointer;
}
.portfolio_all .fliter_group ul li::before {
position: absolute;
content: "";
right: 0;
top: 15px;
border: 0.5px dashed var(--color-set-one-bor-1);
width: 1px;
height: 25px;
}
.portfolio_all .fliter_group ul li:last-child::before {
display: none;
}
.portfolio_all .fliter_group ul li.current,
.portfolio_all .fliter_group ul li:hover {
color: var(--color-set-one-1);
}
@media (max-width: 768px) {
.portfolio_all .fliter_group ul {
padding: 0px 20px;
}
.portfolio_all .fliter_group ul li::before {
display: none;
}
}
.pro_gallery_type_two .heading {
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.pro_gallery_type_two .heading h1 {
margin-bottom: 25px;
}
.pro_gallery_type_two .projet_inner {
position: relative;
overflow: hidden;
margin-bottom: 30px;
border-radius: 10px;
transition: all 0.6s ease-in-out;
z-index: 10;
cursor: pointer;
}
.pro_gallery_type_two .projet_inner img {
width: 100%;
}
.pro_gallery_type_two .projet_inner:hover {  transform: scale(1.2, 1.2); z-index: 11;
position: relative;
border-radius: 10px;
}
.pro_gallery_type_two .projet_inner .image {
position: relative;
border-radius: 10px;
}
.pro_gallery_type_two .projet_inner .image .overlay {
position: absolute;
bottom: 100%;
border-radius: 10px;
left: 0;
right: 0;
background-color: var(--color-set-one-2);
opacity: 0;
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.pro_gallery_type_two .projet_inner:hover .overlay {
bottom: 0;
height: 100%;
opacity: 0.9;
}
.pro_gallery_type_two .projet_inner .image span {
color: var(--color-white);
font-size: 30px;
line-height: 30px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.pro_gallery_type_two .projet_inner .image span::after {
width: 70px;
height: 70px;
position: absolute;
content: "";
border-radius: 50px;
border: 1px dashed var(--border-white);
background: none;
transition: all 0.6s ease-in-out;
left: -19px;
top: -21px;
}
.pro_gallery_type_two .projet_inner .content {
position: absolute;
width: 100%;
bottom: -100%;
left: 0;
z-index: 99;
background: var(--color-set-one-1);
text-align: center;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transition: all 0.6s ease-in-out;
}
.pro_gallery_type_two .projet_inner:hover .content {
bottom: 0;
}
.pro_gallery_type_two .projet_inner .content .entry-title a {
font-size: 22px;
line-height: 30px;
color: var(--color-white);
font-weight: 600;
display: block;
padding: 20px;
} .pro_gallery_type_two.style_two_2 .projet_inner {
position: relative;
}
.pro_gallery_type_two.style_two_2 .projet_inner .content {
opacity: 1;
border-radius: 10px 10px 0px 0px;
bottom: 0;
}
.pro_gallery_type_two.style_two_2 .projet_inner .content.entry-title a {
color: var(--color-white);
}
.pro_gallery_type_two.style_two_2 .projet_inner:hover .content {
bottom: 0;
}
.pro_gallery_type_two.style_two_2 .projet_inner:hover {
transform: inherit;
}
.pro_gallery_type_two.style_two_2 .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.pro_gallery_type_two.style_two_2 .projet_inner:hover .image img {
opacity: 0.8;
} .counter_type_two {
position: relative;
}
.counter_type_two .counter_inner .value {
position: relative;
margin-bottom: 10px;
}
.counter_type_two .counter_inner .value {
display: flex;
align-items: center;
gap: 1rem;
}
.counter_type_two .counter_inner .value span {
font-size: 60px;
line-height: 60px;
color: var(--color-set-one-1);
}
.counter_type_two .counter_inner .value .count-text {
font-size: 60px;
line-height: 60px;
color: var(--color-white);
font-weight: 600;
}
.counter_type_two .counter_inner .coun_ter .font-20 {
font-size: 60px;
line-height: 60px;
color: var(--color-white);
font-weight: 600;
}
.counter_type_two .counter_inner .counter-text {
font-size: 20px;
line-height: 30px;
color: var(--color-white);
font-weight: 600;
}
@media (max-width: 768px) {
.counter_type_two .counter_inner .value span {
float: none;
}
.counter_type_two .counter_inner .value h5 {
margin-left: 0px;
}
.counter_type_two .counter_inner {
margin-bottom: 30px;
}
} .testimonial_type_two {
position: relative;
}
.testimonial_type_two .testimonial_inner {
position: relative;
border-radius: 8px;
background: var(--color-set-one-1);
padding: 40px;
margin: 0px 0px 23px;
}
.testimonial_type_two .testimonial_inner::before {
position: absolute;
content: "";
height: 0px;
border-right: 43px solid transparent;
border-top: 43px solid var(--color-set-one-1);
border-left: 6px solid var(--color-set-one-1);
border-bottom: 7px solid transparent;
z-index: 0;
left: 42px;
bottom: -50px;
}
.testimonial_type_two .testimonial_inner p {
color: var(--color-white);
margin-bottom: 30px;
}
.testimonial_type_two .testimonial_inner .icon_inner .rating {
justify-content: flex-start;
}
.testimonial_type_two .testimonial_inner .icon_inner .rating span {
color: var(--color-white);
font-size: 18px;
transform: inherit;
line-height: 24px;
padding-right: 5px;
position: relative;
top: inherit;
}
.testimonial_type_two .testimonial_inner .icon_inner {
position: relative;
}
.testimonial_type_two .testimonial_inner .icon_inner span {
position: absolute;
transform: rotate(-180deg);
right: 0;
font-size: 54px;
color: #1e912b;
line-height: 64px;
top: -22px;
}
.testimonial_type_two .authour_det {
position: relative;
margin-left: 70px;
}
.testimonial_type_two .authour_det img {
float: left;
border-radius: 50%;
width: 80px !important;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial_type_two .authour_name {
position: relative;
padding-top: 15px;
margin-left: 100px;
}
.testimonial_type_two .authour_name p {
color: var(--color-set-one-1);
}
@media (max-width: 450px) {
.testimonial_type_two .testimonial_inner::before {
display: none;
}
.testimonial_type_two .authour_det {
margin-left: 0px;
}
.testimonial_type_two .testimonial_inner {
margin: 0px 0px 20px;
}
} .team_outer.team_all {
position: relative;
border-radius: 10px;
padding-bottom: 80px;
z-index: 0;
}
.team_outer.team_all .image img {
width: 100% !important;
}
.team_outer.team_all .team_inner {
position: relative;
padding: 25px 25px 35px;
border-radius: 10px;
background: var(--background-white);
}
.team_outer.team_all .image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.team_outer.team_all .image img {
border-radius: 10px;
}
.team_outer.team_all .image .overlay {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to top, var(--color-set-one-1) 8%, rgba(32, 138, 46, 0) 98%, rgba(32, 138, 46, 0) 80%);
left: 0;
bottom: 0;
transition: 0.5s;
opacity: 0;
border-radius: 10px;
}
.team_outer.team_all:hover .image .overlay {
opacity: 1;
}
.team_outer.team_all .image .overlay ul {
position: absolute;
bottom: 80px;
width: 100%;
text-align: center;
}
.team_outer.team_all .image .overlay ul li {
display: inline-block;
margin: 0px 5px;
}
.team_outer.team_all .image .overlay ul li a {
width: 45px;
display: block;
line-height: 45px;
text-align: center;
border: 1px dashed var(--border-white);
height: 45px;
border-radius: 50px;
background: transparent;
color: var(--color-set-one-1);
}
.team_outer.team_all .image .overlay ul li:nth-child(1) {
transform: translateY(150px);
transition: all 0.3s ease-in-out;
}
.team_outer.team_all .image .overlay ul li:nth-child(2) {
transform: translateY(200px);
transition: all 0.6s ease-in-out;
}
.team_outer.team_all .image .overlay ul li:nth-child(3) {
transform: translateY(250px);
transition: all 0.9s ease-in-out;
}
.team_outer.team_all .image .overlay ul li a {
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.team_outer.team_all:hover .image .overlay ul li {
transform: translateY(0px);
}
.team_outer.team_all .image .overlay ul li a:hover {
background: var(--background-white);
border-style: solid;
}
.team_outer.team_all .image .overlay ul li:hover a {
color: var(--color-set-one-1);
}
.team_outer.team_all .authour_det {
position: relative;
text-align: center;
}
.team_outer.team_all .authour_det .authour_name {
position: relative;
width: 80%;
padding: 12px 10px;
margin: 0 auto;
display: block;
background: var(--color-set-one-1);
border-radius: 10px;
margin-top: -48px;
transition: all 0.6s ease-in-out;
}
.team_outer.team_all:hover .authour_det .authour_name {
background: var(--background-white) !important;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
}
.team_outer.team_all .authour_det .authour_name .font-22 {
color: var(--color-white);
}
.team_outer.team_all:hover .authour_det .authour_name .font-22 {
color: var(--color-set-one-2);
}
.team_outer.team_all .authour_det .authour_name p {
color: var(--color-white);
margin: 0;
}
.team_outer.team_all:hover .authour_det .authour_name p {
color: var(--color-set-one-1);
}
.team_outer.team_all .authour_det p.des {
margin: 30px 10px;
}
.team_outer.team_all .authour_det .icon_in {
position: relative;
}
.team_outer.team_all .authour_det .icon_in::before {
position: absolute;
content: "";
left: 0;
top: 22px;
width: 100%;
height: 1px;
border-bottom: 1px dashed var(--color-set-one-bor-1);
}
.team_outer.team_all .authour_det .icon_in span::before {
width: 45px;
position: relative;
display: block;
line-height: 45px;
text-align: center;
border: 1px dashed var(--color-set-one-bor-1);
height: 45px;
border-radius: 50px;
background: var(--background-white);
transform: rotate(0);
margin: 0 auto;
z-index: 10;
transition: all 0.6s ease-in-out;
color: var(--color-set-one-1);
}
.team_outer.team_all:hover .authour_det .icon_in span::before {
transform: rotate(360deg);
}
.team_outer.team_all .authour_det .icon_in span:after {
position: absolute;
content: "";
width: 65px;
height: 65px;
display: inline-block;
background: var(--background-white);
border-radius: 50px;
z-index: 0;
margin-left: -32px;
margin-top: -55px;
}
.team_outer.team_all .authour_det .phone_number {
position: relative;
text-align: center;
display: block;
}
.team_outer.team_all .authour_det .phone_number a::before {
position: absolute;
content: "";
height: 0px;
border-right: 10px solid transparent;
border-top: 10px solid var(--color-set-one-1);
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: -10;
top: -21px; width: 20px;
margin: auto;
left: 0;
right: 0;
}
.team_outer.team_all .authour_det .phone_number a {
position: absolute;
width: 200px;
height: 50px;
line-height: 50px;
border-radius: 50px;
background: var(--color-set-one-1);
display: block;
left: 0;
right: 0;
margin: 0 auto;
z-index: -10;
transform: translateY(-100px);
transition: all 0.6s ease-in-out;
color: var(--color-white);
font-family: var(--font-family-text);
}
.team_outer.team_all:hover .authour_det .phone_number a {
transform: translateY(56px);
} .quote_client_type_two {
position: relative;
padding: 96px 0px 108px;
background: url(//jjsod.co/wp-content/themes/lawnshaper/assets/img/resource/get-a-quote-home-1-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.quote_client_type_two .gt_qute_inner {
position: relative;
text-align: center;
}
.quote_client_type_two .gt_qute_inner h1 {
font-size: 48px;
color: var(--color-white);
padding: 0px 200px;
font-weight: 600;
line-height: 66px;
margin-bottom: 20px;
}
.quote_client_type_two .gt_qute_inner a.theme_btn {
background: transparent;
border: 2px solid var(--border-white);
border-radius: 50px;
width: 190px;
height: 60px;
line-height: 58px;
}
.quote_client_type_two .gt_qute_inner a.theme_btn:hover {
background: var(--background-white);
color: var(--color-set-one-1);
}
@media (max-width: 1199px) {
.quote_client_type_two .gt_qute_inner h1 {
padding: 0px;
}
} .blog_post_types.style-3 {
position: relative;
border-radius: 10px;
background: var(--background-white);
margin-bottom: 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.blog_post_types.style-3 .image {
display: block;
position: relative;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.blog_post_types.style-3 .image img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 100%;
}
.blog_post_types.style-3 .image .overlay {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: var(--color-set-one-2);
opacity: 0;
overflow: hidden;
width: 100%;
height: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
transition: 0.5s ease;
}
.blog_post_types.style-3:hover .overlay {
top: 0;
height: 100%;
opacity: 0.9;
}
.blog_post_types.style-3 .image span.icon {
color: var(--color-white);
font-size: 30px;
line-height: 36px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.blog_post_types.style-3 .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: "";
border-radius: 50px;
border: 1px dashed var(--border-white);
background: none;
transition: all 0.6s ease-in-out;
left: -19px;
top: -18px;
}
.blog_post_types.style-3 .content_inner {
position: relative;
padding: 40px 30px 25px;
}
.blog_post_types.style-3 .content_inner .tag_and_date {
position: relative;
padding: 19px 0 10px;
margin-top: -58px;
border-bottom: 1px dashed var(--color-set-one-bor-1);
}
.blog_post_types.style-3 .content_inner .tag_and_date:before {
position: absolute;
width: 110%;
left: -14px;
content: "";
padding: 0 20px;
background: var(--background-white);
border-radius: 10px;
height: 100%;
top: 3px;
z-index: -1;
}
.blog_post_types.style-3 .content_inner .tag_and_date ul {
margin: 0;
padding: 0;
}
.blog_post_types.style-3 .content_inner .tag_and_date ul li {
display: inline-block;
color: var(--content-color-one);
font-size: 13px;
position: relative;
line-height: 28px;
text-transform: uppercase;
}
.blog_post_types.style-3 .content_inner .tag_and_date ul li:last-child {
margin-right: 0px;
}
.blog_post_types.style-3 .content_inner .tag_and_date ul li span {
margin-right: 5px;
color: var(--color-set-one-1);
}
.blog_post_types.style-3 .content_inner .tag_and_date ul li a {
color: var(--content-color-one);
font-size: 13px;
display: block;
line-height: 18px;
}
.blog_post_types.style-3 .content_inner .tag_and_date ul li:first-child {
margin-right: 20px;
}
.blog_post_types.style-3 .content_inner .tag_and_date ul li:first-child::before {
background: var(--color-set-one-bor-1);
position: absolute;
content: "";
width: 1px;
height: 17px;
right: -11px;
}
.blog_post_types.style-3 .content_inner h2 a {
font-size: 22px;
line-height: 30px;
display: block;
transition: all 0.6s ease-in-out;
position: relative;
font-weight: 600;
color: var(--color-set-one-2);
margin-bottom: 20px;
margin-top: 10px;
}
.blog_post_types.style-3 .content_inner h2 {
margin-top: 0px;
}
.blog_post_types.style-3 .content_inner h2:hover a {
color: var(--color-set-one-1);
}
.blog_post_types.style-3 .content_inner ul.rd_m_cmt {
position: relative;
padding-left: 0;
}
.blog_post_types.style-3 .content_inner ul.rd_m_cmt li {
display: inline-block;
}
.blog_post_types.style-3 .content_inner ul.rd_m_cmt li a {
font-size: 14px;
text-transform: uppercase;
color: #888888;
font-weight: 500;
line-height: 24px;
transition: all 0.6s ease-in-out;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px dashed transparent;
display: inline-block;
margin-top: 0px;
}
.blog_post_types.style-3:hover .content_inner ul.rd_m_cmt li a {
color: var(--color-set-one-1);
}
.blog_post_types.style-3 .content_inner ul.rd_m_cmt li a span {
margin-right: 5px;
font-size: 12px;
}
.blog_post_types.style-3 .content_inner ul.rd_m_cmt li:last-child {
float: right;
font-size: 14px;
border-radius: 10px;
color: #888888;
background: var(--background-bg-1);
border: 1px solid var(--color-set-one-bor-1);
width: 62px;
text-align: center;
height: 26px;
line-height: 26px;
}
.blog_post_types.style-3 .content_inner ul.rd_m_cmt li:last-child span {
line-height: 25px;
display: inline-block;
font-size: 12px;
margin-right: 5px;
} .client_logo_type_two {
position: relative;
padding: 65px 0px;
background: var(--background-bg-1);
height: 190px;
}
.client_logo_type_two .c_image img {
display: block;
opacity: 0.5;
filter: grayscale(100%);
margin: 0 auto;
transition: all 0.6s ease-in-out;
}
.client_logo_type_two .c_image img:hover {
opacity: 1;
cursor: pointer;
filter: inherit;
}
.contact_widget {
position: relative;
}
.contact_widget .text_box {
position: relative;
margin-bottom: 15px;
}
.contact_widget .text_box span {
float: left;
font-size: 16px;
line-height: 26px;
color: var(--color-set-one-1);
}
.contact_widget .text_box p {
margin-left: 22px;
}
.contact_widget .text_box p a {
color: var(--color-white);
} .service_type_three {
position: relative;
z-index: 10;
}
.service_type_three .service_outer {
position: relative;
}
.service_type_three .service_left {
float: left;
width: 190px;
}
.service_type_three .service_left .service_up {
position: relative;
background: var(--color-set-one-1);
height: 190px;
padding: 32px 20px 20px;
margin-bottom: 10px;
z-index: 0;
border-radius: 10px;
}
.service_type_three .service_left .service_up span {
font-size: 60px;
line-height: 62px;
color: var(--color-white);
display: block;
margin-bottom: 15px;
}
.service_type_three .service_left .service_up h2 a {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: var(--color-white);
display: block;
}
.service_type_three .service_left .service_down a {
position: relative;
display: flex;
background: var(--color-set-one-2);
width: 100%;
color: var(--color-white);
font-size: 16px;
font-weight: 600;
text-align: center;
align-items: center;
justify-content: center;
padding: 12px 15px;
gap: 0.5rem;
border-radius: 10px;
}
.service_type_three .service_left .service_down a:hover {
background: var(--background-white);
color: var(--heading-color-one);
}
.service_type_three .service_left .service_down a span {
font-size: 22px;
color: var(--color-set-one-1);
}
@media (max-width: 600px) {
.service_type_three .service_left .service_up::before {
display: none;
}
}
@media (max-width: 992px) {
.service_type_three {
margin-bottom: 30px;
}
}
.service_right {
position: relative;
margin-left: 200px;
}
.service_right img {
height: 250px !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.service_right .image {
display: block;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.service_right .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
opacity: 0;
height: 100%;
transition: 0.5s ease;
}
.service_outer:hover .service_right .overlay {
opacity: 1;
}
.service_outer .service_right .overlay ul {
padding: 35px 40px 40px;
position: absolute;
width: 100%;
left: 0;
top: 0;
overflow: hidden;
}
.service_outer .service_right .overlay li {
font-size: 16px;
line-height: 28px;
color: var(--color-white);
font-weight: 400;
position: relative;
list-style: none;
padding-left: 30px;
margin-bottom: 10px;
}
.service_outer .service_right .overlay li::before {
position: absolute;
left: 0;
line-height: 26px;
font-size: 18px;
color: var(--color-set-one-1);
content: "\e922";
font-family: "icomoon" !important;
}
.service_type_three.for_elementor .service_outer .service_right .overlay li::before {
display: none;
}
.service_type_three.for_elementor .service_outer .service_right .overlay li small {
line-height: 26px;
font-size: 18px;
position: absolute;
left: 0;
color: var(--color-set-one-1);
line-height: 26px;
}
.service_outer .service_right .overlay li:nth-child(1) {
transform: translateX(-150px);
transition: all 0.2s ease-in-out;
}
.service_outer .service_right .overlay li:nth-child(2) {
transform: translateX(-250px);
transition: all 0.4s ease-in-out;
}
.service_outer .service_right .overlay li:nth-child(3) {
transform: translateX(-350px);
transition: all 0.6s ease-in-out;
}
.service_outer .service_right .overlay li:nth-child(4) {
transform: translateX(-450px);
transition: all 0.8s ease-in-out;
}
.service_outer .service_right .overlay li:nth-child(5) {
transform: translateX(-550px);
transition: all 0.9s ease-in-out;
}
.service_outer:hover .service_right .overlay li {
transform: translateX(0px);
}
@media (max-width: 992px) {
.service_right img {
height: inherit;
width: 100%;
min-height: inherit;
}
}
@media (max-width: 768px) {
.service_right img {
height: inherit;
width: 100%;
}
}
@media (max-width: 570px) {
.service_right img {
height: 100%;
width: 100%;
}
.service_right {
margin-left: 0px;
}
.service_type_three .service_left {
float: none;
width: 100%;
}
.service_type_three .service_left .service_down a {
width: 100%;
margin-bottom: 10px;
}
.service_type_three .service_left .service_up {
height: auto;
}
.service_type_three .service_left .service_up::before {
top: 0;
}
}
@media (max-width: 400px) {
.service_right .image .overlay ul {
display: none;
}
} .about_type_three {
position: relative;
padding: 70px 0px 70px;
}
.about_type_three .heading {
margin-bottom: 25px;
}
.video_box_outer .about_inner {
position: relative;
margin-bottom: 175px;
margin-top: 6px;
}
.about_type_three .first_desc {
margin-bottom: 15px;
}
.video_box_outer .about_inner .image_one {
position: relative;
z-index: 2;
display: inline-block;
width: 380px;
height: 400px;
}
.video_box_outer .about_inner .image_one img {
width: 100%;
height: 100%;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.grid_image_box_two {
position: relative;
z-index: 2;
display: flex;
align-items: center !important;
gap: 1rem;
}
.grid_image_box_two .image {
position: relative;
}
.grid_image_box_two.style-5 .image {
border-radius: 10px;
width: 90px;
height: auto;
}
.grid_image_box_two.style-5 .image img {
border-radius: 10px;
width: 100%;
}
.grid_image_box_two .content_inner {
margin-top: auto;
margin-bottom: auto;
}
.grid_image_box_two .content_inner h2 {
font-size: 22px;
color: var(--color-set-one-2);
line-height: 28px;
font-weight: 600;
margin-bottom: 5px;
}
.about_type_three .theme_btn {
width: 190px;
height: 60px;
line-height: 60px;
border-radius: 30px;
}
.video_box_outer {
position: relative;
display: inline-block;
min-width: 550px;
}
.video_box_outer .about_inner .image_two {
position: absolute;
right: 0;
top: 140px;
z-index: 1;
width: 370px;
height: 400px;
}
.video_box_outer .about_inner .image_two img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.video_box_outer .about_inner .image_two .video-holder {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
text-align: center;
padding: 20px;
}
@media (max-width: 320px) {
.video_box_outer .about_inner .image_two .video-holder {
bottom: 0px;
}
}
@media (max-width: 992px) {
.video_box_outer {
min-width: unset;
display: block;
}
.video_box_outer .about_inner {
margin: unset !important;
}
.video_box_outer .about_inner img {
width: 100% !important;
height: 100% !important;
}
.video_box_outer .about_inner .image_one {
width: 100% !important;
height: 100% !important;
}
.video_box_outer .about_inner .image_two {
position: relative;
top: unset;
left: unset;
right: unset;
width: 100% !important;
height: 100% !important;
}
.video_box_outer .about_inner .image_one span {
display: none;
}
}
.video_box_outer .about_inner .image_two .video-holder .icon {
position: relative;
width: 100px;
float: left;
height: 100px;
border-radius: 50%;
background: transparent;
border: 1px dashed var(--border-white);
text-align: center;
}
.video_box_outer .about_inner .image_two .video-holder .html5lightbox {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: var(--background-white);
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.video_box_outer .about_inner .image_two .video-holder span {
font-size: 30px;
color: var(--color-set-one-1);
left: 0;
right: 0;
top: 0;
line-height: 40px;
bottom: 0;
text-align: center;
margin: auto;
position: absolute;
width: 40px;
height: 40px;
}
.video_box_outer .about_inner .image_two .video-holder p {
text-align: left;
margin-left: 120px;
padding-top: 20px;
color: var(--color-white);
font-size: 18px;
line-height: 26px;
font-weight: 500;
}
.video_box_outer .about_inner .image_two .ext_icon {
position: absolute;
bottom: -17px;
left: -173px;
display: block;
font-size: 179px;
color: #f3f3f3;
line-height: 179px;
transform: rotate(180deg);
z-index: -10;
}
.video_box_outer .about_inner .image_one span {
position: absolute;
font-size: 60px;
color: var(--color-white);
width: 100px;
line-height: 100px;
text-align: center;
height: 100px;
border-radius: 50%;
background: var(--color-set-one-1);
z-index: 10;
right: -39px;
top: 96px;
}
@media (max-width: 600px) {
.video_box_outer .about_inner .image_one span {
display: none;
}
}
.video_box_outer .about_inner .circle {
width: 220px;
height: 220px;
border-radius: 50%;
position: absolute;
top: -22px;
background: var(--background-bg-1);
right: 0;
display: block;
}
@media (max-width: 992px) {
.video_box_outer .about_inner .circle {
display: none;
}
.video_box_outer .about_inner {
margin-top: 50px;
}
} .counter_type_three {
position: relative;
}
.counter_type_three .counter_inner {
position: relative;
}
@media (max-width: 992px) {
.counter_type_three .counter_inner {
margin-bottom: 40px;
}
}
.counter_type_three .counter_inner p {
font-size: 18px;
margin-top: 1rem;
color: var(--color-white);
padding-top: 22px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.counter_type_three .counter_inner .value {
display: flex;
gap: 1.2rem;
justify-content: flex-start;
}
.counter_type_three .counter_inner .value span.icon {
font-size: 95px;
color: var(--color-set-one-1);
line-height: 108px;
}
.counter_type_three .value_text {
position: relative;
}
.counter_type_three .coun_ter {
display: flex;
align-items: center;
gap: 0.3rem;
}
.counter_type_three .coun_ter .count-text,
.counter_type_three .coun_ter .font-20 {
font-size: 60px;
line-height: 72px;
color: var(--color-white);
font-weight: 600;
}
@media (max-width: 768px) {
.counter_type_three .counter_inner .value span {
float: none;
}
.counter_type_three .value_text {
margin-left: 0px;
}
} .service_type_four {
position: relative;
}
.service_type_four .service_inner {
position: relative;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
transition: all 0.9s ease-in-out;
}
.service_type_four .service_inner:hover {
box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.06);
}
.service_type_four .content {
position: relative;
padding: 45px 25px 25px;
}
.service_type_four .content .icon_heading .icon {
height: 70px;
width: 70px;
font-size: 29px;
border-radius: 10px;
transition: all 0.9s ease-in-out;
background: var(--color-set-one-2);
color: var(--color-white);
text-align: center;
position: absolute;
left: 27px;
top: -45px;
display: flex;
align-items: center;
justify-content: center;
}
.service_type_four .content .icon_heading .icon img {
width: 30px;
height: auto;
}
.service_type_four .content .icon_heading .icon:after {
height: 64px;
position: absolute;
content: "";
width: 64px;
top: 3px;
left: 3px;
border-radius: 10px;
border: 1px dashed rgba(255, 255, 255, 0.1);
transition: all 0.9s ease-in-out;
}
.service_type_four .content .icon_heading h2 a {
font-size: 22px;
display: block;
transition: all 0.9s ease-in-out;
line-height: 28px;
color: var(--color-set-one-2);
font-weight: 600;
}
.service_type_four .content .icon_heading h2:hover a {
color: var(--color-set-one-1);
}
.service_type_four .content p {
margin-bottom: 20px;
margin-top: 5px;
}
.service_type_four .content a.rd_more {
display: block;
font-size: 14px;
transition: all 0.9s ease-in-out;
line-height: 26px;
color: var(--color-set-one-2);
font-weight: 600;
padding-left: 22px;
position: relative;
z-index: 10;
}
.service_type_four .content a.rd_more::before {
content: "\e982";
font-size: 16px;
line-height: 26px;
margin-right: 5px;
color: var(--color-set-one-1);
position: absolute;
left: 0;
font-family: "icomoon" !important;
}
.service_type_four .content a.rd_more::after {
position: absolute;
width: 180px;
transition: all 0.9s ease-in-out;
content: "";
height: 1px;
right: 0;
background: var(--color-set-one-bor-1);
z-index: -1;
top: 12px;
}
@media (max-width: 420px) {
.service_type_four .content a.rd_more::after {
width: 100px;
}
}
.service_type_four .service_inner:hover a.rd_more {
color: var(--color-set-one-1);
}
.service_type_four .service_inner:hover .content a.rd_more::after {
background: var(--color-set-one-1);
}
.service_type_four .service_inner:hover .content .icon_heading .icon {
background: var(--color-set-one-1);
}
.service_type_four .service_inner:hover .content .icon_heading .icon:after {
border: 1px dashed var(--border-white);
} .pro_gallery_type_three {
position: relative;
}
.pro_gallery_type_three .heading {
text-align: left;
}
.pro_gallery_type_three .heading h1 {
padding: 0px;
color: var(--color-white);
}
a.view_more::before {
content: "\e982";
font-size: 16px;
line-height: 26px;
margin-right: 5px;
color: var(--color-set-one-1);
position: absolute;
margin-left: -20px;
font-family: "icomoon" !important;
}
a.view_more {
font-size: 14px;
text-transform: uppercase;
color: var(--color-white);
font-weight: 600;
position: relative;
padding-left: 20px;
}
@media (max-width: 992px) {
.view_more {
float: none;
margin-bottom: 30px;
display: block;
margin-top: 0px;
}
}
.pro_gallery_type_three .projet_inner {
position: relative;
overflow: hidden;
background: var(--background-white);
transition: all 0.6s ease-in-out;
border-radius: 10px;
}
.pro_gallery_type_three .projet_inner .image {
position: relative;
}
.pro_gallery_type_three .projet_inner .image img {
transition: all 0.6s ease-in-out;
}
.pro_gallery_type_three .projet_inner .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: var(--color-set-one-1);
overflow: hidden;
width: 100%;
height: 0;
transition: all 0.6s ease-in-out;
}
.pro_gallery_type_three .projet_inner:hover {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.pro_gallery_type_three .projet_inner:hover .image .overlay {
opacity: 0.8;
}
.pro_gallery_type_three .projet_inner .image img {
width: 100% !important;
}
.pro_gallery_type_three .projet_inner:hover .overlay {
bottom: 0;
height: 100%;
}
.pro_gallery_type_three .projet_inner .content {
position: absolute;
bottom: 0;
padding: 25px 20px 25px 30px;
width: 100%;
display: flex;
align-items: center;
}
.pro_gallery_type_three .projet_inner .content .entry-title {
display: block;
width: 250px;
transform: translateX(-300px);
transition: all 0.8s ease-in-out;
}
.pro_gallery_type_three .projet_inner:hover .content .entry-title {
transform: translateX(0px);
}
.pro_gallery_type_three .projet_inner:hover .content .extra_item a {
transform: translateX(0px);
opacity: 1;
}
.pro_gallery_type_three .projet_inner .image span.icon {
color: var(--color-white);
font-size: 30px;
line-height: 36px;
position: absolute;
top: 20px;
right: 20px;
margin: auto;
width: 70px;
height: 70px;
border-radius: 60px;
border: 1px dashed var(--border-white);
display: flex;
align-items: center;
justify-content: center;
}
.pro_gallery_type_three .better_opinion {
position: absolute;
z-index: 99;
width: 100%;
left: 0;
}
@media (max-width: 992px) {
.pro_gallery_type_three .better_opinion {
position: relative;
}
}
.pro_gallery_type_three .better_opinion .opinion_type_one {
margin-top: 79px;
} .pricing_type_one {
position: relative;
}
.pricing_type_one .price_inner {
position: relative;
border: 1px solid var(--color-set-one-bor-1);
transition: all 0.9s ease-in-out;
border-radius: 10px;
background: var(--background-white);
}
.pricing_type_one .price_inner .upper_content {
padding: 30px 30px 20px;
position: relative;
background: var(--color-set-one-2);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
}
.pricing_type_one .price_inner .upper_content p {
color: var(--color-white);
}
.pricing_type_one .price_inner .upper_content .amount {
position: relative;
margin-top: 24px;
transition: all 0.6s ease-in-out;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pricing_type_one .price_inner.active .upper_content .amount {
border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.pricing_type_one .price_inner .upper_content .amount .price {
font-size: 18px;
color: var(--content-color-two);
font-weight: 600;
}
.pricing_type_one .price_inner .upper_content .amount .price span {
font-size: 50px;
line-height: 62px;
font-weight: 600;
color: var(--color-set-one-1);
}
.pricing_type_one .price_inner .upper_content .amount .price sup {
font-size: 24px;
color: var(--color-set-one-1);
top: -0.9em;
font-family: var(--font-family-text);
font-weight: 600;
}
.pricing_type_one .price_inner.active .upper_content {
background: var(--color-set-one-1);
}
.pricing_type_one .price_inner.active .upper_content .amount .price {
color: var(--color-white);
}
.pricing_type_one .price_inner .upper_content .amount .price sup,
.pricing_type_one .price_inner .upper_content .amount .price span {
color: var(--color-white);
}
.pricing_type_one .price_inner .lower_content {
position: relative;
transition: all 0.9s ease-in-out;
padding: 30px;
}
.pricing_type_one .price_inner .lower_content ul {
padding: 0;
}
.pricing_type_one .price_inner .lower_content ul li {
font-size: 16px;
color: var(--content-color-one);
display: flex;
align-items: center;
gap: 0.5rem;
list-style: none;
margin: 0;
position: relative;
padding: 10px 0px 10px 0;
font-weight: 400;
border-bottom: 1px solid var(--color-set-one-bor-1);
line-height: 26px;
}
.pricing_type_one .price_inner .lower_content ul li:last-child {
border-color: var(--color-white);
}
.pricing_type_one .popular_tag {
position: absolute;
top: -26px;
background: var(--color-set-one-1);
right: 18px;
padding: 0px 9px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: var(--color-white);
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
}
.pricing_type_one .price_inner .lower_content .get_start {
position: relative;
transition: all 0.9s ease-in-out;
}
.pricing_type_one .price_inner .lower_content .theme_btn {
width: 100%;
border-radius: 30px;
margin-top: 20px;
} .awards_type_one {
position: relative;
}
.awards_type_one .awards_inner {
position: relative;
padding: 40px 0px;
border: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
margin-bottom: 30px;
background: rgba(255, 255, 255, 0.01);
border-radius: 10px;
}
.awards_type_one .awards_inner .icon span {
color: var(--color-white);
font-size: 125px;
margin-bottom: 35px;
display: block;
}
.awards_type_one .awards_inner .year {
position: relative;
margin-bottom: 20px;
}
.awards_type_one .awards_inner .year .font-18 {
padding: 1px 15px;
background: var(--color-set-one-2);
color: var(--color-set-one-1);
display: inline-block;
z-index: 10;
position: relative;
}
.awards_type_one .awards_inner .year::before {
position: absolute;
content: "";
background: rgba(255, 255, 255, 0.1);
width: 100%;
height: 1px;
top: 14px;
left: 0px;
}
.awards_type_one .awards_inner .font-22 {
color: var(--color-white);
padding: 0px 40px;
}
.awards_type_one .awards_inner_mid {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.awards_type_one .awards_inner_mid .icon {
color: var(--color-set-one-1);
font-size: 100px;
margin-bottom: 30px;
display: block;
}
.awards_type_one .awards_inner_mid p {
color: var(--color-set-one-1);
text-transform: uppercase;
margin-bottom: 10px;
}
.awards_type_one .awards_inner_mid .font-22 {
color: var(--color-white);
margin-bottom: 20px;
}
.awards_type_one .awards_inner_mid .view_all {
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
color: var(--color-white);
}
.awards_type_one .awards_inner_mid .view_all span {
font-size: 14px;
color: var(--color-set-one-1);
margin-right: 5px;
} .testimonial_type_three {
position: relative;
}
.testimonial_type_three .testimonial_outer {
margin-top: 40px;
text-align: center;
cursor: pointer;
}
.testimonial_type_three .upper_content {
position: relative;
border-radius: 10px;
background: var(--background-white);
padding: 60px 30px 50px;
box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 50px;
transition: all 0.6s ease-in-out;
}
.testimonial_type_three .testimonial_outer:hover .upper_content {
background: var(--color-set-one-1);
}
.testimonial_type_three .testimonial_outer:hover .upper_content p {
color: var(--color-white);
}
.testimonial_type_three .testimonial_outer .upper_content .icon {
position: absolute;
left: 0;
top: -30px;
width: 100%;
}
.testimonial_type_three .testimonial_outer .upper_content .icon span {
display: block;
position: relative;
font-size: 20px;
margin: 0 auto;
color: var(--color-white);
background: var(--color-set-one-1);
text-align: center;
width: 60px;
height: 60px;
border-radius: 50px;
line-height: 66px;
transition: all 0.6s ease-in-out;
}
.testimonial_type_three .testimonial_outer:hover .upper_content .icon span {
color: var(--color-set-one-1);
background: var(--color-set-one-2) !important;
}
.testimonial_type_three .testimonial_outer .upper_content .icon span::after {
width: 70px;
height: 70px;
position: absolute;
content: "";
border: 1px dashed var(--color-set-one-1);
border-radius: 50px;
left: -5px;
top: -5px;
transition: all 0.6s ease-in-out;
}
.testimonial_type_three .testimonial_outer:hover .upper_content .icon span::after {
border: 1px dashed var(--color-set-one-2);
}
.testimonial_type_three .testimonial_outer .upper_content .rating {
position: absolute;
width: 100%;
left: 0;
bottom: -18px;
}
.testimonial_type_three .testimonial_outer .upper_content .rating .rainginn {
position: relative;
background: var(--background-white);
box-shadow: 0px 15px 30px -5px rgba(0, 0, 0, 0.05);
padding: 10px 15px 10px;
}
.testimonial_type_three .testimonial_outer .upper_content .rating .rainginn {
display: flex;
gap: 0.2rem;
}
.testimonial_type_three .testimonial_outer .upper_content .rating .rainginn:before {
position: absolute;
content: "";
height: 0px;
border-right: 13px solid transparent;
border-top: 13px solid var(--background-white);
border-left: 13px solid transparent;
border-bottom: 13px solid transparent; bottom: -26px;
margin: auto;
width: 20px;
right: 0;
left: 0;
}
.testimonial_type_three .testimonial_outer .lower_content .authour_name {
position: relative;
margin-top: 5px;
}
.testimonial_type_three .testimonial_outer .lower_content .authour_name h2 {
font-size: 20px;
font-weight: 600;
line-height: 20px;
margin-bottom: 0px;
color: var(--color-set-one-2);
} .news_type_three {
padding: 100px 0px 70px;
position: relative;
}
.news_type_three .heading h1 {
padding: 0px;
}
.news_type_three .heading {
text-align: left;
}
.news_type_three .more_news {
float: right;
border-radius: 30px;
height: 60px;
width: 190px;
margin-top: 23px;
line-height: 60px;
}
.news_type_three .news_inner {
position: relative;
margin-bottom: 30px;
background: var(--background-white);
padding: 30px 30px 26px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.news_type_three .news_inner .image_inner {
float: left;
}
.news_type_three .news_inner .image_inner .date {
position: relative;
width: 60px;
height: 60px;
background: var(--color-set-one-1);
line-height: 22px;
text-align: center;
color: var(--color-white);
padding: 8px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
z-index: 10;
}
.news_type_three .news_inner .image_inner .image {
position: relative;
z-index: 9;
margin-left: 20px;
transform: translateY(-38px);
}
.news_type_three .news_inner .content_inner {
position: relative;
margin-left: 153px;
}
.news_type_three .news_inner h2 a {
font-size: 22px;
font-weight: 600;
line-height: 28px;
transition: all 0.6s ease-in-out;
display: block;
margin-bottom: 15px;
color: var(--color-set-one-2);
}
.news_type_three .news_inner h2:hover a {
color: var(--color-set-one-1);
}
.news_type_three .news_inner .content_inner p a {
display: block;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 10px;
color: var(--content-color-one);
}
.news_type_three .news_inner .content_inner p a span {
margin-right: 5px;
font-size: 14px;
line-height: 20px;
}
.news_type_three .news_inner .content_inner a.rd_more {
display: block;
font-size: 14px;
position: relative;
text-transform: uppercase;
line-height: 20px;
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
font-weight: 600;
}
.news_type_three .news_inner .content_inner a.rd_more::before {
position: absolute;
background: var(--color-set-one-bor-1);
width: 200px;
content: "";
height: 1px;
left: 102px;
top: 10px;
}
.news_type_three .news_inner .content_inner a.rd_more span {
font-size: 14px;
color: var(--color-set-one-1);
margin-right: 5px;
line-height: 20px;
}
.news_type_three .news_inner:hover .content_inner a.rd_more {
color: var(--color-set-one-1);
}
.news_type_three .news_inner .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.5s ease;
}
.news_type_three .news_inner:hover .overlay {
opacity: 1;
}
.news_type_three .news_inner .image span {
color: var(--color-white);
font-size: 20px;
line-height: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
} .news_type_four {
position: relative;
}
.news_type_four .news_inner {
position: relative;
margin-bottom: 30px;
border-radius: 10px;
background: var(--background-white);
padding: 26px 26px 26px 30px;
box-shadow: 0px -8px 32px 8px rgba(0, 0, 0, 0.05);
}
.news_type_four .news_inner .image {
float: left;
margin-top: 9px;
}
.news_type_four .news_inner .image:before {
position: absolute;
width: 100%;
height: 100%;
content: "";
background: transparent;
top: 0;
left: 0;
transition: all 0.6s ease-in-out;
}
.news_type_four .news_inner .image .date {
position: absolute;
width: 60px;
border-radius: 10px;
height: 60px;
background: var(--color-set-one-1);
line-height: 22px;
display: block;
text-align: center;
color: var(--color-white);
padding: 8px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
z-index: 10;
top: 20px;
left: 20px;
opacity: 1;
transition: all 0.6s ease-in-out;
}
.news_type_four .news_inner:hover .image .date {
opacity: 0;
transform: translateY(20px);
}
.news_type_four .news_inner .image {
position: relative;
}
.news_type_four .news_inner .image img {
border-radius: 10px;
}
.news_type_four .news_inner .content_inner {
position: relative;
margin-left: 125px;
}
@media (max-width: 768px) {
.news_type_four .news_inner .content_inner {
margin-left: 0;
margin-top: 20px;
}
.news_type_four .news_inner .image {
float: none;
display: inline-block;
margin-top: 0px;
}
}
.news_type_four .news_inner h2 a {
font-size: 22px;
font-weight: 600;
line-height: 28px;
transition: all 0.6s ease-in-out;
display: block;
margin-bottom: 10px;
color: var(--color-set-one-2);
}
.news_type_four .news_inner h2:hover a {
color: var(--color-set-one-1);
}
.news_type_four .news_inner .content_inner p a {
display: block;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 5px;
color: var(--content-color-one);
}
.news_type_four .news_inner .content_inner p a span {
margin-right: 5px;
font-size: 14px;
line-height: 20px;
}
.news_type_four .news_inner .content_inner a.rd_more {
display: block;
font-size: 14px;
position: relative;
text-transform: uppercase;
line-height: 20px;
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
font-weight: 600;
}
.news_type_four .news_inner .content_inner a.rd_more::before {
position: absolute;
background: var(--color-set-one-bor-1);
width: 36%;
content: "";
height: 1px;
left: 106px;
top: 10.5px;
}
@media (max-width: 992px) {
.news_type_four .news_inner .content_inner a.rd_more::before {
display: none;
}
}
.news_type_four .news_inner .content_inner a.rd_more span {
font-size: 14px;
color: var(--color-set-one-1);
margin-right: 5px;
line-height: 20px;
}
.news_type_four .news_inner:hover .content_inner a.rd_more {
color: var(--color-set-one-1);
}
.news_type_four .news_inner .image .overlay {
position: absolute;
bottom: 0;
border-radius: 10px;
left: 0;
right: 0;
background-color: var(--color-set-one-1);
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.6s ease-in-out;
}
.news_type_four .news_inner:hover .overlay {
opacity: 0.8;
}
.news_type_four .news_inner .image span {
color: var(--color-white);
font-size: 20px;
line-height: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
} .client_logo_type_three {
position: relative;
position: relative;
padding: 65px 0px;
background: var(--color-set-one-1);
}
.client_logo_type_three .c_image img {
display: block;
margin: 0 auto;
transition: all 0.6s ease-in-out;
} .contact_type_two .offers_inner {
padding: 45px 40px;
border-radius: 10px;
text-align: center;
position: relative;
}
.contact_type_two .offers_inner .font-34 {
color: var(--color-white);
}
.contact_type_two .offers_inner img {
margin-bottom: 15px;
}
.contact_type_two .offers_inner p {
font-size: 16px;
color: var(--color-white);
margin-bottom: 15px;
}
.contact_type_two .offers_inner a.theme_btn {
width: 100%;
border-radius: 30px;
background: var(--color-set-one-2);
border-color: var(--color-set-one-2);
}
.contact_type_two.choose_us .product_info {
padding: 23px 20px 20px;
border-radius: 10px;
text-align: center;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1);
}
.product_info.mid {
border-right: 1px solid var(--color-set-one-bor-1);
border-left: 1px solid var(--color-set-one-bor-1);
}
.contact_type_two.choose_us .product_info h2 {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: var(--content-color-one);
}
.contact_type_two.choose_us .product_info span {
font-size: 40px;
color: var(--color-set-one-1);
display: inline-block;
vertical-align: middle;
line-height: normal;
margin-right: 20px;
} .address_type_one {
position: relative;
}
.address_type_one .address_inner {
position: relative;
margin-bottom: 30px;
box-shadow: 0px -10px 44px -10px rgba(0, 0, 0, 0.05);
background: var(--background-white);
border-radius: 10px;
padding: 30px 30px 30px;
cursor: pointer;
}
.address_type_one .address_inner .heading_add {
position: relative;
margin-bottom: 20px;
display: flex;
gap: 1rem;
align-items: flex-start;
}
.address_type_one .address_inner .heading_add span {
font-size: 50px;
color: var(--content-color-two);
transition: all 0.6s ease-in-out;
line-height: 50px;
}
.address_type_one .address_inner:hover .heading_add span {
color: var(--color-set-one-1);
}
.address_type_one .address_inner .heading_add .font-22 {
position: relative;
transition: all 0.6s ease-in-out;
}
.address_type_one .address_inner .heading_add .font-22::before {
position: absolute;
content: "";
background: var(--color-set-one-bor-1);
width: 60px;
transition: all 0.6s ease-in-out;
height: 2px;
bottom: -15px;
left: 0;
}
.address_type_one .address_inner:hover .heading_add .font-22::before {
background: var(--color-set-one-1);
}
.address_type_one .address_inner span.bg_icon {
position: absolute;
font-size: 128px;
line-height: 128px;
color: var(--background-bg-1);
transition: all 0.6s ease-in-out;
right: 17px;
bottom: 14px;
z-index: -10;
opacity: 0;
}
.address_type_one .address_inner:hover span.bg_icon {
opacity: 1;
}
.address_type_one p a {
color: var(--content-color-one);
}
.address_type_one p a:hover {
color: var(--color-set-one-1);
} .awards_type_two {
position: relative;
}
.awards_type_two .awards_inner {
position: relative;
}
.award_highlight_txt {
background: var(--background-white);
border-top: 5px solid var(--color-set-one-1);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: center;
}
.award_highlight_txt .font-22 {
color: var(--color-set-one-1);
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.award_highlight_txt .font-22 span {
font-size: 24px;
color: var(--color-set-one-1);
}
@media (min-width: 992px) {
.award_highlight_txt {
top: 0;
left: 0;
position: absolute;
width: 70px;
height: 100%;
}
.award_highlight_txt .font-22 {
writing-mode: vertical-rl; transform: rotate(-180deg); }
}
@media (max-width: 992px) {
.award_highlight_txt {
padding: 10px;
}
}
.awards_type_two .awards_inner .video-holder {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.awards_type_two .awards_inner .video-holder .icon {
position: relative;
width: 100px;
float: left;
height: 100px;
border-radius: 50%;
background: transparent;
border: 1px dashed var(--border-white);
text-align: center;
}
.awards_type_two .awards_inner .video-holder a.html5lightbox {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: var(--background-white);
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.awards_type_two .awards_inner .video-holder span {
font-size: 30px;
color: var(--color-set-one-1);
left: 0;
right: 0;
top: 0;
line-height: 40px;
bottom: 0;
text-align: center;
margin: auto;
position: absolute;
width: 40px;
height: 40px;
} .about_our_comapny {
position: relative;
padding-bottom: 70px;
}
.about_our_comapny .about_company_inner {
position: relative;
margin-bottom: 30px;
}
.about_our_comapny .about_company_inner p.des_one,
.about_our_comapny .about_company_inner p.des_two {
margin-bottom: 20px;
}
.authour_quotes {
position: relative;
display: flex;
align-items: center !important;
}
.authour_quotes .ath_img {
float: left;
position: relative;
}
.authour_quotes .ath_img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
border-radius: 50%;
position: relative;
width: 90px;
height: 90px;
min-width: 90px;
min-height: 90px;
}
.authour_quotes .ath_img span {
background: var(--background-white);
position: absolute;
width: 50px;
border-radius: 50px;
text-align: center;
font-size: 27px;
height: 50px;
left: -14px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-set-one-1);
z-index: 1;
}
.authour_quotes .quotes_in {
position: relative;
margin-left: 25px;
}
@media (max-width: 768px) {
.authour_quotes .quotes_in {
margin-left: 0px;
margin-top: 20px;
margin-bottom: 30px;
}
.authour_quotes .ath_img {
float: none;
margin-bottom: 20px;
width: 90px;
height: 90px;
}
.authour_quotes {
display: block;
}
}
.authour_quotes .quotes_in h2 {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
color: var(--content-color-one);
line-height: 26px;
}
.authour_quotes .quotes_in h6 {
font-size: 22px;
font-weight: 600;
color: var(--color-set-one-2);
line-height: 28px;
}
.authour_quotes .quotes_in .font-22 {
font-weight: 400;
color: var(--color-set-one-1);
font-size: 16px;
}
.about_company_right {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}
.about_company_right .tabs-nav {
position: relative;
padding: 0 !important;
border: 1px solid var(--color-set-one-bor-1);
box-shadow: 0px 14px 13px -10px rgba(0, 0, 0, 0.09);
display: flex;
flex-wrap: wrap;
}
.about_company_right .tabs-nav li {
margin-bottom: 0 !important;
display: block;
width: 33.33%;
min-width: 33.33%;
}
.about_company_right .tabs-nav .navitem {
position: relative;
}
.about_company_right .tabs-nav .navitem .navlink {
position: relative;
padding: 0px;
background: var(--background-white);
display: block;
text-align: center;
}
@media (max-width: 600px) {
.about_company_right .tabs-nav .navitem .navlink {
width: 100%;
}
.about_company_right .tabs-nav .navitem {
display: block;
}
}
.about_company_right .tabs-nav .navitem .navlink .mission {
position: relative;
padding: 25px 10px 10px;
}
.about_company_right .tabs-nav .navitem.active .navlink span {
color: var(--color-set-one-1);
}
.about_company_right .tabs-nav .navitem.active .navlink .mission h2 {
color: var(--color-set-one-1);
}
.about_company_right .tabs-nav .navitem {
border-right: 1px solid var(--color-set-one-bor-1);
}
.about_company_right .tabs-nav .navitem:last-child {
border-right: 0px;
}
.about_company_right .tabs-nav .navitem .navlink span {
font-size: 60px;
line-height: 60px;
margin-bottom: 10px;
display: block;
color: var(--content-color-two);
}
.about_company_right .tabs-nav .navitem .navlink h2 {
font-size: 20px;
color: var(--content-color-one);
font-weight: 600;
line-height: 26px;
}
.about_company_right .tab-content {
padding: 28px 30px;
position: relative;
border-right: 1px solid var(--color-set-one-bor-1);
border-left: 1px solid var(--color-set-one-bor-1);
border-bottom: 1px solid var(--color-set-one-bor-1);
display: none;
visibility: hidden;
}
.about_company_right .tab-content.active {
display: block;
visibility: visible;
}
.about_company_right .tab-content {
font-size: 16px;
color: var(--content-color-one);
line-height: 26px;
font-weight: 400;
}
.about_company_right .tab-content ul {
margin: 0 !important;
padding: 0 !important;
}
.about_company_right .tab-content ul li {
list-style: none;
}
.about_company_right .tab-content ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.about_company_right .tab-content p:first-child {
margin-bottom: 15px;
}
.about_company_right .tab-content p:last-child {
margin-bottom: 0px !important;
} .team_type_two {
position: relative;
}
.team_type_two .heading {
text-align: left;
}
.team_type_two .heading h1 {
padding: 0px;
}
.team_type_two .team_outer {
position: relative;
margin: 5px 10px 30px;
transition: all 0.6s ease-in-out;
}
.team_type_two .team_outer .image img {
width: 100% !important;
}
.team_type_two .team_outer .image {
position: relative;
overflow: hidden;
height: 290px;
overflow: hidden;
}
.team_type_two .team_outer .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team_type_two .team_outer .image .overlay {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
opacity: 0;
height: 100%;
transition: all 0.6s ease-in-out;
}
.team_type_two .team_outer .image .overlay:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
transition: all 0.6s ease-in-out;
background: var(--color-set-one-1);
opacity: 0;
}
.team_type_two .team_outer:hover .image .overlay {
opacity: 1;
}
.team_type_two .team_outer:hover .image .overlay:before {
opacity: 0.8;
}
.team_type_two .team_outer .image .overlay p {
position: absolute;
top: 20px;
width: 100%;
text-align: center;
padding: 30px;
color: var(--color-white);
}
.team_type_two .team_outer .image .overlay p::before {
position: absolute;
content: "";
width: 84%;
height: 1px;
background: var(--background-white);
left: 30px;
bottom: 14px;
opacity: 0.2;
}
.team_type_two .team_outer .image .overlay ul {
position: absolute;
bottom: 40px;
width: 100%;
text-align: center;
}
.team_type_two .team_outer .image .overlay ul li {
display: inline-block;
margin: 0px 5px;
}
.team_type_two .team_outer .image .overlay ul li a {
width: 45px;
display: block;
line-height: 45px;
text-align: center;
border: 1px dashed var(--border-white);
height: 45px;
border-radius: 50px;
background: transparent;
color: var(--color-set-one-1);
}
.team_type_two .team_outer .image .overlay ul li:nth-child(1) {
transform: translateY(150px);
transition: all 0.3s ease-in-out;
}
.team_type_two .team_outer .image .overlay ul li:nth-child(2) {
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.team_type_two .team_outer .image .overlay ul li:nth-child(3) {
transform: translateY(250px);
transition: all 0.7s ease-in-out;
}
.team_type_two .team_outer .image .overlay ul li:nth-child(4) {
transform: translateY(300px);
transition: all 0.9s ease-in-out;
}
.team_type_two .team_outer .image .overlay ul li a {
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.team_type_two .team_outer:hover .image .overlay ul li {
transform: translateY(0px);
}
.team_type_two .team_outer .image .overlay ul li a:hover {
background: var(--background-white);
border-style: solid;
}
.team_type_two .team_outer .image .overlay ul li:hover a {
color: var(--color-set-one-1);
}
.team_type_two .content_inner {
position: relative;
padding: 20px 10px 0 10px;
background: var(--background-white);
text-align: center;
}
.team_type_two .content_inner::before {
position: absolute;
content: "";
background: var(--color-set-one-1);
width: 100%;
left: 0;
opacity: 1;
height: 10px;
transition: all 0.6s ease-in-out;
top: -10px;
}
.team_type_two .content_inner h2 a {
color: var(--color-set-one-2);
font-size: 22px;
display: block;
line-height: 28px;
font-weight: 600;
}
.team_type_two .content_inner p {
color: var(--color-set-one-1);
padding-bottom: 20px;
}
.team_type_two .team_outer:hover {
box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
}
.team_type_two .team_outer:hover .content_inner::before {
opacity: 0;
transform: translateY(-10px);
} .process_type_one {
position: relative;
}
.process_type_one .heading h1 {
color: var(--color-white);
}
.process_type_one .porcess_outer {
position: relative;
padding: 8px;
background: var(--background-white);
}
.process_type_one .arrow {
position: relative;
}
.process_type_one .arrow::before {
position: absolute;
content: url(//jjsod.co/wp-content/themes/lawnshaper/assets/images/lawn/arrow.png);
left: 0;
width: 100%;
margin: 0 auto;
text-align: center;
top: -22px;
}
@media (max-width: 768px) {
.process_type_one .arrow {
display: none;
}
}
.process_type_one .porcess_outer .process_inner {
padding: 65px 35px 35px;
text-align: center;
position: relative;
border: 1px dashed var(--color-set-one-bor-1);
transition: all 0.6s ease-in-out;
}
.process_type_one .porcess_outer .process_inner .image {
position: absolute;
top: -60px;
left: 0;
width: 100%;
}
.process_type_one .porcess_outer:hover .process_inner .image img {
border: 1px dashed transparent;
}
.process_type_one .porcess_outer:hover .process_inner {
border: 1px dashed var(--color-set-one-1);
}
.process_type_one .process_inner .image_in {
display: inline-block;
margin-bottom: 20px;
width: 110px;
height: 110px;
padding: 8px;
position: relative;
margin: 0 auto;
border: 1px dashed var(--color-set-one-bor-1);
border-radius: 50%;
transition: all 0.6s ease-in-out;
}
.process_type_one .porcess_outer .process_inner .image img {
border-radius: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.process_type_one .process_inner .image_in .overlay {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
opacity: 0;
transition: all 0.6s ease-in-out;
}
.process_type_one .process_inner .image_in .overlay:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
transition: all 0.6s ease-in-out;
background: var(--color-set-one-1);
border-radius: 50%;
}
.process_type_one .porcess_outer:hover .process_inner .image_in .overlay:before {
opacity: 0.8;
}
.process_type_one .porcess_outer:hover .process_inner .image_in .overlay {
opacity: 1;
}
.process_type_one .porcess_outer .process_inner .image_in h6 {
position: absolute;
top: 0;
color: var(--color-white);
left: 0;
font-size: 20px;
right: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}
.process_type_one .porcess_outer .process_inner .image::before {
position: absolute;
content: "";
width: 110px;
height: 50px;
background-color: var(--color-white);
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
bottom: 15px;
margin-left: 0px;
}
.process_type_one .porcess_outer .process_inner .content_inner {
position: relative;
}
.process_type_one .porcess_outer .process_inner .content_inner h2 a {
font-size: 22px;
color: var(--color-set-one-2);
font-weight: 600;
transition: all 0.6s ease-in-out;
display: block;
line-height: 28px;
margin-bottom: 8px;
}
.process_type_one .porcess_outer:hover .process_inner .content_inner h2 a {
color: var(--color-set-one-1);
}
.quote_client_type_one.about {
padding-top: 235px;
} .error-404.not-found {
text-align: center;
position: relative;
}
.error-404.not-found h1 {
font-size: 200px;
line-height: 200px;
color: var(--color-white);
font-weight: 600;
}
.error-404.not-found h2 {
font-size: 40px;
line-height: 50px;
color: var(--color-white);
font-weight: 600;
margin-bottom: 20px;
}
.error-404.not-found p {
color: var(--color-white);
padding-bottom: 30px;
font-size: 18px;
}
.error-404.not-found .theme_btn {
background: var(--background-white);
color: var(--color-set-one-2);
width: 290px;
border-radius: 50px;
height: 60px;
line-height: 60px;
}
@media (max-width: 992px) {
.error-404.not-found .dp_none {
display: none;
}
} .faq_type_one {
position: relative;
padding: 100px 0px 70px;
}
ul .inner.faq_inner {
display: none;
}
.faqs_accordion {
position: relative;
}
.faqs_accordion .article-title {
padding: 0px;
border-radius: 0px;
background: var(--background-white);
border: 1px solid var(--color-set-one-bor-1) !important;
position: relative;
}
.faqs_accordion .accordion {
margin-bottom: 1rem;
}
.faqs_accordion .article-title {
padding: 14px 50px 14px 20px;
background: var(--background-white);
cursor: pointer;
}
.faqs_accordion .article-title.active {
background: var(--color-set-one-1);
color: var(--color-white);
}
.faqs_accordion .article-title.active .font-20 {
margin-bottom: 0px;
color: var(--color-white);
}
.faqs_accordion .article-title::before {
position: absolute;
content: "\e94b";
font-family: "Trimprim-icons";
right: 0px;
font-size: 16px;
top: 0px;
height: 100%;
line-height: 60px;
width: 60px;
text-align: center;
border-left: 1px solid var(--color-set-one-bor-1);
color: var(--content-color-one) !important;
}
.faqs_accordion .article-title.active::before {
content: "\e948";
font-size: 19px;
}
.faqs_accordion -content {
display: none;
}
.faqs_accordion .article-title.active::before {
border-left: 1px solid #198926;
color: var(--color-white) !important;
}
.faqs_accordion {
border-radius: 0px;
border: 0px solid var(--color-set-one-bor-1) !important;
margin-bottom: 20px;
overflow: inherit;
}
.faq_type_one .btn-link.collapsed {
background: var(--background-white) !important;
border-radius: 0px;
color: var(--color-set-one-2) !important;
border: 1px solid var(--color-set-one-bor-1) !important;
}
.faq_type_one .btn-link.collapsed::before {
border-left: 1px solid var(--color-set-one-bor-1);
color: #888888 !important;
}
.faq_type_one .btn-link {
background: var(--color-set-one-1) !important;
border-radius: 0px;
color: var(--color-white) !important;
border: 1px solid #198926 !important;
}
.faq_type_one .btn-link::before {
border-left: 1px solid #198926;
color: var(--color-white) !important;
}
.faqs_accordion .article-title::after {
position: absolute;
content: "";
height: 0px;
border-right: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid var(--border-white);
bottom: -1px;
left: 33px;
opacity: 0;
transition: all 0.6s ease-in-out;
}
.faqs_accordion .article-title.active::after {
opacity: 1;
}
.faq_type_one .btn-link.collapsed::after {
display: none;
}
.faqs_accordion .accordion-content {
padding: 30px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
border-bottom: 5px solid var(--color-set-one-1);
font-size: 16px;
color: var(--content-color-one);
line-height: 26px;
font-weight: 400;
margin-bottom: 20px;
margin-left: 0;
display: none;
}
@media (max-width: 768px) {
.faqs_accordion .article-title {
font-size: 16px;
padding: 14px 65px 14px 15px;
line-height: 26px;
}
}
@media (max-width: 992px) {
.faqs_accordion {
margin-bottom: 50px;
}
}
.any_questions {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.any_questions h2 {
padding: 14px 30px;
color: var(--color-white);
background: var(--color-set-one-1);
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.any_questions .form_inner {
position: relative;
padding: 25px 30px;
}
.any_questions .form_inner label {
display: block;
font-size: 16px;
color: var(--content-color-one);
line-height: 26px;
}
.any_questions .form_inner .theme_btn {
border: 0px;
box-shadow: none;
width: 100%;
border-radius: 50px;
margin-top: 10px;
}
.any_questions input[type=text],
.any_questions input[type=email],
.any_questions textarea {
position: relative;
width: 100% !important;
height: 60px;
background: transparent;
border: 1px solid var(--color-set-one-bor-1) !important;
padding: 20px;
line-height: 60px;
font-family: var(--font-family-text);
font-size: 16px;
color: var(--color-set-one-2);
font-weight: 400;
}
.any_questions textarea {
height: 150px !important;
}
.any_questions input::-moz-placeholder, .any_questions textarea::-moz-placeholder {
color: var(--content-color-one);
}
.any_questions input::placeholder,
.any_questions textarea::placeholder {
color: var(--content-color-one);
} .pricing_type_two {
position: relative;
}
.pricing_type_two .price_inner {
padding: 8px;
position: relative;
transition: all 0.9s ease-in-out;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.pricing_type_two .price_inner .price_innner_in {
position: relative;
border: 1px dashed transparent;
transition: all 0.9s ease-in-out;
}
.pricing_type_two .price_inner:hover .price_innner_in {
border: 1px dashed var(--color-set-one-1);
}
.pricing_type_two .price_inner.active .price_innner_in {
border: 1px dashed var(--color-set-one-1);
}
.pricing_type_two .price_inner .upper_content {
padding: 30px 30px 20px;
position: relative;
background: var(--background-white);
transition: all 0.6s ease-in-out;
}
.pricing_type_two .price_inner .upper_content h5 {
font-size: 24px;
line-height: 30px;
margin-bottom: 5px;
font-weight: 600;
color: var(--color-set-one-2);
}
.pricing_type_two .price_inner .upper_content .amount {
position: relative;
margin-top: 24px;
transition: all 0.6s ease-in-out;
padding-top: 25px;
border-top: 1px solid var(--color-set-one-bor-1);
}
.pricing_type_two .price_inner .upper_content .amount .price {
font-size: 18px;
color: var(--content-color-one);
font-weight: 600;
}
.pricing_type_two .price_inner .upper_content .amount .price span {
font-size: 36px;
line-height: 50px;
font-weight: 600;
color: var(--color-set-one-1);
}
.pricing_type_two .price_inner .upper_content .amount .price sup {
font-size: 24px;
color: var(--color-set-one-1);
top: -0.9em;
font-family: var(--font-family-text);
font-weight: 600;
}
.pricing_type_two .price_inner .lower_content {
position: relative;
background: var(--background-white);
transition: all 0.9s ease-in-out;
padding: 0px 30px 30px;
overflow: hidden;
}
.pricing_type_two .price_inner .lower_content ul {
margin: 0;
padding: 0 0 20px 0;
}
.pricing_type_two .price_inner .lower_content ul li {
font-size: 16px;
color: var(--content-color-one);
display: flex;
align-items: center;
gap: 0.5rem;
justify-content: flex-start;
position: relative;
padding: 10px 0px 10px 0px;
margin-bottom: 0;
font-weight: 400;
border-bottom: 1px solid var(--color-set-one-bor-1);
line-height: 26px;
}
.pricing_type_two .price_inner .lower_content ul li:last-child {
border-color: var(--color-white);
}
.pricing_type_two .popular_tag {
position: absolute;
top: -37px;
background: var(--color-set-one-1);
right: -1px;
padding: 0px 9px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: var(--color-white);
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
}
.pricing_type_two .price_inner .lower_content .get_start {
position: relative;
transition: all 0.9s ease-in-out;
}
.pricing_type_two .price_inner .lower_content .theme_btn {
border-radius: 30px;
width: 100%;
} .pricing_type_two.style_three .price_inner .lower_content .theme_btn {
transform: translateY(0px);
position: relative;
margin-bottom: 0px;
}
.pricing_type_two.style_three .price_inner .lower_content .get_start {
height: auto;
line-height: inherit;
}
.pricing_type_two.style_three .price_inner {
margin-top: 0px;
background: var(--background-white);
border-radius: 10px;
}
.pricing_type_two.style_three .price_inner.active {
transform: inherit;
background: #f4faf4;
box-shadow: unset;
}
.pricing_type_two.style_three .price_inner .price_innner_in {
background: transparent;
}
.pricing_type_two.style_three .price_inner:hover {
transform: inherit;
background: #f4faf4;
box-shadow: unset;
}
.pricing_type_two.style_three .price_inner .price_innner_in {
border: 0px !important;
}
.pricing_type_two.style_three .price_inner.active .lower_content .get_start {
height: inherit;
line-height: inherit;
}
.pricing_type_two.style_three .price_inner:hover .lower_content .get_start {
height: inherit;
line-height: inherit;
}
.pricing_type_two.style_three .price_inner .lower_content ul li {
border: 0px;
list-style: none;
}
.pricing_type_two.style_three .popular_tag {
position: absolute;
top: 0;
background: var(--color-set-one-1);
right: 0;
padding: 0px 9px;
color: var(--color-white);
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
z-index: 1;
border-radius: 10px;
}
.pricing_type_two.style_three .price_inner .upper_content .amount .price {
font-size: 16px;
font-weight: 400;
}
.pricing_type_two.style_three .price_inner .upper_content .amount {
border: 0px;
padding-top: 0px;
margin-top: 0px;
}
.pricing_type_two.style_three .price_inner .lower_content {
background: transparent;
}
.pricing_type_two.style_three .price_inner .upper_content {
padding: 30px 30px 9px;
text-align: center;
background: transparent;
}
.pricing_type_two.style_three .price_inner .lower_content ul {
margin: 0;
padding: 0 0 25px;
}
.pricing_type_two.style_three .price_inner .lower_content ul li {
margin-bottom: 0;
}
.pricing_type_two.style_three .price_inner .lower_content ul li::before {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: var(--background-bg-1);
text-align: center;
font-size: 20px;
border-radius: 30px;
color: var(--content-color-one);
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.pricing_type_two.style_three .price_inner .upper_content h5 {
font-weight: 600;
} .testimonial_all {
position: relative;
}
.testimonial_all .testimonial_outer {
position: relative;
}
.testimonial_all.grid .testimonial_outer {
position: relative;
margin-bottom: 30px;
text-align: center;
}
.testimonial_all.grid .testimonial_outer .image img {
border-radius: 50%;
}
.testimonial_all .testimonial_outer ul {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
display: inline-block;
padding: 0px 20px;
margin-bottom: 10px;
}
.testimonial_all .testimonial_outer .rating {
gap: 0.3rem;
justify-content: center;
}
.testimonial_all .testimonial_outer .rating span {
font-size: 18px;
line-height: normal;
color: var(--color-set-one-1);
}
.testimonial_all .testimonial_outer .content_inner {
position: relative;
padding: 20px 20px 0px;
}
.testimonial_all .testimonial_outer .content_inner p {
margin-bottom: 10px;
}
.testimonial_all .testimonial_outer .content_inner h1 {
font-size: 22px;
font-weight: 600;
line-height: 28px;
color: var(--color-set-one-2);
}
.testimonial_all .testimonial_outer .authour_name p {
color: var(--color-set-one-1);
} .two_columns_masonry .portfolio_inner {
margin-bottom: 30px;
position: relative;
}
.two_columns_masonry .portfolio_inner .image {
position: relative;
}
.two_columns_masonry .portfolio_inner .image img {
width: 100%;
}
.two_columns_masonry .portfolio_inner .image::before {
position: absolute;
content: "";
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: all 0.6s ease-in-out;
}
.two_columns_masonry .portfolio_inner:hover .image::before {
height: 100%;
bottom: 0;
}
.two_columns_masonry .portfolio_inner .content_inner {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 99;
padding: 20px;
}
.two_columns_masonry .portfolio_inner .content_inner .overlay_content {
position: relative;
display: inline-block;
}
.two_columns_masonry .portfolio_inner .content_inner .entry-title {
background: var(--background-white);
position: relative;
z-index: 11;
display: inline-block;
padding: 15px 15px;
}
.two_columns_masonry .portfolio_inner .content_inner .entry-title a {
font-size: 22px;
line-height: 28px;
color: var(--color-set-one-2);
font-weight: 600;
display: block;
transition: all 0.6s ease-in-out;
}
@media (max-width: 768px) {
.two_columns_masonry .portfolio_inner .content_inner .entry-title a {
font-size: 18px;
}
}
.two_columns_masonry .portfolio_inner .content_inner .entry-title:hover a {
color: var(--color-set-one-1);
}
.two_columns_masonry .portfolio_inner .content_inner .gallery_image {
position: absolute;
width: 60px;
height: 100%;
background: var(--color-set-one-1);
top: 0;
right: -5px;
transition: all 0.6s ease-in-out;
}
.two_columns_masonry .portfolio_inner .content_inner .gallery_image span {
color: var(--color-white);
font-size: 30px;
line-height: 36px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
}
.two_columns_masonry .portfolio_inner:hover .content_inner .gallery_image {
right: -60px;
} .three_columns_masonry .portfolio_inner {
position: relative;
overflow: hidden;
margin-bottom: 10px;
border-radius: 10px;
}
body .three_columns_masonry {
width: 25%;
padding: 0px 12px 10px;
}
body .three_columns_masonry img {
height: 320px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1024px) {
body .three_columns_masonry {
width: 50%;
}
}
@media (max-width: 768px) {
body .three_columns_masonry {
width: 100%;
}
}
.three_columns_masonry:nth-child(3) {
width: 50%;
}
.three_columns_masonry:nth-child(3) img {
height: 500px;
}
.three_columns_masonry:nth-child(7) {
width: 50%;
}
.three_columns_masonry:nth-child(7) img {
height: 500px;
}
@media (max-width: 768px) {
.three_columns_masonry {
width: 100%;
}
.three_columns_masonry:nth-child(3) {
width: 100%;
}
.three_columns_masonry:nth-child(7) {
width: 100%;
}
}
.three-columns-masonry .site-main {
padding: 0px 15px 0px 0px;
}
.three_columns_masonry .portfolio_inner .image img {
width: 100%;
}
.three_columns_masonry .portfolio_inner .image:before {
position: absolute;
content: "";
top: 0;
left: 0;
background-color: var(--color-set-one-1);
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.6s ease-in-out;
}
.three_columns_masonry .portfolio_inner:hover .image:before {
opacity: 0.9;
}
.three_columns_masonry .portfolio_inner .entry-title a {
color: var(--color-white);
font-size: 24px;
line-height: 32px;
position: absolute;
top: -100%;
left: 0%;
right: 0;
display: flex;
bottom: 0;
align-items: center;
justify-content: center;
width: 95%;
text-align: center;
opacity: 0;
margin: auto;
transition: all 0.6s ease-in-out;
font-weight: 600;
}
.three_columns_masonry .portfolio_inner:hover .entry-title a {
opacity: 1;
top: 0;
} .three-columns-grid .fliter_group {
text-align: center;
margin-bottom: 50px;
}
.three-columns-grid .fliter_group ul {
display: inline-block;
text-align: center;
border: 1px dashed var(--color-set-one-bor-1);
border-radius: 3px;
padding: 0px 60px;
}
.three-columns-grid .fliter_group ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-weight: 600;
font-size: 16px;
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
cursor: pointer;
}
.three-columns-grid .fliter_group ul li::before {
position: absolute;
content: "";
right: 0;
top: 15px;
border: 0.5px dashed var(--color-set-one-bor-1);
width: 1px;
height: 25px;
}
.three-columns-grid .fliter_group ul li.current,
.three-columns-grid .fliter_group ul li:hover {
color: var(--color-set-one-1);
}
.three-columns-grid .fliter_group ul li:last-child::before {
display: none;
}
.fliter_group.portfolio_posts {
text-align: center;
margin-bottom: 60px;
}
.fliter_group.portfolio_posts ul {
display: inline-block;
text-align: center;
border: 1px dashed var(--color-set-one-bor-1);
border-radius: 3px;
padding: 0px 60px;
}
.fliter_group.portfolio_posts ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-weight: 600;
font-size: 16px;
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
cursor: pointer;
}
.fliter_group.portfolio_posts ul li::before {
position: absolute;
content: "";
right: 0;
top: 15px;
border: 0.5px dashed var(--color-set-one-bor-1);
width: 1px;
height: 25px;
}
.fliter_group.portfolio_posts ul li.current,
.fliter_group.portfolio_posts ul li:hover {
color: var(--color-set-one-1);
}
.fliter_group.portfolio_posts ul li:last-child::before {
display: none;
}
.portfolio_filter_style_two .portfolio_inner {
position: relative;
margin-bottom: 30px;
border: 2px solid transparent;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
.portfolio_filter_style_two .portfolio_inner:hover {
border: 2px solid var(--color-set-one-1);
}
.portfolio_filter_style_two .portfolio_inner .image {
display: block;
position: relative;
}
.portfolio_filter_style_two .portfolio_inner .image img {
width: 100%;
height: 360px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.portfolio_filter_style_two .portfolio_inner .image .pro-link {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: var(--color-set-one-1);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.portfolio_filter_style_two .portfolio_inner:hover .pro-link {
bottom: 0;
opacity: 0.6;
height: 100%;
}
.portfolio_filter_style_two .portfolio_inner .image .fancylink {
color: var(--color-set-one-1);
font-size: 28px;
position: absolute;
top: 0px;
right: 0;
margin: auto;
z-index: 11;
width: 60px;
height: 60px;
border-bottom-left-radius: 10px;
background: var(--background-white);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.portfolio_filter_style_two .portfolio_inner:hover .fancylink {
opacity: 1;
}
.portfolio_filter_style_two .portfolio_inner .content_inner {
position: absolute;
width: 100%;
text-align: center;
height: auto;
left: 0;
bottom: 0;
padding: 15px 15px 15px;
background: var(--background-white);
opacity: 0;
transform: translateY(150px);
transition: all 0.6s ease-in-out;
}
.portfolio_filter_style_two .portfolio_inner .content_inner .title {
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
font-size: 22px;
line-height: 28px;
font-weight: 600;
display: block;
}
@media (max-width: 768px) {
.portfolio_filter_style_two .portfolio_inner .content_inner .title {
font-size: 18px;
}
}
.portfolio_filter_style_two .portfolio_inner .content_inner .title:hover {
color: var(--color-set-one-1);
}
.portfolio_filter_style_two .portfolio_inner:hover .content_inner {
opacity: 1;
transform: translateY(0px);
}
.portfolio_filter_style_two .portfolio_inner .content_inner .portfolio-category {
display: inline-block;
margin-top: 1rem;
margin-bottom: 0;
}
.portfolio_filter_style_two .portfolio_inner .content_inner .portfolio-category a {
color: var(--content-color-one);
display: block;
font-weight: 500;
background: var(--background-bg-1);
padding: 3px 15px;
border-radius: 30px;
}
.portfolio_filter_style_two .portfolio_inner .content_inner .portfolio-category:hover a {
color: var(--color-set-one-1);
} .two-columns-grid .container.auto_container {
padding: 0px;
}
.two-columns-grid .fliter_group {
text-align: center;
margin-bottom: 50px;
}
.two-columns-grid .fliter_group ul {
display: inline-block;
text-align: center;
border: 1px dashed var(--color-set-one-bor-1);
border-radius: 3px;
padding: 0px 60px;
}
.two-columns-grid .fliter_group ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-weight: 600;
font-size: 16px;
color: var(--color-set-one-2);
color: var(--color-set-one-2);
transition: all 0.6s ease-in-out;
cursor: pointer;
}
.two-columns-grid .fliter_group ul li::before {
position: absolute;
content: "";
right: 0;
top: 15px;
border: 0.5px dashed var(--color-set-one-bor-1);
width: 1px;
height: 25px;
}
.two-columns-grid .fliter_group ul li.current,
.two-columns-grid .fliter_group ul li:hover {
color: var(--color-set-one-1);
}
.two-columns-grid .fliter_group ul li:last-child::before {
display: none;
}
.two_column_filter_grid .portfolio_inner {
position: relative;
margin-bottom: 30px;
overflow: hidden;
border-radius: 10px;
}
.portfolio_post_section .fliter_group {
margin-bottom: 20px;
}
.two_column_filter_grid .portfolio_inner .image {
display: block;
position: relative;
}
.two_column_filter_grid .portfolio_inner .image img {
width: 100%;
}
.two_column_filter_grid .portfolio_inner .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 0;
transition: 0.5s ease;
}
.two_column_filter_grid .portfolio_inner:hover .overlay {
bottom: 0;
height: 100%;
}
.two_column_filter_grid .portfolio_inner:hover .image .overlay::before {
height: 100%;
top: 0;
}
.two_column_filter_grid .portfolio_inner .image span.icon {
color: var(--color-white);
font-size: 30px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 60px;
height: 60px;
text-align: center;
border-radius: 60px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
opacity: 0;
transition: all 0.6s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed var(--border-white);
}
.two_column_filter_grid .portfolio_inner:hover .image span.icon {
opacity: 1;
}
.two_column_filter_grid .portfolio_inner .content_inner .title {
position: absolute;
width: 100%;
left: -150px;
bottom: 0;
background: var(--color-set-one-1);
padding: 16px 65px 16px 25px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
opacity: 0;
transition: all 0.6s ease-in-out;
}
.two_column_filter_grid .portfolio_inner .content_inner .title {
color: var(--color-white);
font-size: 24px;
font-weight: 600;
display: block;
}
@media (max-width: 768px) {
.two_column_filter_grid .portfolio_inner .content_inner .title {
font-size: 18px;
}
}
.two_column_filter_grid .portfolio_inner .content_inner .title span {
font-size: 13px;
float: right;
color: var(--color-white);
line-height: 28px;
}
.two_column_filter_grid .portfolio_inner .content_inner .portfolio-category {
position: absolute;
top: 0;
right: -100% !important;
opacity: 0;
text-align: center;
right: 0;
transition: all 0.6s ease-in-out;
}
.two_column_filter_grid .portfolio_inner .content_inner .portfolio-category a {
padding: 10px;
background: var(--color-set-one-1);
font-size: 16px;
display: block;
font-weight: 500;
color: var(--color-white);
text-align: center;
}
.two_column_filter_grid .portfolio_inner:hover .content_inner .portfolio-category {
right: 0 !important;
opacity: 1;
}
.two_column_filter_grid .portfolio_inner:hover .content_inner .title {
left: 0;
opacity: 1;
} .portfolio_details {
position: relative;
}
.portfolio_details .sub_title {
font-size: 36px;
line-height: 42px;
color: var(--color-set-one-2);
margin-bottom: 20px;
font-weight: 600;
}
.portfolio_details .portfolio_description,
.portfolio_details .portfolio_scope {
position: relative;
margin-bottom: 50px;
}
.portfolio_details .portfolio_scope ul {
position: relative;
margin-top: 20px;
}
.portfolio_details .portfolio_scope ul li {
font-size: 16px;
line-height: 30px;
color: var(--content-color-one);
padding-left: 30px;
}
.portfolio_details .portfolio_scope ul li::before {
content: "\e93b";
position: absolute;
font-size: 20px;
color: var(--color-set-one-1);
font-family: "icomoon";
left: 0;
}
.portfolio_details .portfolio_details_image {
position: relative;
margin-bottom: 30px;
}
.portfolio_details .portfolio_details_image .image {
position: relative;
margin-bottom: 10px;
}
.portfolio_details .portfolio_details_image .image img {
position: relative;
float: left;
width: 50%;
-o-object-fit: cover;
object-fit: cover;
height: 300px;
padding-bottom: 12px;
padding-right: 10px;
}
.portfolio_details .portfolio_details_image .image img:first-child {
width: 100%;
height: 440px;
}
.portfolio_details .portfolio_details_image .image img:nth-child(2) {
height: 470px;
}
.portfolio_details .portfolio_details_image .image img:nth-child(3) {
height: 235px;
}
.portfolio_details .portfolio_details_image .image img:nth-child(4) {
height: 235px;
}
@media (max-width: 768px) {
.portfolio_details .portfolio_details_image .image img {
width: 100% !important;
margin-bottom: 10px !important;
margin-left: 0px !important;
margin-right: 0px;
}
.portfolio_details .portfolio_details_image {
margin-bottom: 50px;
}
}
.portfolio_details .portfolio_details_image_caro {
display: none;
margin-bottom: 50px;
}
.portfolio_details .portfolio_details_image {
display: block;
}
.portfolio_details .portfolio_details_image_caro img {
width: 100% !important;
}
.portfolio_information {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 60px;
}
.portfolio_information h2 {
padding: 14px 30px;
color: var(--color-white);
background: var(--color-set-one-1);
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.portfolio_information .information_inner {
padding: 15px 30px 15px;
position: relative;
}
.portfolio_information .information_inner .content {
position: relative;
padding: 15px 0px;
cursor: pointer;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.portfolio_information .information_inner .content:last-child {
border-bottom: 0px;
}
.portfolio_information .information_inner .content span {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
border: 2px dotted #c0c0c0;
text-align: center;
font-size: 20px;
transition: all 0.6s ease-in-out;
color: #aeaeae;
}
.portfolio_information .information_inner .content:hover span {
color: var(--color-set-one-1);
border-color: var(--color-set-one-1);
}
.portfolio_information .information_inner .content .text_box {
margin-left: 80px;
}
.portfolio_information .information_inner .content .text_box h3 {
font-size: 22px;
color: var(--color-set-one-2);
font-weight: 600;
line-height: 26px;
transition: all 0.6s ease-in-out;
}
.portfolio_information .information_inner .content .text_box p a {
color: var(--content-color-one);
}
.portfolio_information .information_inner .content:hover .text_box h3 {
color: var(--color-set-one-1);
}
.portfolio_details .estimations {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.portfolio_details .estimations h2 {
padding: 14px 30px;
color: var(--color-white);
background: var(--color-set-one-1);
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.portfolio_details .estimations .form_inner {
position: relative;
padding: 25px 30px;
}
.portfolio_details .estimations .form_inner label {
display: block;
font-size: 16px;
color: var(--content-color-one);
line-height: 26px;
margin-bottom: 20px;
}
.portfolio_details .estimations .form_inner .theme_btn {
border: 0px;
box-shadow: none;
width: 100%;
border-radius: 50px;
margin-top: 10px;
}
.portfolio_details input[type=text],
.portfolio_details input[type=email],
.portfolio_details textarea,
.portfolio_details .ui-selectmenu-button {
position: relative;
width: 100% !important;
height: 60px;
background: transparent;
border: 1px solid var(--color-set-one-bor-1) !important;
padding: 20px;
line-height: 60px;
font-family: var(--font-family-text);
font-size: 16px;
color: var(--content-color-one);
font-weight: 400;
display: inline-block;
margin-top: 10px;
}
.portfolio_details input::-moz-placeholder {
color: var(--content-color-one);
}
.portfolio_details input::placeholder {
color: var(--content-color-one);
}
.portfolio_details textarea::-moz-placeholder {
color: var(--content-color-one);
}
.portfolio_details textarea::placeholder {
color: var(--content-color-one);
}
.single-portfolio .ui-selectmenu-open {
display: inline-block;
width: auto !important;
}
.portfolio_details .ui-selectmenu-button .ui-icon::before {
position: absolute;
content: "\f107";
font-family: "Trimprim-icons";
right: 0px;
color: #888888;
font-size: 16px;
top: 0px;
}
.portfolio_details textarea {
height: 150px;
}
.portfolio_details .ui-selectmenu-button {
line-height: 21px;
color: var(--content-color-one);
font-size: 14px;
font-weight: 400;
font-family: var(--font-family-text);
}
.ui-selectmenu-button .ui-icon::before {
position: absolute;
content: "\f107";
font-family: "Trimprim-icons";
right: 0px;
color: #888888;
font-size: 16px;
top: 0px;
}
.ui-selectmenu-button .ui-icon {
text-indent: inherit;
}
.ui-menu-item .ui-menu-item-wrapper {
padding: 10px 20px !important;
background: var(--background-white) !important;
color: var(--content-color-one);
font-family: var(--font-family-text);
font-size: 14px;
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
background: var(--color-set-one-1) !important;
color: var(--color-white);
} .inner_pg_serice_one {
position: relative;
padding: 100px 0px 70px;
}
.inner_pg_serice_one .inner_heading {
text-align: center;
position: relative;
margin-bottom: 40px;
}
.inner_pg_serice_one .inner_heading h1 {
font-size: 40px;
line-height: 46px;
color: var(--color-set-one-2);
font-weight: 600;
margin-bottom: 10px;
}
@media (max-width: 3000px) and (min-width: 1200px) {
.inner_pg_serice_one .inner_heading p {
padding: 0px 280px;
}
} .inner_pg_serice_two {
position: relative;
padding: 0px 0px 70px;
}
.inner_heading {
text-align: center;
position: relative;
margin-bottom: 40px !important;
}
.inner_heading h1 {
font-size: 40px;
line-height: 46px;
color: var(--color-set-one-2);
font-weight: 600;
margin-bottom: 10px;
}
@media (max-width: 3000px) and (min-width: 1200px) {
.inner_heading p {
padding: 0px 280px;
}
}
.service_type_five .service_inner {
position: relative;
margin: 0px 0px 30px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
background: var(--background-white);
overflow: hidden;
border-radius: 12px;
}
.service_type_five .service_inner .image {
display: block;
position: relative;
}
.service_type_five .service_inner .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: rgba(var(--color-set-one-2-rgb), 0.8);
overflow: hidden;
width: 100%;
height: 100%;
transition: 0.5s ease;
opacity: 0;
}
.service_type_five .service_inner:hover .image .overlay {
opacity: 1;
}
.service_type_five .service_inner .icon {
position: absolute;
font-size: 30px;
color: var(--color-white);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-set-one-1);
z-index: 0;
top: 0px;
padding-top: 15px;
left: 0;
transition: all 0.6s ease-in-out;
}
.service_type_five .service_inner .icon img {
width: 30px !important;
height: auto;
}
.service_type_five .service_inner .icon::after {
position: absolute;
content: "";
width: 65px;
height: 27px;
background: var(--color-set-one-1);
bottom: -17px;
left: -4px;
border-bottom-right-radius: 13px;
border-bottom-left-radius: 5px;
transform: rotate(-17deg);
z-index: -1;
}
.service_type_five .service_inner .content_inner {
padding: 30px 28px 15px;
text-align: center;
position: relative;
z-index: 1;
transition: all 0.6s ease-in-out;
}
.service_type_five .service_inner:hover .content_inner {
background: var(--background-white);
transform: translateY(-40px);
}
.service_type_five .service_inner .content_inner h2 {
transition: all 0.6s ease-in-out;
}
.service_type_five .service_inner .content_inner h2 a {
color: var(--color-set-one-2);
font-weight: 600;
font-size: 22px;
display: block;
line-height: 28px;
font-weight: 600;
margin-bottom: 7px;
transition: all 0.6s ease-in-out;
}
.service_type_five .service_inner .content_inner h2:hover a {
color: var(--color-set-one-1);
}
.service_type_five .service_inner .content_inner p {
padding-bottom: 15px;
margin: 0 !important;
transition: all 0.6s ease-in-out;
border-bottom: 1px dashed transparent;
}
.service_type_five .service_inner:hover .content_inner p {
border-bottom: 1px dashed var(--color-set-one-bor-1);
}
.service_type_five .service_inner .content_inner a.link_btn {
display: flex;
justify-content: center;
color: var(--color-set-one-2);
transform: translateY(83px);
position: absolute;
width: 100%;
z-index: 10;
padding-top: 1rem;
left: 0;
transition: all 0.6s ease-in-out;
}
.service_type_five .service_inner:hover .content_inner a.link_btn {
transform: translateY(0px);
}
.service_type_five .service_inner .content_inner a.link_btn:hover {
color: var(--color-set-one-1);
} .service_type_six {
position: relative;
}
.service_type_six .container {
padding: 0px;
}
.service_second_page {
position: relative;
margin-bottom: 40px;
}
.service_second_page h1 {
font-size: 40px;
font-weight: 600;
color: var(--color-set-one-2);
line-height: 50px;
}
.service_second_page p {
margin-bottom: 20px;
}
.service_second_page a {
font-size: 14px;
font-weight: 600;
color: var(--color-set-one-2);
text-transform: uppercase;
}
.service_second_page a i {
font-size: 13px;
margin-right: 10px;
color: var(--color-set-one-1);
}
.service_type_six .service_inner {
position: relative;
transition: all 0.6s ease-in-out;
z-index: 0;
background: transparent;
cursor: pointer;
padding: 25px 10px 25px 0px;
}
.service_type_six .service_inner::before {
position: absolute;
transition: all 0.6s ease-in-out;
z-index: -1;
background: var(--background-white);
content: "";
cursor: pointer;
width: 106%;
height: 100%;
left: -20px;
top: 0px;
opacity: 0;
}
.service_all .service_type_six .service_inner::before {
display: none;
}
.service_all .service_type_six .service_inner {
padding-right: 30px;
}
.service_type_six .service_inner:hover::before {
box-shadow: 0px -10px 50px 10px rgba(0, 0, 0, 0.05);
opacity: 1;
}
.service_type_six .service_inner .icon {
font-size: 60px;
color: var(--color-set-one-1);
margin-bottom: 22px;
transition: all 0.6s ease-in-out;
display: block;
}
.service_type_six .service_inner .icon img {
width: auto;
height: 60px;
}
.service_type_six .service_inner h2 a {
font-size: 22px;
font-weight: 600;
color: var(--color-set-one-2);
display: block;
margin-bottom: 10px;
line-height: 28px;
transition: all 0.6s ease-in-out;
}
.service_type_six .service_inner:hover h2 a {
color: var(--color-set-one-1);
}
.contact_type_three {
position: relative;
}
.contact_type_three .portfolio_consultation {
position: relative;
padding: 120px 0px 40px;
}
h2.offer_box_heading_two {
font-size: 40px;
line-height: 48px;
font-weight: 600;
color: var(--color-white);
margin-bottom: 20px;
}
.contact_type_three .pro_box {
position: relative;
padding: 40px;
background: var(--color-set-one-1);
border-radius: 10px;
}
.contact_type_three .pro_box .font-24 {
font-size: 24px;
font-weight: 600;
color: var(--color-white);
line-height: 30px;
margin-bottom: 10px;
}
.contact_type_three .pro_box .font-18 strong {
font-size: 40px;
line-height: 54px;
color: var(--color-white);
font-weight: 600;
display: block;
margin-bottom: 4px;
}
.contact_type_three .pro_box .font-18 {
font-size: 16px;
color: var(--color-white);
}
.contact_type_three .pro_box a {
width: 100%;
border-radius: 50px;
margin-top: 30px;
}
.contact_type_three .pro_box a.theme_btn:hover {
background: var(--color-set-one-2) !important;
color: var(--color-white);
}
.contact_type_three .form_appointment {
padding: 100px 0px 70px 100px;
}
@media (max-width: 992px) {
.contact_type_three .form_appointment {
padding: 0px 0px 70px 0px;
}
.contact_type_three {
background-position: 61% 0px;
}
}
.service_type_seven {
position: relative;
}
.service_type_seven .service_outer {
position: relative;
overflow: hidden;
z-index: 0;
padding: 30px 25px 25px;
}
.service_type_seven .service_outer .overlay {
background: var(--color-set-one-2);
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0.9;
height: 100%;
content: "";
z-index: -2;
transition: all 0.6s ease-in-out;
}
.service_type_seven .service_outer .overlay:before {
background: var(--color-set-one-2);
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
height: 100%;
content: "";
z-index: -1;
transition: all 0.6s ease-in-out;
}
.service_type_seven .service_outer:hover .overlay:before,
.service_type_seven .service_outer:hover .overlay {
opacity: 1;
}
.service_type_seven .service_outer span {
font-size: 50px;
line-height: 50px;
display: block;
margin-bottom: 30px;
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.service_type_seven .service_outer:hover span {
color: var(--color-set-one-1);
}
.service_type_seven .service_outer:hover .font-24 {
color: var(--color-white);
}
.service_type_seven .service_outer p {
color: var(--color-white);
margin-bottom: 15px;
}
.service_type_seven .service_outer:hover p {
color: var(--color-white);
}
.service_type_seven .service_outer .link_btn {
color: var(--color-white);
}
.service_type_seven .service_outer:hover .link_btn {
color: var(--color-set-one-1);
} .testimonial_type_five {
position: relative;
}
.testimonial_type_five .heading_inner {
position: relative;
margin-bottom: 20px;
text-align: center;
}
.testimonial_type_five .heading_inner h1 {
font-size: 40px;
line-height: 48px;
color: var(--color-set-one-2);
font-weight: 600;
}
.testimonial_type_five .testimonial_outer {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 40px 30px;
background: var(--background-white);
box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.05);
text-align: center;
transition: all 0.6s ease-in-out;
}
.testimonial_type_five .testimonial_outer:hover {
box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.06);
}
.testimonial_type_five .testimonial_outer .authour_image {
position: relative;
text-align: center;
margin-bottom: 20px;
display: inline-block;
width: 90px;
z-index: 9;
height: 90px;
}
.testimonial_type_five .testimonial_outer .authour_image img {
width: 100%;
height: 100%;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial_type_five .testimonial_outer ul {
position: relative;
margin-top: 15px;
box-shadow: none;
}
.testimonial_type_five .testimonial_outer ul li span {
font-size: 18px;
color: var(--color-set-one-1);
}
.testimonial_type_five .testimonial_outer h6 {
font-size: 16px;
color: var(--content-color-one);
font-weight: 400;
line-height: 26px;
margin-bottom: 10px;
font-family: var(--font-family-text);
}
.testimonial_type_five .testimonial_outer h2 {
font-size: 22px;
color: var(--color-set-one-2);
font-weight: 600;
line-height: 28px;
}
.testimonial_type_five .testimonial_outer h2 span {
font-size: 16px;
color: var(--color-set-one-1);
}
.testimonial_type_five .testimonial_outer span.icon {
position: absolute;
font-size: 60px;
line-height: 60px;
opacity: 0.05;
top: 40px;
left: 40px;
transition: all 0.6s ease-in-out;
}
.testimonial_type_five .testimonial_outer:hover span.icon {
color: var(--color-set-one-1);
opacity: 1;
}
@media (max-width: 992px) {
.testimonial_type_five .testimonial_outer {
padding: 30px 20px;
}
.testimonial_type_five .testimonial_outer span.icon {
font-size: 40px;
line-height: 40px;
left: 40px;
}
} .service_details {
position: relative;
padding: 100px 0px 70px;
}
.service_siderbar {
position: relative;
padding-right: 30px;
margin-bottom: 40px;
}
@media (max-width: 992px) {
.service_siderbar {
padding: 0px;
}
}
.service_single_links {
position: relative;
overflow: auto;
}
.service_single_links ul li {
padding: 13px 0px;
border-bottom: 1px solid var(--color-set-one-bor-1);
position: relative;
overflow: hidden;
transition: all 0.6s ease-in-out;
}
.service_single_links ul li:last-child {
border-bottom: 0px;
}
.service_single_links ul li a {
font-size: 16px;
color: var(--content-color-one);
font-weight: 500;
line-height: 30px;
}
.service_single_links ul li:before {
content: "\e901";
font-family: "icomoon";
position: absolute;
top: 11px;
left: 0;
text-align: center;
color: #808280;
transition: all 0.6s ease-in-out;
}
.service_single_links ul.service-category li {
padding-left: 25px !important;
}
.service_single_links ul.service-category li:first-child {
padding-top: 0px;
}
.service_single_links ul.service-category li:last-child {
padding-bottom: 0px;
}
.service_single_links ul.service-category li:first-child:before {
top: 2px;
}
.service_single_links ul.service-category li:last-child:before {
top: 12px;
}
.service_single_links ul.service-category li:hover:before {
color: var(--color-set-one-1);
}
.service_siderbar .menu-service-links-container {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
padding: 20px 30px;
margin-bottom: 40px;
}
.service_siderbar .widget_nav_menu ul li {
padding: 13px 0px;
border-bottom: 1px solid var(--color-set-one-bor-1);
position: relative;
overflow: hidden;
transition: all 0.6s ease-in-out;
border-right: 1px solid transparent;
}
.service_siderbar .widget_nav_menu ul li:last-child {
border-bottom: 1px solid transparent;
transition: all 0.6s ease-in-out;
}
.service_siderbar .widget_nav_menu ul li:first-child {
border-top: 1px solid transparent;
transition: all 0.6s ease-in-out;
}
.service_siderbar .widget_nav_menu ul li a {
font-size: 16px;
color: var(--content-color-one);
font-weight: 500;
line-height: 30px;
}
.service_siderbar .widget_nav_menu ul li:before {
content: "\e901";
font-family: "icomoon";
position: absolute;
width: 60px;
height: 100%;
background: var(--color-set-one-1);
top: 0;
left: 0;
line-height: 54px;
text-align: center;
color: var(--color-white);
transition: all 0.6s ease-in-out;
transform: translateX(-161px);
}
.service_siderbar .widget_nav_menu ul li:hover,
.service_siderbar .widget_nav_menu ul li.current-menu-item {
padding-left: 67px;
background: var(--background-bg-1);
border-right: 1px solid var(--color-set-one-bor-1);
}
.service_siderbar .widget_nav_menu ul li:first-child:hover,
.service_siderbar .widget_nav_menu ul li:first-child.current-menu-item {
border-top: 1px solid var(--color-set-one-bor-1);
}
.service_siderbar .widget_nav_menu ul li:last-child:hover,
.service_siderbar .widget_nav_menu ul li:last-child.current-menu-item {
border-bottom: 1px solid var(--color-set-one-bor-1);
}
.service_siderbar .widget_nav_menu ul li:hover,
.service_siderbar .widget_nav_menu ul li.current-menu-item {
padding-left: 67px;
background: var(--background-bg-1);
border-right: 1px solid var(--color-set-one-bor-1);
}
.service_siderbar .widget_nav_menu ul li:hover:before,
.service_siderbar .widget_nav_menu ul li.current-menu-item:before {
transform: translateX(0px);
}
.offer_box {
position: relative;
}
.offer_box span.icon {
color: var(--color-white);
font-size: 54px;
line-height: 110px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
width: 110px;
height: 110px;
border-radius: 50%;
background: var(--color-set-one-1);
}
.offer_box span.icon::after {
color: var(--color-white);
position: absolute;
content: "";
top: 5px;
left: 5px;
z-index: 15;
width: 100px;
height: 100px;
border-radius: 50%;
background: transparent;
border: 2px dotted var(--border-white);
}
.offer_box img {
width: 100% !important;
margin: 0px !important;
}
.offer_box .content_outer {
position: relative;
padding: 10px;
background: var(--color-set-one-2);
}
.offer_box .content_inner {
position: relative;
border: 1px dashed rgba(255, 255, 255, 0.5);
text-align: center;
padding: 40px 30px 26px;
}
.offer_box .content_inner h2 {
font-size: 24px;
color: var(--color-set-one-1);
font-weight: 600;
line-height: 28px;
margin-bottom: 15px;
}
.offer_box .content_inner h6 {
font-size: 40px;
line-height: 48px;
font-weight: 600;
color: var(--color-set-one-3);
margin-bottom: 5px;
text-transform: uppercase;
}
.offer_box .content_inner p {
color: var(--color-white);
margin-bottom: 20px;
}
.offer_box .content_inner a.theme_btn {
border-radius: 50px;
}
.pdf_download {
position: relative;
background: var(--color-set-one-1);
padding: 20px;
text-align: center;
}
.pdf_download img {
margin-bottom: 30px;
}
.pdf_download h2 {
font-size: 30px;
line-height: 36px;
font-weight: 600;
color: var(--color-white);
margin-bottom: 30px;
}
.pdf_download a.theme_btn {
border-radius: 50px;
color: var(--color-set-one-2);
background: var(--background-white) !important;
}
.service_details .service_details_image_caro {
display: none;
margin-bottom: 50px;
}
.service_details .service_details_image {
display: block;
}
.service_details_image .image {
position: relative;
overflow: hidden;
width: 100%;
height: 370px;
border-radius: 10px;
}
.service_details_image .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 992px) {
.service_details .service_details_image {
display: none;
}
.service_details .service_details_image_caro {
display: block !important;
}
}
.service_details .service_details_image_caro img {
width: 100% !important;
}
.service_details .service_details_image .padding_lg {
padding-left: 5px;
}
.service_details .service_details_image .image {
margin-bottom: 10px;
}
.service_details .service_details_image .padding_rg {
padding-right: 5px;
}
.left_service_details .service_description {
position: relative;
margin-bottom: 40px;
}
.left_service_details .service_description p {
margin-bottom: 20px;
}
.left_service_details .service_description p span {
color: var(--color-set-one-1);
font-weight: 600;
}
.service_details_image {
position: relative;
overflow: hidden;
}
.service_details_image .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
opacity: 0;
height: 100%;
transition: 0.5s ease;
}
.service_details_image .image .overlay:before {
position: absolute;
bottom: 0;
content: "";
left: 0;
right: 0;
background-color: var(--color-set-one-1);
overflow: hidden;
width: 100%;
height: 100%;
transition: 0.5s ease;
}
.service_details_image .image:hover .overlay {
opacity: 1;
}
.service_details_image .image:hover .overlay:before {
opacity: 0.8;
}
.service_details_image .image .overlay span {
color: var(--color-white);
font-size: 30px;
line-height: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.services_include {
position: relative;
margin-bottom: 30px;
}
.services_include h2 {
font-size: 30px;
font-weight: 600;
color: var(--color-set-one-2);
line-height: 36px;
}
.services_include p {
margin-bottom: 20px;
}
ul.list_items {
margin: 0;
padding: 0 !important;
}
ul.list_items li {
font-size: 16px;
list-style: none;
margin-bottom: 0;
position: relative;
font-weight: 400;
color: var(--content-color-one);
line-height: 38px;
transition: all 0.6s ease-in-out;
display: flex;
align-items: baseline;
gap: 1rem;
}
ul.list_items li span {
font-size: 20px;
color: var(--color-set-one-1);
display: inline-block;
vertical-align: middle;
}
.services_include ul li:hover {
color: var(--color-set-one-1);
}
.emergency_inner_ser {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 20px 40px 40px;
border-radius: 10px;
overflow: hidden;
text-align: center;
}
.emergency_inner_ser::before {
position: absolute;
content: "";
width: 100%;
right: 0;
top: 0;
bottom: 0;
left: 0;
background: var(--color-set-one-1);
opacity: 0.9;
}
.emergency_inner_ser > * {
z-index: 1;
position: relative;
}
.emergency_inner_ser span {
font-size: 50px;
line-height: 50px;
color: var(--color-white);
position: relative;
z-index: 0;
display: block;
margin-bottom: 45px;
}
.emergency_inner_ser span::after {
position: absolute;
content: "";
width: 80px;
height: 100px;
top: -20px;
left: 0;
margin: auto;
right: 0;
background: var(--color-set-one-2);
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
z-index: -1;
}
.emergency_inner_ser .font-20 {
font-size: 30px !important;
font-weight: 600 !important;
color: var(--color-white) !important;
line-height: 36px !important;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.emergency_inner_ser p {
font-size: 30px;
font-weight: 600;
color: var(--color-white);
line-height: 36px;
padding-top: 10px;
}
.single-service .service h2.sub_title {
font-size: 34px;
line-height: 40px;
font-weight: 600;
color: var(--color-set-one-2);
margin-bottom: 20px;
}
.single-service .service h2 {
font-size: 30px;
line-height: 52px;
font-weight: 600;
color: var(--color-set-one-2);
}
.different_services {
position: relative;
margin-bottom: 10px;
padding-top: 20px;
}
.different_services .tabs-nav {
display: flex;
padding-left: 0 !important;
gap: 1rem;
flex-wrap: wrap;
}
.different_services .tabs-nav .navitem {
min-width: 33.33%;
width: 33.33%;
list-style: none;
}
.different_services .tabs-nav .navitem {
position: relative;
margin: 0;
}
.different_services .tabs-nav .navitem .navlink {
position: relative;
padding: 0px;
}
.different_services .tabs-nav .navitem .navlink span {
font-size: 40px;
line-height: 50px;
display: block;
color: var(--color-set-one-1);
float: left;
}
.different_services .tabs-nav .navitem .navlink h2 {
font-size: 20px;
color: var(--color-set-one-2);
font-weight: 600;
text-align: left;
line-height: 26px;
margin-left: 15px;
}
.different_services .tabs-content .tab-content {
display: none;
top: 10px;
}
.different_services .tabs-content .tab-content.active {
display: block;
top: 0;
}
.service_tb {
background: var(--background-white);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
padding: 19px 20px 20px 20px;
z-index: 0;
border: 2px solid var(--border-white);
position: relative;
display: flex;
align-items: center !important;
gap: 1rem;
border-radius: 10px;
}
.service_tb::before {
content: "\e91d";
position: absolute;
top: -15px;
right: 30px;
font-size: 18px;
color: var(--color-white);
width: 30px;
height: 30px;
border-radius: 50px;
line-height: 28px;
text-align: center;
font-family: "Trimprim-icons";
opacity: 0;
transition: all 0.6s ease-in-out;
z-index: 10;
background: var(--color-set-one-1);
}
.different_services .tabs-nav .navitem.show .navlink .service_tb,
.different_services .tabs-nav .navitem.active .service_tb {
border: 2px solid var(--color-set-one-1);
z-index: 0;
}
.different_services .tabs-nav .navitem.show .navlink .service_tb::before,
.different_services .tabs-nav .navitem.active .service_tb::before {
opacity: 1;
}
.different_services .tab-content {
padding: 30px 0 0 0;
}
.different_services .df_service_inner {
position: relative;
}
@media (max-width: 992px) {
.different_services .df_service_inner {
margin-bottom: 30px;
}
}
.different_services .df_service_inner p {
margin-bottom: 20px;
}
.different_services .df_service_inner p:last-child {
margin-bottom: 0px;
}
.different_services .df_service_inner ul {
padding-left: 0 !important;
}
.different_services .df_service_inner ul li {
position: relative;
margin-bottom: 0 !important;
font-size: 16px;
list-style: none;
color: var(--content-color-one);
font-weight: 400;
line-height: 36px;
padding-left: 30px;
}
.different_services .df_service_inner ul li span {
position: absolute;
font-size: 20px;
color: var(--color-set-one-1);
left: 0;
line-height: 22px;
top: 7px;
}
.about_company_right .tab-content ul li {
position: relative;
font-size: 16px;
color: var(--content-color-one);
font-weight: 400;
line-height: 36px;
padding-left: 30px;
}
.about_company_right .tab-content ul li span {
position: absolute;
font-size: 20px;
line-height: 22px;
color: var(--color-set-one-1);
left: 0;
top: 7px;
}
.different_services .image img {
width: 100%;
margin-top: 10px;
border-radius: 10px;
}
.single-service .app_type_two {
position: relative;
}
.single-service .app_type_two h2 {
font-size: 30px;
font-weight: 600;
line-height: 36px;
margin-bottom: 30px;
}
.app_type_two input[type=text],
.app_type_two input[type=email],
.app_type_two input[type=tel],
.app_type_two .ui-selectmenu-button,
.app_type_two textarea {
position: relative;
width: 100% !important;
height: 60px;
background: transparent;
border: 1px solid var(--color-set-one-bor-1) !important;
padding: 20px;
line-height: 60px;
font-family: var(--font-family-text);
font-size: 16px;
color: var(--color-set-one-2);
font-weight: 400;
}
.app_type_two input::-moz-placeholder {
color: var(--content-color-one);
}
.app_type_two input::placeholder {
color: var(--content-color-one);
}
.app_type_two .form-group.date_clan::before {
position: absolute;
content: "\e91d";
top: 16px;
right: 20px;
font-size: 16px;
color: var(--content-color-one);
font-family: "icomoon";
} .address_type_two {
position: relative;
}
.address_type_two .addres_box {
position: relative;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
padding: 40px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
min-height: 358px;
}
.address_type_two .addres_box .address_inner {
position: relative;
text-align: center;
cursor: pointer;
}
.address_type_two .addres_box .address_inner.side {
padding: 30px 10px 30px;
}
.address_type_two .addres_box .box_outer:first-child::before {
width: 1px;
height: 100%;
background: var(--color-set-one-bor-1);
content: "";
position: absolute;
right: 0;
top: 0;
}
.address_type_two.elementor_elements .addres_box .box_outer .before {
width: 1px;
height: 100%;
background: var(--color-set-one-bor-1);
content: "";
position: absolute;
right: 0;
top: 0;
}
.address_type_two.elementor_elements .addres_box .box_outer:before {
display: none !important;
}
.address_type_two .addres_box .box_outer:last-child::before {
width: 1px;
height: 100%;
background: var(--color-set-one-bor-1);
content: "";
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 3000px) and (min-width: 1200px) {
.address_type_two .addres_box .address_inner.mid {
padding: 10px 20px 10px;
border-left: 1px solid var(--color-set-one-bor-1);
border-right: 1px solid var(--color-set-one-bor-1);
}
}
.address_type_two .addres_box .address_inner span {
font-size: 70px;
color: #b8b8b8;
line-height: 76px;
margin-bottom: 15px;
display: block;
transition: all 0.6s ease-in-out;
}
.address_type_two .addres_box .address_inner h2 {
font-size: 22px;
color: var(--color-set-one-2);
line-height: 28px;
font-weight: 600;
margin-bottom: 10px;
transition: all 0.6s ease-in-out;
}
.address_type_two .addres_box .address_inner a {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
color: var(--color-set-one-2);
margin-top: 30px;
display: block;
transition: all 0.6s ease-in-out;
}
.address_type_two .addres_box .address_inner:hover a {
color: var(--color-set-one-1);
}
.address_type_two .addres_box .address_inner:hover span {
color: var(--color-set-one-1);
}
.address_type_two .addres_box .address_inner:hover h2 {
color: var(--color-set-one-1);
} .feature_all.fe_box {
position: relative;
margin-top: 52px;
z-index: 10;
}
.feature_all.fe_box .simple_text {
position: absolute;
width: 100%;
z-index: 1;
}
.feature_all_inner {
position: relative;
padding: 40px 0;
background: var(--background-white);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
@media (max-width: 3000px) and (min-width: 1200px) {
.feature_all_inner .mid_column {
padding: 0px;
}
}
.feature_all_inner .d_flex {
flex-wrap: wrap;
}
.feature_all_inner .feature_inner.type_three {
position: relative;
text-align: center;
padding: 40px 40px 50px;
width: 33.33%;
border-right: 1px solid var(--color-set-one-bor-1);
}
.feature_inner.type_three:nth-child(3n) {
border-right-color: transparent;
}
@media (max-width: 992px) {
.feature_inner.type_three {
width: 50% !important;
}
.feature_inner.type_three .feature_inner.type_three:nth-child(2n) {
border-right-color: transparent;
}
.feature_all.fe_box {
margin-top: 0px;
}
}
@media (max-width: 650px) {
.feature_inner.type_three {
width: 100% !important;
}
.feature_inner.type_three {
border-color: transparent;
}
}
.feature_all_inner .simple_text .font-24 {
position: relative;
content: "";
width: 500px;
text-align: center;
top: -67px;
background: var(--background-white);
height: 60px;
line-height: normal;
padding-top: 15px;
border-radius: 10px;
color: var(--color-set-one-1);
text-transform: uppercase;
font-weight: 600;
margin: 0 auto;
box-shadow: 0px -10px 14px 0px rgba(0, 0, 0, 0.02);
}
@media (max-width: 992px) {
.feature_all.fe_box .simple_text {
position: relative;
}
.feature_all_inner {
padding: 40px 0 10px;
}
.feature_all_inner .simple_text .font-24 {
display: block;
width: unset;
padding: 0 0 20px;
box-shadow: unset;
position: relative;
left: unset;
height: unset;
right: unset;
top: unset;
}
.feature_inner.type_three.mid::after {
display: none;
}
.feature_all_inner .simple_text .font-24::before {
display: none;
}
}
@media (max-width: 768px) {
.feature_inner.type_three.mid::before {
display: none;
}
}
.feature_all_inner .simple_text .font-24::before {
position: absolute;
content: "";
z-index: 0;
width: 38px;
height: 23px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-right: 7px solid var(--border-white);
border-top: 0px solid transparent;
border-left: 5px solid transparent;
border-bottom: 0px solid var(--border-white);
left: -31px;
z-index: 2;
transform: rotate(23deg);
bottom: 12px;
z-index: 0;
}
.feature_all_inner .simple_text .font-24::after {
position: absolute;
content: "";
z-index: 0;
width: 38px;
height: 23px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-right: 5px solid transparent;
border-top: 0px solid transparent;
border-left: 7px solid var(--border-white);
border-bottom: 0px solid var(--border-white);
right: -31px;
z-index: 2;
transform: rotate(-23deg);
bottom: 12px;
z-index: 0;
}
.feature_inner.type_three small {
position: absolute;
display: block;
width: 100%;
left: 0;
text-align: center;
margin: 0 auto;
bottom: -21px;
z-index: 40;
}
.feature_inner.type_three .theme_btn {
border-radius: 50px;
height: 46px;
line-height: 46px;
width: 150px;
z-index: 40;
opacity: 0;
}
.feature_inner.type_three:hover .theme_btn {
opacity: 1;
}
.feature_inner.type_three span.icon {
font-size: 50px;
color: var(--color-set-one-1);
line-height: 50px;
display: block;
margin-bottom: 20px;
} .about_type_four {
position: relative;
padding: 120px 0px 100px;
}
.about_type_four .heading {
margin-bottom: 30px;
}
.about_inner_fr {
position: relative;
}
.about_inner_fr::before {
position: absolute;
content: "\e99d";
font-size: 660px;
font-family: "icomoon" !important;
bottom: 181px;
left: -100px;
z-index: -1;
color: var(--background-bg-1);
}
@media (max-width: 768px) {
.about_inner_fr::before {
display: none;
}
}
.about_inner_fr .img_two {
position: absolute;
right: 0px;
bottom: -10px;
width: 270px;
height: 270px;
}
.about_inner_fr .img_one {
padding-bottom: 70px;
padding-right: 70px;
}
.about_inner_fr .img_one img {
width: 100%;
height: 500px;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.about_inner_fr .img_one img {
border-radius: 10px;
}
.about_inner_fr .img_two img {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
display: block;
width: 100%;
}
.about_inner_fr .img_two .icon {
position: absolute;
top: -54px;
display: block;
width: 90px;
height: 90px;
text-align: center;
font-size: 50px;
line-height: 90px;
background: var(--color-set-one-1);
border-radius: 50px;
color: var(--color-white);
right: 26px;
}
.about_inner_fr .img_two .icon:after {
width: 110px;
height: 110px;
border: 2px dotted var(--color-set-one-1);
left: 0;
position: absolute;
content: "";
background: transparent;
border-radius: 50%;
left: -10px;
top: -10px;
}
.about_type_four .icon_box {
margin-bottom: 30px;
}
.about_type_four .icon_box_outer {
padding-bottom: 0px;
margin: 30px 0px 0px;
}
.about_type_four .icon_box_outer.tp_two span {
font-size: 40px;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
color: var(--color-white);
}
.about_type_four .icon_box_outer .text {
margin-left: 85px;
}
.about_type_four .icon_box_outer .text h5 {
margin-bottom: 5px;
}
@media (max-width: 768px) {
.about_inner_fr .img_two {
position: relative;
right: inherit;
bottom: inherit;
margin-bottom: 30px;
width: auto;
height: auto;
}
.about_inner_fr .img_two img {
width: 100px;
margin-top: -46px;
margin-left: 17px;
}
.about_inner_fr .img_one img {
width: 100%;
}
.about_inner_fr .img_two .icon {
right: 35px;
}
} .area_tp_one {
position: relative;
}
.areas_outer {
position: relative;
}
.area_tp_one #tabs-nav {
position: relative;
display: block;
float: left;
margin-left: -85px;
border: 0px;
display: block;
text-align: center;
}
.area_tp_one #tabs-nav .navitem {
display: block;
position: relative;
}
.area_tp_one #tabs-nav .navitem .navlink:before {
position: absolute;
content: "";
height: 0px;
border-right: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 15px solid var(--color-set-one-1);
border-bottom: 15px solid transparent;
z-index: 2;
right: -30px;
top: 55px;
transition: all 0.6s ease-in-out;
opacity: 0;
}
.area_tp_one #tabs-nav .navitem.active .navlink::before {
opacity: 1;
}
.area_tp_one #tabs-nav .navitem .navlink {
display: block;
width: 140px;
height: 140px;
background: var(--background-white);
padding: 26px 8px;
margin-bottom: 20px;
transition: all 0.6s ease-in-out;
}
.area_tp_one #tabs-nav .navitem.active .navlink {
background: var(--color-set-one-1);
}
.area_tp_one #tabs-nav .navitem .area_btn span {
font-size: 60px;
line-height: 60px;
color: var(--color-set-one-1);
transition: all 0.6s ease-in-out;
}
.area_tp_one #tabs-nav .navitem.active .navlink .area_btn span {
color: var(--color-white);
}
.area_tp_one #tabs-nav .navitem h2 {
font-size: 16px;
font-weight: 600;
color: var(--color-set-one-2);
line-height: 26px;
transition: all 0.6s ease-in-out;
padding-top: 5px;
}
.area_tp_one #tabs-nav .navitem.active .navlink .area_btn h2 {
color: var(--color-white);
}
.area_tp_one .tab-content {
position: relative;
margin-left: 105px;
}
.area_tp_one .tab-content .areas_content h2 {
font-size: 30px;
line-height: 40px;
color: var(--color-white);
margin-bottom: 10px;
font-weight: 600;
}
.area_tp_one .tab-content .areas_content h6 {
font-size: 20px;
line-height: 30px;
color: var(--color-white);
margin-bottom: 20px;
font-weight: 600;
}
.area_tp_one .tab-content .areas_content p {
color: var(--content-color-two);
margin-bottom: 17px;
}
.area_tp_one .tab-content .areas_content ul li {
font-size: 16px;
position: relative;
font-weight: 400;
color: var(--content-color-two);
line-height: 38px;
padding-left: 30px;
transition: all 0.6s ease-in-out;
}
.area_tp_one .tab-content .areas_content ul li::before {
position: absolute;
content: "\e922";
font-family: "icomoon";
font-size: 20px;
color: var(--color-set-one-1);
left: 0;
}
.customer_rating {
position: relative;
text-align: center;
z-index: 10;
}
.custm_rating_inner {
width: 570px;
background: var(--color-set-one-2);
margin: 0 auto;
height: 70px;
overflow: hidden;
border-radius: 10px;
}
.custm_rating_inner .rating {
float: left;
width: 50%;
background: var(--color-set-one-1);
height: 70px;
position: relative;
z-index: 0;
}
.custm_rating_inner .rating p i {
font-size: 20px;
color: var(--color-white);
line-height: 20px;
margin: 0px 5px;
}
.custm_rating_inner .rating::before {
position: absolute;
content: "";
height: 0px;
border-right: 10px solid transparent;
border-top: 36px solid var(--color-set-one-1);
border-left: 35px solid var(--color-set-one-1);
border-bottom: 34px solid var(--color-set-one-1);
z-index: -1;
right: -10px;
top: 0px;
}
.custm_rating_inner .rating {
font-size: 20px;
font-weight: 600;
color: var(--color-white);
margin-top: 0px;
line-height: 72px;
text-transform: uppercase;
}
.custm_rating_inner .clients {
font-size: 20px;
font-weight: 600;
color: var(--color-set-one-1);
margin-top: 0px;
line-height: 74px;
}
@media (max-width: 992px) {
.area_tp_one {
background-size: cover;
background-position: 88% 0;
}
.area_tp_one #tabs-nav {
position: relative;
display: inline-block;
float: none;
margin-left: 0px;
}
.area_tp_one #tabs-nav .navitem {
display: inline-block;
margin-right: 20px;
}
.area_tp_one #tabs-nav .navitem:last-child {
margin-right: 0px;
}
.area_tp_one .tab-content {
margin-left: 0px;
}
}
@media (max-width: 768px) {
.custm_rating_inner {
width: auto !important;
height: auto;
height: inherit;
}
.custm_rating_inner .rating {
float: none;
position: relative;
padding: 20px 15px;
width: 100%;
height: inherit;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.custm_rating_inner .rating::before {
display: none;
}
.custm_rating_inner .clients {
padding: 20px 15px;
}
.area_tp_one #tabs-nav .navitem .navlink:before {
display: none;
}
.area_tp_one #tabs-nav .navitem {
margin-right: 0px;
}
} .gallery_facts {
position: relative;
}
.gallery_facts .single_item_center .image img {
width: 100% !important;
}
.gallery_facts .single_item_center .pd0 {
padding: 0px;
}
.gallery_facts .single_item {
position: relative;
display: flex;
align-items: center;
}
.gallery_facts .single_item .image {
position: relative;
width: 100%;
}
.gallery_facts .single_item .image a span.icon {
position: absolute;
content: "";
background: var(--background-white);
color: var(--color-set-one-2);
width: 35px;
height: 70px;
line-height: 70px;
text-align: center;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.gallery_facts .single_item .image.before_img a span.icon {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
right: 0;
padding-left: 7px;
}
.gallery_facts .single_item .image.before_img {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.gallery_facts .single_item .image.after_img a span.icon {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
left: 0;
right: unset;
padding-right: 7px;
}
.gallery_facts .single_item .image.after_img {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.gallery_facts .single_item .image .theme_btn {
border-radius: 50px;
position: absolute;
width: 110px;
height: 40px;
line-height: 40px;
background: var(--background-white) !important;
border: unset;
color: var(--color-set-one-2);
bottom: 20px;
pointer-events: none;
}
.gallery_facts .single_item .image.before_img .theme_btn {
left: 20px;
}
.gallery_facts .single_item .image.after_img .theme_btn {
right: 20px;
}
@media (max-width: 992px) {
.gallery_facts .single_item {
flex-direction: column;
}
.gallery_facts .single_item .image {
text-align: center;
}
.gallery_facts .single_item .image.before_img .theme_btn {
bottom: unset;
top: 20px;
}
.gallery_facts .single_item .image.after_img a span.icon {
transform: rotate(90deg);
right: 0;
left: 0;
top: -18px;
bottom: unset;
margin: auto;
}
.gallery_facts .single_item .image.before_img a span.icon {
transform: rotate(90deg);
right: 0;
left: 0;
bottom: -18px;
top: unset;
margin: auto;
}
}
.counter_type_four {
position: relative;
padding: 20px;
text-align: center;
margin-bottom: 30px;
z-index: 0;
}
.counter_type_four small.icon_bg {
position: absolute;
font-size: 220px;
line-height: 220px;
color: #242424;
top: 0;
display: block;
z-index: -10;
text-align: center;
margin: 0 auto;
width: 100%;
left: 0;
}
.counter_type_four span.icon {
font-size: 60px;
color: var(--color-set-one-1);
line-height: 60px;
transition: all 0.6s ease-in-out;
margin-bottom: 20px;
display: block;
}
.counter_type_four .coun_ter {
display: flex;
justify-content: center;
gap: 0.3rem;
align-items: center;
}
.counter_type_four .coun_ter .count-text, .counter_type_four .coun_ter .font-20 {
font-size: 48px;
line-height: 56px;
font-weight: 600;
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.counter_type_four .font-20 {
font-size: 22px;
line-height: 28px;
color: var(--color-white);
font-weight: 600;
margin-top: 0.4rem;
transition: all 0.6s ease-in-out;
}
.counter_type_four:hover span {
color: var(--color-white);
} .address_type_four.style-4 {
position: relative;
text-align: center;
cursor: pointer;
background: var(--background-white);
padding: 10px;
box-shadow: 0px -5px 22px 5px rgba(0, 0, 0, 0.05);
border-radius: 10px;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.address_type_four.style-4 .address_inner p a {
color: var(--content-color-one);
}
@media (max-width: 992px) {
.address_type_four.style-4 {
margin-bottom: 30px;
}
}
.address_type_four.style-4 .address_inner {
padding: 53px 22px;
border: 1px dashed var(--color-set-one-bor-1);
border-radius: 10px;
box-shadow: 0px 0px 0px 0px;
}
.address_type_four .address_inner span {
font-size: 70px;
line-height: 76px;
margin-bottom: 15px;
display: block;
color: var(--color-set-one-1);
}
.image_absolute {
position: relative;
z-index: 0;
}
.image_absolute img {
position: absolute;
right: -90px;
min-width: 500px;
margin-top: -51px;
z-index: -58;
}
.page .comments-area {
padding: 0px;
}
@media (max-width: 600px) {
.blog_post_types.style-3 .content_inner .tag_and_date ul li::before {
display: none;
}
.classic-layout .blog_post_types .content_inner {
padding: 40px 30px;
}
.classic-layout .blog_post_types ul.entry-meta li::before {
display: none;
}
.pagination_box ul li a {
width: 35px;
height: 35px;
line-height: 34px;
font-size: 13px;
}
.pagination_box ul li {
padding: 0px 5px;
}
}
@media (max-width: 768px) {
.service_tb {
width: 100%;
}
.emergency_inner_ser {
padding: 20px 25px 25px;
}
.different_services .tabs-nav .navitem {
display: block;
margin-bottom: 10px;
}
}  .icon_box_v2 {
position: relative;
margin: 3px 3px 30px;
}
.icon_box_v2 .icon_box_v2_inner {
position: relative;
padding: 70px 30px 40px;
background: var(--background-white) !important;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
z-index: 10;
text-align: center;
transition: all 0.6s ease-in-out;
cursor: pointer;
}
.icon_box_v2 .icon_box_v2_inner .image_bg {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.6s ease-in-out;
z-index: -2;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.icon_box_v2 .icon_box_v2_inner .image_bg:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 0px;
opacity: 1;
top: 0px;
left: 0;
opacity: 0;
bottom: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.8) !important;
transition: all 0.6s ease-in-out;
display: block;
}
.icon_box_v2:hover .icon_box_v2_inner .image_bg:before {
opacity: 1;
}
.icon_box_v2:hover .icon_box_v2_inner .image_bg {
opacity: 1;
}
.icon_box_v2 .icon_box_v2_brfore {
position: absolute;
content: "";
width: 100%;
height: 100%;
}
.icon_box_v2 .icon_box_v2_brfore:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 0px;
opacity: 1;
top: -3px;
background: var(--color-set-one-1);
transition: all 0.6s ease-in-out;
display: block;
z-index: 1;
}
.icon_box_v2:hover .icon_box_v2_brfore:before {
opacity: 0;
}
.icon_box_v2 .icon_box {
position: relative;
margin-bottom: 50px;
}
.icon_box_v2 .icon_box .icon {
font-size: 60px;
color: var(--color-set-one-1);
display: block;
line-height: 60px;
}
.icon_box_v2 .icon_box .icon_bg {
font-size: 120px;
color: #c9b9b9;
position: absolute;
display: block;
line-height: 60px;
top: 0;
opacity: 0.1;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
}
.icon_box_v2 .text {
position: relative;
}
.icon_box_v2 .text p {
margin-bottom: 15px;
}
.icon_box_v2 .text a {
color: var(--heading-color-one);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
transition: all 0.6s ease-in-out;
}
.icon_box_v2 .text a span {
font-size: 16px;
margin-left: 3px;
}
.icon_box_v2:hover .icon_box_v2_inner .font-22,
.icon_box_v2:hover .icon_box_v2_inner p {
color: var(--color-white) !important;
}
.icon_box_v2:hover .icon_box_v2_inner a {
color: var(--color-set-one-1);
} .video_type_three {
position: relative;
width: 100%;
min-height: 500px;
overflow: hidden;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
transition: all 0.6s ease-in-out;
}
.video_type_three::before {
position: absolute;
content: "";
width: 100%;
transition: all 0.6s ease-in-out;
opacity: 0;
height: 100%;
left: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.video_type_three:hover::before {
opacity: 1;
}
.video_type_three .video-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.video_type_three .video-inner a {
position: absolute;
display: inline-block;
font-size: 30px !important;
color: var(--color-set-one-1);
width: 70px;
height: 70px;
line-height: 70px;
text-align: center !important;
border-radius: 50%;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.video_type_three .video-inner a {
background: var(--background-white);
background-image: inherit;
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.video_type_three .video-inner a:before {
width: 70px;
height: 70px;
border-radius: 50%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation-delay: 0.9s;
content: "";
position: absolute;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
animation: ripple 3s infinite;
transition: all 0.4s ease;
}
.video_type_three .video-inner a:after,
.video_type_three .video-inner a:before {
width: 70px;
height: 70px;
border-radius: 50%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation-delay: 0.9s;
content: "";
position: absolute;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
animation: ripple 3s infinite;
transition: all 0.4s ease;
}
.video_type_three .video-inner a:after {
animation-delay: 0.6s;
} .service_type_seven_box {
position: relative;
margin-bottom: 30px;
background: var(--background-white);
margin-top: 30px;
padding: 30px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
border-top: 3px solid var(--color-set-one-1);
}
.service_type_seven_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 0;
top: 0px;
background: var(--color-set-one-1);
opacity: 0;
transition: all 0.6s ease-in-out;
display: block;
z-index: -10;
}
.service_type_seven_box:hover::before {
top: 3px;
opacity: 1;
}
.service_type_seven_box .image {
position: relative;
overflow: hidden;
margin-top: -60px;
border-top: 3px solid var(--color-set-one-1);
}
.service_type_seven_box .image::before {
position: absolute;
content: "";
width: 50%;
left: 0;
top: 0%;
background: var(--color-set-one-1);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.service_type_seven_box .image::after {
position: absolute;
content: "";
width: 50%;
right: 0;
bottom: 0%;
background: var(--color-set-one-1);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.service_type_seven_box:hover .image::before,
.service_type_seven_box:hover .image::after {
opacity: 0.8;
height: 100%;
}
.service_type_seven_box .image img {
position: relative;
width: 100%;
transform: scale(1.01);
transition: all 700ms ease;
}
.service_type_seven_box:hover .image img {
transform: scale(1.2) rotate(2deg);
}
.service_type_seven_box .content_box {
position: relative;
padding-top: 30px;
}
.service_type_seven_box .icon_bg {
position: absolute;
font-size: 80px;
line-height: 80px;
right: 10px;
bottom: 10px;
color: #c9b9b9;
opacity: 0.1;
}
.service_type_seven_box .content_box .upper_content {
position: relative;
display: flex;
display: -ms-flexbox;
align-items: center;
gap: 1rem;
margin-bottom: 15px;
}
.service_type_seven_box .content_box .upper_content .icon img {
width: 40px;
height: auto;
}
.service_type_seven_box .content_box .upper_content .icon i {
font-size: 40px;
line-height: 40px;
color: var(--color-set-one-1);
display: block;
}
.service_type_seven_box .content_box .upper_content h2 {
position: relative;
margin-left: 15px;
}
.service_type_seven_box .content_box .upper_content h2 a {
font-size: 22px;
line-height: 32px;
font-weight: 600;
display: block;
color: var(--heading-color-one);
font-family: var(--font-family-main);
transition: all 0.6s ease-in-out;
}
.service_type_seven_box .content_box .upper_content h2 a:hover {
color: var(--color-set-one-1);
}
.service_type_seven_box .content_box .lower_content {
position: relative;
}
.service_type_seven_box .content_box .lower_content p {
margin-bottom: 12px;
}
.service_type_seven_box .content_box .lower_content a {
color: var(--heading-color-one);
font-size: 14px;
text-transform: uppercase;
transition: all 0.6s ease-in-out;
}
.service_type_seven_box .content_box .lower_content a:hover {
color: var(--color-set-one-1);
}
.service_type_seven_box .content_box .lower_content a i {
font-size: 16px;
margin-left: 6px;
} .service_type_eight_box {
position: relative;
padding: 30px;
border-radius: 10px;
border: 2px solid var(--background-bg-1);
background: var(--background-white);
margin-bottom: 30px;
transition: all 0.6s ease-in-out;
}
.service_type_eight_box .image {
width: 250px;
height: 250px;
border-radius: 50%;
overflow: hidden;
margin: 0px auto 35px;
}
@media (max-width: 500px) {
.service_type_eight_box .image {
width: 100%;
height: 100%;
border-radius: 10px;
}
}
.service_type_eight_box .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.service_type_eight_box .content_box {
position: relative;
text-align: center;
}
.service_type_eight_box .content_box .icon {
position: absolute;
width: 60px;
height: 60px;
border-radius: 50px;
color: var(--color-white);
background: var(--color-set-one-1);
font-size: 30px;
top: -70px;
left: 0;
right: 0;
margin: auto;
transition: all 0.6s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.service_type_eight_box .content_box .icon img {
width: 30px;
height: auto;
}
.service_type_eight_box .content_box h2 a {
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: var(--color-set-one-2);
margin-bottom: 8px;
display: block;
}
.service_type_eight_box .content_box p {
margin-bottom: 20px;
}
.service_type_eight_box .content_box .link_btn {
justify-content: center;
}
.service_type_eight_box:hover {
transform: translateY(-10px);
}
.service_type_eight_box:hover .image img {
opacity: 0.5;
}
.service_type_eight_box:hover .content_box .icon {
background: var(--color-set-one-2);
color: var(--color-white);
} .icon_box_v2_two.style-2 {
position: relative;
margin-bottom: 30px;
}
.icon_box_v2_two.style-2 .icon_box {
position: relative;
margin-bottom: 20px;
}
.icon_box_v2_two.style-2 .icon_box span {
font-size: 60px;
line-height: 70px;
color: var(--color-set-one-1);
display: block;
}
.icon_box_v2_two.style-2 .text {
position: relative;
}
.icon_box_v2_two.style-2 .text h5 {
font-size: 22px;
line-height: 32px;
font-weight: 600;
font-family: var(--font-family-main);
color: var(--color-set-one-2);
margin-bottom: 13px;
}
.icon_box_v2_two.style-2 .text h5:hover {
color: var(--color-set-one-1);
} .team_outer_two {
position: relative;
margin: 0px 0 30px;
background: var(--background-white);
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06);
}
.team_outer_two .authour_details_team {
position: relative;
padding: 25px;
}
.team_outer_two .image {
position: relative;
overflow: hidden;
}
.team_outer_two .image img {
width: 100%;
}
.team_outer_two .image::before {
position: absolute;
content: "";
width: 50%;
left: 0;
top: 0%;
background: var(--color-set-one-1);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.team_outer_two .image::after {
position: absolute;
content: "";
width: 50%;
right: 0;
bottom: 0%;
background: var(--color-set-one-1);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.team_outer_two:hover .image::before,
.team_outer_two:hover .image::after {
opacity: 0.8;
height: 100%;
}
.team_outer_two .image img {
position: relative;
width: 100%;
transform: scale(1.01);
transition: all 700ms ease;
}
.team_outer_two:hover .image img {
transform: scale(1.2) rotate(2deg);
}
.team_outer_two .social_media_team {
position: absolute;
bottom: -150px;
left: 0px;
right: 0;
display: inline-flex;
justify-content: center;
z-index: 11;
transition: all 0.6s ease-in-out;
}
.team_outer_two:hover .social_media_team {
bottom: 10px;
}
.team_outer_two .social_media_team ul {
background: var(--color-set-one-2);
padding: 6px 20px !important;
margin: 0;
transition: all 0.6s ease-in-out;
}
.team_outer_two .social_media_team ul li {
display: inline-block;
padding-right: 20px;
margin: 0;
}
.team_outer_two .social_media_team ul li:last-child {
padding-right: 0px;
}
.team_outer_two .social_media_team ul li a {
font-size: 16px;
color: var(--color-white);
}
.team_outer_two .authour_details_team .authour_name {
position: relative;
text-align: center;
}
.team_outer_two .authour_details_team .authour_name h2 {
font-size: 22px;
line-height: 32px;
font-weight: 600;
font-family: var(--font-family-main);
color: var(--color-set-one-2);
margin-bottom: 2px;
}
.team_outer_two .authour_details_team .authour_name h2:hover {
color: var(--color-set-one-1);
}
.team_outer_two .authour_details_team .authour_name p {
font-size: 14px;
text-transform: uppercase !important;
font-family: var(--font-family-text);
font-weight: 400;
}
.team_outer_two .authour_details_team .phone_number {
position: relative;
display: flex;
display: -ms-flexbox;
}
.team_outer_two .authour_details_team .phone_number .icon_in {
width: 20px;
position: relative;
}
.team_outer_two .authour_details_team .phone_number .icon_in span {
color: var(--color-set-one-1);
}
.team_outer_two .authour_details_team .no {
margin-left: 6px;
position: relative;
}
.team_outer_two .authour_details_team a {
color: var(--heading-color-one);
font-family: var(--font-family-main);
font-weight: 500;
} .portfolio_filter_style_three {
position: relative;
margin-bottom: 60px;
}
.portfolio_filter_style_three .image img {
display: block;
width: 100%;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.portfolio_filter_style_three .image {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.portfolio_filter_style_three .image::before {
position: absolute;
content: "";
width: 50%;
left: 0;
top: 0%;
background: var(--color-set-one-1);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.portfolio_filter_style_three .image::after {
position: absolute;
content: "";
width: 50%;
right: 0;
bottom: 0%;
background: var(--color-set-one-1);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.portfolio_filter_style_three:hover .image::before,
.portfolio_filter_style_three:hover .image::after {
opacity: 0.8;
height: 100%;
}
.portfolio_filter_style_three .image img {
position: relative;
width: 100%;
transform: scale(1.01);
transition: all 700ms ease;
}
.portfolio_filter_style_three:hover .image img {
transform: scale(1.2) rotate(2deg);
}
.portfolio_filter_style_three .content_box {
position: absolute;
padding-right: 40px;
height: auto;
width: 100%;
bottom: 0;
left: 0;
}
.portfolio_filter_style_three .content_box .content_inner {
position: relative;
padding: 20px 25px;
border-radius: 10px;
border-top-left-radius: 0;
z-index: 0;
bottom: -30px;
left: 0;
background: var(--background-white);
z-index: 10;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
}
.portfolio_filter_style_three .content_box .title {
font-size: 20px;
line-height: 28px;
font-weight: 600;
font-family: var(--font-family-main);
color: var(--color-set-one-2);
display: block;
transition: all 0.6s ease-in-out;
}
.portfolio_filter_style_three .content_box .title:hover {
color: var(--color-set-one-1);
}
.portfolio_filter_style_three .content_box .portfolio-category {
margin: 0;
}
.portfolio_filter_style_three .content_box .portfolio-category a {
margin-top: 1rem;
background: var(--background-bg-2);
padding: 5px 15px;
color: var(--heading-color-one);
border-radius: 30px;
font-size: 16px;
line-height: normal;
}
.portfolio_filter_style_three .image .fancylink {
position: absolute;
z-index: 9;
right: 10px;
top: 10px;
height: 100%;
opacity: 0;
width: 55px;
line-height: 55px;
display: flex;
font-size: 28px;
align-items: center;
justify-content: center;
height: 55px;
background: var(--color-set-one-2);
-webkit-transition: all 0.6s ease-in-out;
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.portfolio_filter_style_three .image .overlay .pro-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.portfolio_filter_style_three:hover .image .fancylink {
opacity: 1;
}
.fliter_group.construction_work ul {
border: 0px;
}
.portfolio_all .fliter_group.construction_work ul li {
font-family: var(--font-family-main);
background: var(--background-white);
}
.portfolio_all .fliter_group.construction_work ul li.current,
.portfolio_all .fliter_group.construction_work ul li:hover {
background: var(--color-set-one-1);
color: var(--color-white) !important;
}
.portfolio_all .fliter_group.construction_work ul li::before {
display: none;
}
.portfolio_all.construction_work .five_column_filter_grid {
width: 20%;
padding: 0px 15px;
float: left;
} .porcess_outer_two {
position: relative;
margin-bottom: 30px;
padding: 25px 25px 35px;
background: var(--background-white);
box-shadow: 0px -5px 30px 5px rgba(0, 0, 0, 0.04);
transition: all 0.6s ease-in-out;
}
.porcess_outer_two:hover {
background: var(--color-set-one-1);
}
.porcess_outer_two .icon_box {
position: relative;
}
.porcess_outer_two .icon_box span {
line-height: 70px;
font-size: 40px;
color: var(--color-set-one-1);
display: block;
}
.porcess_outer_two:hover .icon_box span {
color: var(--color-white);
}
.porcess_outer_two .content_inner {
position: relative;
}
.porcess_outer_two:hover .content_inner .font-22 {
color: var(--color-white);
}
.porcess_outer_two .step {
position: relative;
}
.porcess_outer_two .step::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 0;
bottom: 0;
margin: auto;
background: var(--color-set-one-bor-1);
transition: all 0.6s ease-in-out;
}
.porcess_outer_two .step small {
font-size: 30px;
display: block;
color: var(--content-color-one);
position: relative;
z-index: 1;
width: 50px;
height: 50px;
line-height: 50px;
border: 1px solid var(--color-set-one-bor-1);
text-align: center;
border-radius: 50%;
transition: all 0.6s ease-in-out;
background: var(--background-white);
}
.porcess_outer_two:hover .step small {
background: var(--color-set-one-2);
color: var(--color-white) !important;
border: 1px solid var(--color-set-one-2);
}
.porcess_outer_two:hover .step::before {
background: var(--color-set-one-2);
} .testimonial_outer_six {
position: relative;
padding: 35px 30px 30px;
background: var(--background-white);
box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.03);
margin: 10px 0 20px;
border-radius: 10px;
}
.testimonial_outer_six .authour_image {
position: relative;
margin-bottom: 15px;
width: 80px;
height: 80px;
}
.testimonial_outer_six .authour_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.testimonial_outer_six .upper_content span.icon {
font-size: 60px;
line-height: 60px;
position: absolute;
right: 30px;
top: 35px;
color: var(--background-bg-1);
}
.testimonial_outer_six .content_box {
position: relative;
}
.testimonial_outer_six .content_box .rating {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
gap: 0.3rem;
}
.testimonial_outer_six .content_box .rating span {
color: var(--color-set-one-1);
font-size: 20px;
} .blog_post_types.style-5 {
position: relative;
margin-bottom: 30px;
background: var(--background-white);
box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.04);
}
.blog_post_types.style-5 .content_inner h2 a {
font-size: 22px;
line-height: 32px;
font-weight: 600;
font-family: var(--font-family-main);
color: var(--color-set-one-2);
margin-bottom: 5px;
margin-top: 0px;
display: block;
}
.blog_post_types.style-5 .r_more {
color: var(--heading-color-one);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
transition: all 0.6s ease-in-out;
}
.blog_post_types.style-5 .r_more i {
font-size: 16px;
margin-left: 6px;
}
.blog_post_types.style-5 .image::before {
position: absolute;
content: "";
width: 50%;
left: 0;
top: 0%;
background: var(--color-set-one-2);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.blog_post_types.style-5 .image::after {
position: absolute;
content: "";
width: 50%;
right: 0;
bottom: 0%;
background: var(--color-set-one-2);
opacity: 0;
height: 0%;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.blog_post_types.style-5:hover .image::after,
.blog_post_types.style-5:hover .image::before {
opacity: 0.8;
height: 100%;
}
.blog_post_types.style-5 .date {
position: absolute;
content: "";
padding: 5px 15px 2px;
background: var(--color-set-one-1);
bottom: 0;
z-index: 3;
left: 30px;
color: var(--color-white);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.blog_post_types.style-5 .date a {
text-transform: uppercase;
font-size: 14px;
line-height: 30px;
font-weight: 500;
color: var(--color-white);
font-family: var(--font-family-main);
}
.blog_post_types.style-5 .tag_and_date {
position: relative;
margin-bottom: 10px;
padding: 0;
}
.blog_post_types.style-5 .tag_and_date li a {
text-transform: uppercase;
font-size: 14px;
line-height: 26px;
color: var(--content-color-one);
font-family: var(--font-family-main);
}
.blog_post_types.style-5 .tag_and_date li a span {
margin-right: 5px;
color: var(--color-set-one-1);
} .blog_post_types.style-6 {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.blog_post_types.style-6 .image {
height: 250px;
overflow: hidden;
}
.blog_post_types.style-6 .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.blog_post_types.style-6:hover .image img {
opacity: 0.8;
}
.blog_post_types.style-6 .content_inner {
position: relative;
padding: 20px 30px 30px;
}
.blog_post_types.style-6 .content_inner .tag_and_date {
position: absolute;
top: -24px;
left: 30px;
}
.blog_post_types.style-6 .content_inner .tag_and_date a {
font-size: 14px;
line-height: 30px;
border-radius: 30px;
background: #f4faf4;
padding: 8px 30px;
display: inline-block;
text-transform: uppercase;
font-weight: 500;
transition: all 0.6s ease-in-out;
}
.blog_post_types.style-6:hover .content_inner .tag_and_date a {
background: var(--color-set-one-1);
color: var(--color-white);
}
.blog_post_types.style-6 .content_inner .tag_and_date a span {
position: relative;
margin-right: 5px;
}
.blog_post_types.style-6 .content_inner h2 a {
color: var(--color-set-one-2);
font-weight: 600;
font-size: 22px;
font-weight: 600;
line-height: 28px;
margin-bottom: 10px;
display: block;
transition: all 0.6s ease-in-out;
}
.blog_post_types.style-6 .content_inner p {
margin-bottom: 0px;
}
.type-page .entry-content ul {
padding-left: 0px;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
list-style: none;
margin: 0 !important;
overflow: hidden;
border-radius: 8px;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
padding: 10px !important;
width: 33.33%;
}
@media (max-width: 992px) {
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
flex: 0 0 50% !important;
max-width: 50% !important;
width: 50%;
}
}
@media (max-width: 768px) {
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100%;
}
div.pp_pic_holder {
top: 15% !important;
width: 100% !important;
left: 0 !important;
height: 350px !important;
}
div.pp_default .pp_content {
width: 100% !important;
height: 100% !important;
}
div.pp_default .pp_content #fullResImage {
width: 100% !important;
height: 100% !important;
}
.pp_hoverContainer {
width: 100% !important;
height: 100% !important;
}
}
.portfolio_projects_infor {
display: grid;
gap: 20px;
}
.portfolio_projects_infor .info_box_outer {
gap: 1rem;
flex-wrap: wrap;
}
.portfolio_projects_infor .info_box_outer .info_box {
min-width: calc(33.33% - 1rem);
}
.portfolio_projects_infor .project {
transition: all 0.3s ease;
}
.portfolio_projects_infor .project:hover {
transform: translateY(-5px);
}
.portfolio_projects_infor .project-title {
text-decoration: none;
transition: color 0.3s ease;
}