/*!***********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/magnific-popup.css ***! \***********************************************************************************************************************************************************************************************/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!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-inline-holder .mfp-content,.mfp-ajax-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-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-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:-.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-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;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:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.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:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{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:.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,.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,.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,.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,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*!*******************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/odometer-theme-default.css ***! \*******************************************************************************************************************************************************************************************************/ .odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: flex; align-items: flex-start; position: relative; justify-content: flex-start; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: flex; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer-inside { display: flex; align-items: flex-start; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s; transform: translateY(0); } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; } /*!*************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/owl.carousel.min.css ***! \*************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*!**************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/owl.theme.default.css ***! \**************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--ws-secondary); } /*!*****************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/lity.min.css ***! \*****************************************************************************************************************************************************************************************/ /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container 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}.lity-hide{display:none} /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss ***! \***************************************************************************************************************************************************************************************************************************************************/ /* Theme Name: Sample Project Package Theme URI: http://glidedesign.com Author: Team Glide Author URI: http://glidedesign.com/team Description: WordPress theme by Glide Design Version: 1.0 */ /* ------------------------------------------------------------------ >>> TABLE OF CONTENTS: <<< -------------------------------------------------------------------- > Variables >> Colors >> Columns > Mixins > Fonts > Defaults >> Normalize >> Forms Defaults >> Clearings > Typography >> Headings >> Copy > Elements >> Lists >> Quotes >> Tables >> Images >> Links > Forms >> Buttons >> Fields >> Form Elements > Media >> Captions >> Galleries > WordPress Core >> Accessibility >> Alignments >> Posts & Pages >> Pagination >> Comments >> Widgets > Site >> Layout >>> Header >>> Footer >> Theme >> Blog >> Single >> Home Page >> About Us >> Contact Us >> Burgers Landing >> Single Burger >> Blocks > Responsive >> Regular Queries >> Extra Queries > Import Fonts > Vendors > Owl Carousel > Slick Nav ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Mixins ------------------------------------------------------------------ */ /* Rem output with px fallback with !important */ /* Column width with margin */ /* Column width with margin */ /* Mixin for transition */ /* ------------------------------------------------------------------ > Variables ------------------------------------------------------------------ */ :root { /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --ws_space_2: clamp(2 * 1px, 0 / 806 * (100vw - 474 * 1px) + 2 * 1px, 2 * 1px); --ws_space_4: clamp(4 * 1px, 0 / 806 * (100vw - 474 * 1px) + 4 * 1px, 4 * 1px); --ws_space_6: clamp(6 * 1px, 0 / 806 * (100vw - 474 * 1px) + 6 * 1px, 6 * 1px); --ws_space_8: clamp(8 * 1px, 0 / 806 * (100vw - 474 * 1px) + 8 * 1px, 8 * 1px); --ws_space_12: clamp(10 * 1px, 2 / 806 * (100vw - 474 * 1px) + 10 * 1px, 12 * 1px); --ws_space_16: clamp(12 * 1px, 4 / 806 * (100vw - 474 * 1px) + 12 * 1px, 16 * 1px); --ws_space_20: clamp(16 * 1px, 4 / 806 * (100vw - 474 * 1px) + 16 * 1px, 20 * 1px); --ws_space_24: clamp(20 * 1px, 4 / 806 * (100vw - 474 * 1px) + 20 * 1px, 24 * 1px); --ws_space_30: clamp(24 * 1px, 6 / 806 * (100vw - 474 * 1px) + 24 * 1px, 30 * 1px); --ws_space_36: clamp(30 * 1px, 6 / 806 * (100vw - 474 * 1px) + 30 * 1px, 36 * 1px); --ws_space_48: clamp(36 * 1px, 12 / 806 * (100vw - 474 * 1px) + 36 * 1px, 48 * 1px); --ws_space_50: clamp(28 * 1px, 22 / 806 * (100vw - 474 * 1px) + 28 * 1px, 50 * 1px); --ws_space_65: clamp(32 * 1px, 33 / 806 * (100vw - 474 * 1px) + 32 * 1px, 65 * 1px); --ws_space_72: clamp(44 * 1px, 28 / 806 * (100vw - 474 * 1px) + 44 * 1px, 72 * 1px); --ws_space_96: clamp(52 * 1px, 44 / 806 * (100vw - 474 * 1px) + 52 * 1px, 96 * 1px); --ws_space_75: clamp(45 * 1px, 30 / 806 * (100vw - 474 * 1px) + 45 * 1px, 75 * 1px); --ws_space_100: clamp(55 * 1px, 45 / 806 * (100vw - 474 * 1px) + 55 * 1px, 100 * 1px); --ws_space_128: clamp(64 * 1px, 64 / 806 * (100vw - 474 * 1px) + 64 * 1px, 128 * 1px); --ws_space_156: clamp(74 * 1px, 82 / 806 * (100vw - 474 * 1px) + 74 * 1px, 156 * 1px); --ws_space_200: clamp(84 * 1px, 116 / 806 * (100vw - 474 * 1px) + 84 * 1px, 200 * 1px); --ws_space_270: clamp(96 * 1px, 174 / 806 * (100vw - 474 * 1px) + 96 * 1px, 270 * 1px); /* ------------------------------------------------- >> Variables for Font Sizes ------------------------------------------------- */ --ws_font_size_12: clamp(11 * 1px, 1 / 806 * (100vw - 474 * 1px) + 11 * 1px, 12 * 1px); --ws_font_size_14: clamp(13 * 1px, 1 / 806 * (100vw - 474 * 1px) + 13 * 1px, 14 * 1px); --ws_font_size_16: clamp(15 * 1px, 1 / 806 * (100vw - 474 * 1px) + 15 * 1px, 16 * 1px); --ws_font_size_18: clamp(17 * 1px, 1 / 806 * (100vw - 474 * 1px) + 17 * 1px, 18 * 1px); --ws_font_size_20: clamp(18 * 1px, 2 / 806 * (100vw - 474 * 1px) + 18 * 1px, 20 * 1px); --ws_font_size_22: clamp(20 * 1px, 2 / 806 * (100vw - 474 * 1px) + 20 * 1px, 22 * 1px); --ws_font_size_24: clamp(20 * 1px, 4 / 806 * (100vw - 474 * 1px) + 20 * 1px, 24 * 1px); --ws_font_size_20: clamp(18 * 1px, 2 / 806 * (100vw - 474 * 1px) + 18 * 1px, 20 * 1px); --ws_font_size_26: clamp(20 * 1px, 6 / 806 * (100vw - 474 * 1px) + 20 * 1px, 26 * 1px); --ws_font_size_32: clamp(26 * 1px, 6 / 806 * (100vw - 474 * 1px) + 26 * 1px, 32 * 1px); --ws_font_size_42: clamp(32 * 1px, 10 / 806 * (100vw - 474 * 1px) + 32 * 1px, 42 * 1px); --ws_font_size_56: clamp(36 * 1px, 20 / 806 * (100vw - 474 * 1px) + 36 * 1px, 56 * 1px); --ws_font_size_76: clamp(48 * 1px, 28 / 806 * (100vw - 474 * 1px) + 48 * 1px, 76 * 1px); /* ------------------------------------------------- >> Color variables ------------------------------------------------- */ /* >> Base Colors */ --ws-primary: #102D32; --ws-secondary: #284246; --ws-tertiary: #FFA623; --ws-tertiary-rgb: 255, 166, 35; --ws-white: #ffffff; --ws-black: #000000; --ws-black-00: #164B54; --ws-black-01: #4A5565; --ws-black-02: #101828; --ws-off-white: #EFE9E2; --ws-l-purple: #E5E7EB; --ws-l-yellow: #FFA62340; --ws-white-01: #FFFFFF66; --ws-red: #CA4A2E; --ws-gray: #99A1AF; --ws_color_primary: #00a4eb; --ws_color_on_primary: #ffffff; --ws_color_secondary: #0013ff; --ws_black: #000000; --ws_black_1: #14191f; --ws_black_2: #606364; --ws_white: #ffffff; --ws_white_1: #f1f1f1; --ws_white_2: #f1e9e9; --ws_gray: #e0e0e0; --ws_gray_1: #e6e6e6; --ws_gray_2: #eee; --ws_blue: #0013ff; --ws_blue_1: #00a4eb; --ws_blue_2: #2ca8dd; --ws_navy: #091a17; --ws_navy_1: #15332e; --ws_navy_2: #2f655c; --ws_red: #ff0000; --ws_sea_green: #04c3b4; --ws_transparent: transparent; --ws_regular_text: #ffffff; --ws_dark_text: #000000; --ws_white_text: #f7f7f7; --ws_light_text: #606364; --ws_success: #198754; --ws_info: #0dcaf0; --ws_warning: #ffc107; --ws_danger: #dc3545; --ws_light: #f8f9fa; --ws_dark: #212529; --ws_signal: #d14b3c; --ws_signal_bg: #fbede9; --ws_color_background: #ffffff; --ws_color_on_background: #000000; --ws_border: #30353c; --ws_border_1: #545454; --ws_border_2: #adadad; --ws_border_3: #e0e0e0; --ws_border_4: #14191f; /* ------------------------------------------------- >> Base Colors >> Base colors are used for essential elements such as the logo, tables, links, blockquote, default buttons styling and this should't conflict with theme colors ------------------------------------------------- */ --ws_body_color: var(--ws_color_on_background); --ws_body_bg: var(--ws_color_background); --ws_text_strong: var(--ws_white); --ws_dark_text: var(--ws_black); --ws_white_text: var(--ws_white); --ws_highlight_color: var(--ws_color_on_primary); --ws_highlight_bg: var(--ws_color_primary); --ws_caption: var(--ws_black_2); --ws_heading_color: inherit; --ws_heading_link_color: var(--ws_dark_text); --ws_heading_link_color_hover: var(--ws_dark_text); --ws_link_color: var(--ws_color_primary); --ws_link_color_hover: var(--ws_color_primary); --ws_link_border_color: var(--ws_color_primary); --ws_link_border_color_hover: transparent; --ws_list_ul_marker_color: var(--ws_color_primary); --ws_list_ol_marker_color: var(--ws_color_primary); --ws_list_marker_bgcolor: var(--ws_border_4); --ws_blockquote_color: var(--ws_regular_text); --ws_blockquote_border_color: var(--ws_regular_text); --ws_quote_color: var(--ws_regular_text); --ws_blockqoute_cite_color: var(--ws_light_text); --ws_table_border_color: var(--ws_border); --ws_table_head_border_color: var(--ws_white); --ws_table_foot_border_color: var(--ws_white); --ws_strong_color: var(--ws_regular_text); --ws_underline_border_color: var(--ws_regular_text); --ws_abbr_border_color: var(--ws_regular_text); --ws_delete_color: var(--ws_danger); --ws_insert_color: var(--ws_success); --ws_insert_border_color: var(--ws_success); --ws_code_color: var(--ws_white_text); --ws_code_bgcolor: var(--ws_dark_text); --ws_pre_color: var(--ws_white_text); --ws_pre_bgcolor: var(--ws_dark_text); --ws_mark_bgcolor: var(--ws_dark_text); --ws_mark_color: var(--ws_white_text); --ws_hr_color: var(--ws_border_2); --ws_input_color: var(--ws_regular_text); --ws_input_bg: var(--ws_light_field_bg); --ws_input_border_color: var(--ws_border); --ws_input_focus_color: var(--ws_black); --ws_input_focus_bgcolor: var(--ws_white); --ws_input_focus_border_color: var(--ws_border_2); --ws_disabled_input_bgcolor: var(--ws_field_bg); --ws_disabled_input_border_color: var(--ws_border_1); --ws_placeholder_color: var(--ws_light_text); --ws_range_track_bgcolor: var(--ws_field_bg); --ws_range_thumb_bgcolor: var(--ws_color_primary); --ws_color_field_border_color: var(--ws_border); --ws_color_field_bgcolor: var(--ws_field_bg); --ws_radio_color: var(--ws_regular_text); --ws_radio_border_color: var(--ws_border); --ws_radio_bgcolor: var(--ws_field_bg); --ws_radio_after_bgcolor: var(--ws_color_primary); --ws_checkbox_color: var(--ws_regular_text); --ws_checkbox_border_color: var(--ws_border); --ws_checkbox_bgcolor: var(--ws_field_bg); --ws_checkbox_after_bgcolor: var(--ws_color_primary); --ws_progress_bgcolor: var(--ws_field_bg); --ws_progress_value_bgcolor: var(--ws_color_primary); --ws_meter_bgcolor: var(--ws_field_bg); --ws_meter_value_bgcolor: var(--ws_color_primary); --ws_button_color: var(--ws_white_text); --ws_button_bgcolor: var(--ws_color_primary); --ws_button_color_hover: var(--ws_dark_text); --ws_button_bgcolor_hover: var(--ws_transparent); --ws_button_border_color: var(--ws_color_primary); --ws_button_border_color_hover: var(--ws_border); --ws_reset_button_bgcolor: var(--ws_button_bgcolor); --ws_reset_button_color: var(--ws_white_text); --ws_theme_btn_color: var(--ws_button_color); --ws_theme_btn_bgcolor: var(--ws_button_bgcolor); --ws_theme_btn_color_hover: var(--ws_button_color_hover); --ws_theme_btn_bgcolor_hover: var(--ws_button_bgcolor_hover); --ws_theme_btn_border_color: var(--ws_button_border_color); --ws_theme_btn_border_color_hover: var(--ws_button_border_color_hover); --ws_datepicker_bg_color: var(--ws_gray); --ws_datepicker_select_bgcolor: var(--ws_white); --ws_datepicker_link_color: var(--ws_color_secondary); --ws_datepicker_link_active_color: var(--ws_color_primary); --ws_datepicker_calendar: var(--ws_white_text); --ws_datepicker_th_bgcolor: var(--ws_border_1); --ws_datepicker_even_tr_td_bgcolor: var(--ws_border_1); --ws_datepicker_border_color: var(--ws_border_1); --ws_datepicker_date_color: var(--ws_dark_text); --ws_valiation_error_bg_color: var(--ws_danger_bg); --ws_valiation_message_color: var(--ws_danger); --ws_error_field_border_color: var(--ws_danger); --ws_valiation_error_color: var(--ws_danger); --ws_confirmation_message_bgcolor: var(--ws_success_bg); --ws_confirmation_message_color: var(--ws_dark_text); --ws_confirmation_message_border_color: var(--ws_danger); --ws_required_text_color: var(--ws_danger); --ws_invalid_error_border_color: var(--ws_danger); --ws_hubspot_error_label_color: var(--ws_danger); --ws_hubspot_required_color: var(--ws_danger); --ws_fileupload_rule_color: var(--ws_light_text); --ws_error_menu_color: var(--ws_dark_text); --ws_acc_btn_color: var(--ws_white_text); --ws_acc_btn_bgcolor: var(--ws_button_bg); --ws_acc_btn_shadow: var(--ws_danger); --ws_acc_outline: var(--ws_black); --ws_comments_reply_btn_bgcolor: var(--ws_button_bg); --ws_comments_reply_btn_color: var(--ws_white_text); --ws_comments_reply_btn_bgcolor_hover: var(--ws_button_bg_hover); --ws_comments_reply_btn_color_hover: var(--ws_white_text); --ws_comment_meta_color: var(--ws_dark_text); --ws_comment_metadata_color: var(--ws_light_text); --ws_comments_list_border_color: var(--ws_border); --ws_widget_comments_meta_color: var(--ws_light_text); --ws_pagination_bgcolor: var(--ws_blue_1); --ws_pagination_color: var(--ws_white); --ws_pagination_color_hover: var(--ws_white); --ws_pagination_bgcolor_hover: var(--ws_border_1); --ws_pagination_bgcolor_current: var(--ws_border_1); --ws_pagination_color_current: var(--ws_white); --ws_pagination_first_bgcolor: var(--ws_border_1); --ws_pagination_first_color: var(--ws_dark_text); --ws_pagination_border: var(--ws_transparent); --ws_widget_latest_post_meta_color: var(--ws_danger); --ws_widget_rss_feed_meta_color: var(--ws_danger); --ws_widget_search_button_color: var(--ws_pure_black); --ws_wp_table_block_stripe_bg_color: var(--ws_gray); --ws_breadcrumb_color: var(--ws_pure_black); --ws_breadcrumb_link_color: var(--ws_pure_black); --ws_breadcrumb_border_color: transparent; --ws_breadcrumb_border_color_hover: var(--ws_pure_black); --ws_breadcrumb_span_color: var(--ws_pure_black); --ws_header_bgcolor: var(--ws_transparent); --ws_header_color: var(--ws_black); --ws_header_color_hover: var(--ws_black); --ws_header_bgcolor_sticky: var(--ws_white); --ws_header_nav_border_color: var(--ws_dark_text); --ws_header_submenu_bgcolor: var(--ws_gray); --ws_header_submenu_color: var(--ws_header_color); --ws_header_submenu_color_hover: var(--ws_header_color_hover); --ws_header_mobile_color: var(--ws_dark_text); --ws_header_mobile_submenu_color: var(--ws_dark_text); --ws_nav_overlay_bgcolor: var(--ws_white); --ws_mobile_nav_icon_bgcolor: var(--ws_dark_text); --ws_abbr_border: var(--ws_dark_text); --ws_topbar_bgcolor: var(--ws_color_primary); --ws_topbar_color: var(--ws_white); --ws_topbar_link_color: var(--ws_white); --ws_footer_bgcolor: var(--ws_dark_text); --ws_footer_color: var(--ws_white_text); --ws_footer_color_hover: var(--ws_white_text); --ws_f_nav_color: var(--ws_footer_color); --ws_f_nav_color_hover: var(--ws_footer_color_hover); --ws_f_nav_border_color: var(--ws_footer_color); --ws_f_nav_border_color_hover: var(--ws_footer_color_hover); --ws_copyright_color: var(--ws_white_text); --ws_legal_nav_color: var(--ws_white_text); --ws_legal_nav_border_color: var(--ws_white_text); --ws_legal_nav_border_color_hover: var(--ws_white_text); --ws_legal_text_color: var(--ws_white_text); --ws_ctn_red: var(--ws_red); --ws_ctn_black: var(--ws_black); --ws_ctn_sea_green: var(--ws_sea_green); --ws_style_bg: #821212; --ws_style_text: #000000; --ws_style_link: #000000; --ws_style_button: #00a4eb; } /* ------------------------------------------------------------------ > Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Defaults ------------------------------------------------------------------ */ /*------------------------------------------------- >> Normalize styles -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; } *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); scroll-padding: 100px; scroll-behavior: smooth; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { background-color: transparent; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } img { border-style: none; } summary { display: list-item; } template, [hidden] { display: none; } /*------------------------------------------------- >> Clearing styles -------------------------------------------------*/ .clear { content: ""; display: table; table-layout: fixed; clear: both; } .clear::before, .clear::after { clear: both; } /* ------------------------------------------------------------------ > Typography ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for headings -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: "Albra", arial, sans-serif; font-weight: 400; font-style: normal; margin: 0 0 20px; color: var(--ws_heading_color); line-height: 1.22; text-transform: initial; } h1 a, .heading-1 a, h2 a, .heading-2 a, h3 a, .heading-3 a, h4 a, .heading-4 a, h5 a, .heading-5 a, h6 a, .heading-6 a { color: var(--ws_heading_link_color); border-bottom: none; } h1 a:hover, h1 a:focus-visible, .heading-1 a:hover, .heading-1 a:focus-visible, h2 a:hover, h2 a:focus-visible, .heading-2 a:hover, .heading-2 a:focus-visible, h3 a:hover, h3 a:focus-visible, .heading-3 a:hover, .heading-3 a:focus-visible, h4 a:hover, h4 a:focus-visible, .heading-4 a:hover, .heading-4 a:focus-visible, h5 a:hover, h5 a:focus-visible, .heading-5 a:hover, .heading-5 a:focus-visible, h6 a:hover, h6 a:focus-visible, .heading-6 a:hover, .heading-6 a:focus-visible { color: var(--ws_heading_link_color_hover); } h1 mark, .heading-1 mark, h2 mark, .heading-2 mark, h3 mark, .heading-3 mark, h4 mark, .heading-4 mark, h5 mark, .heading-5 mark, h6 mark, .heading-6 mark { color: var(--ws-tertiary) !important; background-color: transparent; padding: 0; } h1, .heading-1 { font-size: var(--ws_font_size_76); } h2, .heading-2 { font-size: var(--ws_font_size_56); } h3, .heading-3 { font-size: var(--ws_font_size_42); } h4, .heading-4 { font-size: var(--ws_font_size_32); } h5, .heading-5 { font-size: var(--ws_font_size_26); } h6, .heading-6 { font-size: var(--ws_font_size_20); } .white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white a, .white strong { color: var(--ws-white); } .black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black a, .black strong { color: var(--ws-block); } .white-01, .white-01 h1, .white-01 h2, .white-01 h3, .white-01 h4, .white-01 h5, .white-01 h6, .white-01 a, .white-01 strong { color: var(--ws-white-01); } .l-yellow, .l-yellow h1, .l-yellow h2, .l-yellow h3, .l-yellow h4, .l-yellow h5, .l-yellow h6, .l-yellow a, .l-yellow strong { color: var(--ws-l-yellow); } .l-purple, .l-purple h1, .l-purple h2, .l-purple h3, .l-purple h4, .l-purple h5, .l-purple h6, .l-purple a, .l-purple strong { color: var(--ws-l-purple); } .black-00, .black-00 h1, .black-00 h2, .black-00 h3, .black-00 h4, .black-00 h5, .black-00 h6, .black-00 a, .black-00 strong { color: var(--ws-black-00); } .black-01, .black-01 h1, .black-01 h2, .black-01 h3, .black-01 h4, .black-01 h5, .black-01 h6, .black-01 a, .black-01 strong { color: var(--ws-black-01); } .black-02, .black-02 h1, .black-02 h2, .black-02 h3, .black-02 h4, .black-02 h5, .black-02 h6, .black-02 a, .black-02 strong { color: var(--ws-black-02); } .primary, .primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6, .primary a, .primary strong { color: var(--ws-primary); } .tertiary, .tertiary h1, .tertiary h2, .tertiary h3, .tertiary h4, .tertiary h5, .tertiary h6, .tertiary a, .tertiary strong { color: var(--ws-tertiary); } .red, .red h1, .red h2, .red h3, .red h4, .red h5, .red h6, .red a, .red strong { color: var(--ws-red); } /*------------------------------------------------- >> Styles for content tags -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ i, em, var, address, dfn { font-style: italic; } code, pre, kbd, tt, var, samp { font-family: monospace; } abbr, acronym { border-bottom: 1px dotted var(--ws_abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--ws-tertiary); color: var(--ws_mark_color); padding: 3px 7px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-weight: 700; color: var(--ws_strong_color); } u { border-bottom: 1px solid var(--ws_underline_border_color); text-decoration: none; } del { color: var(--ws_delete_color); } ins { color: var(--ws_insert_color); border-bottom: 1px solid var(--ws_insert_border_color); text-decoration: none; } sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -4px; } sup { top: -8px; } code, pre, kbd, tt { max-width: 100%; overflow: auto; margin: 0 0 30px; } code, kbd, tt { color: var(--ws_code_color); background-color: var(--ws_code_bgcolor); padding: 3px 7px; } pre { color: var(--ws_pre_color); background-color: var(--ws_pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--ws_hr_color); border: 0; height: 1px; margin-bottom: 30px; } audio, video { margin-bottom: 30px; width: 100%; } /* ------------------------------------------------------------------ > Elements ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .menu-open-overlay { position: fixed; background-color: rgba(0, 0, 0, 0.75); left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .menu-open-overlay.active { opacity: 1; visibility: visible; } body { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; position: relative; font-size: var(--ws_font_size_18); color: var(--ws_body_color); background-color: var(--ws_body_bg); line-height: 1.5; transition: all 0.3s ease-in-out; overflow-x: hidden; } body.have-topbar { padding-top: var(--ws_header-height); } p { margin: 0 0 30px; } ::-moz-selection { color: var(--ws_highlight_color); background-color: var(--ws_highlight_bg); } ::selection { color: var(--ws_highlight_color); background-color: var(--ws_highlight_bg); } strong { color: var(--ws_text_strong) !important; } /*------------------------------------------------- >> Styles for links -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ a { text-decoration: none; transition: all 0.4s ease-in-out; outline: none; position: relative; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section a, .page-section:visited { color: var(--ws_link_color); } .post-image a, .post-image:visited, .post-title a, .post-title:visited { border-bottom: none; } /*------------------------------------------------- >> Styles for images and figures -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ img { height: auto; max-width: 100%; } a img { border: none; outline: none; margin-bottom: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ figure { margin: 0 0 30px; } figure figcaption { color: var(--ws_caption); font-size: 90%; margin: 0 0 30px; } picture { margin: 0 0 30px; display: inline-block; } svg { margin: 0 0 30px; } .gallery .gallery-item a { border-bottom: none; } figure.wp-block-image.alignfull.size-thumbnail { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; } figure.wp-block-image.alignwide.size-thumbnail { margin: 0 -200px; max-width: 140%; } /*------------------------------------------------- >> Styles for lists -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ header ul, header ol, footer ul, footer ol { list-style: none; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ dl { margin: 0 0 30px; } dl dt { font-weight: 700; } dl dd { margin: 0 0 12px; } ul, ol { margin: 0 0 30px 20px; } ul li, ol li { margin: 0 0 12px; box-sizing: border-box; } ul ul, ol ol, ul ol, ol ul { margin: 12px 0 0 30px; } .page-section ul { list-style: none; margin-left: 0; } .page-section ul ul, .page-section ul ol { margin-left: 13px; } .page-section ul li { padding-left: 25px; position: relative; } .page-section ul li::before { content: ""; width: 10px; height: 10px; background-position: left top; position: absolute; background-color: var(--ws-primary); left: 0; top: 10px; border-radius: 50%; } .page-section ul ol { counter-reset: list1; } .page-section ul ol > li::before { counter-increment: list1; content: counters(list1, ".") "."; } .page-section ol { counter-reset: list; list-style-type: none; margin-left: 0; } .page-section ol ol, .page-section ol ul { margin-left: 13px; } .page-section ol > li { position: relative; padding-left: 24px; } .page-section ol > li::marker { display: none; } .page-section ol > li::before { color: var(--ws_ol_list_marker_color); font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; content: counters(list, ".") "."; counter-increment: list; left: 0; top: 0; position: absolute; background-color: transparent; } .page-section ol ol li { padding-left: 34px; } .page-section ol ol ol li { padding-left: 64px; } .page-section ol ol ol ol li { padding-left: 80px; } .page-section ol ul { counter-reset: unset; } .page-section ol ul li { padding-left: 20px; } .page-section ol ul li::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--ws_list_marker_bgcolor); left: 0; top: 9px; } .ctn-primary ul li::before { background-color: var(--ws-white); } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote { position: relative; color: var(--ws-black); border-left: 3px solid var(--ws_blockquote_border_color); padding: 5px 0 5px 20px; margin: 0 0 30px; } blockquote p { margin-bottom: 15px; } blockquote p:last-child { margin-bottom: 0; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 3px solid var(--ws_blockquote_border_color); padding: 5px 20px 5px 0; } .wp-block-quote.has-text-align-right.is-style-plain { border-right: none; } .wp-block-quote.has-text-align-left.is-style-plain { border-left: none; padding: 0; } .wp-block-quote.has-text-align-center { border-left: none; padding: 20px 5px; } .wp-block-quote.is-style-plain { border-left: none; } .wp-block-quote.is-style-large { border-left: 0; } figure.wp-block-pullquote { border-top: 3px solid var(--ws_blockquote_border_color); border-bottom: 3px solid var(--ws_blockquote_border_color); padding-left: 10px; padding-right: 10px; } figure.wp-block-pullquote blockquote { border-left: none; margin-bottom: 0; padding: 10px; } figure.wp-block-pullquote.alignleft, figure.wp-block-pullquote.alignright { padding: 35px 10px; } q { quotes: "“" "”"; color: var(--ws_quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--ws_blockqoute_cite_color); font-family: "IBM Plex Mono", monospace; font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; table-layout: fixed; text-align: left; box-sizing: border-box; } table p:last-child { margin-bottom: 0; } table caption { color: var(--ws_caption_color); font-size: 90%; margin: 0 0 20px; text-align: left; } tr, thead, tbody tr { border-bottom: 1px solid #F3F4F6 !important; } tr:last-child, thead:last-child, tbody tr:last-child { border-bottom: none; } td, th { padding: 14px 15px; vertical-align: middle; font-size: 15px; } thead tr { border: none; } thead tr:last-child { border-bottom: 3px solid var(--ws_table_head_border_color); } thead th { font-weight: 700; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 3px solid var(--ws_table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 2px solid var(--ws_table_border_color); } .wp-block-table.is-style-stripes tbody tr, .wp-block-table.is-style-stripes tbody td { border: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: rgba(23, 14, 53, 0.3); } .wp-block-table.is-style-stripes tfoot tr { border-top: 3px solid var(--ws_table_head_border_color); } .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table table.has-background tbody td, .wp-block-table table.has-background tbody tr { border: none; } .wp-block-table table.has-background tfoot tr { border-top: 3px solid var(--ws_table_head_border_color); } .pc-table th { text-align: center; vertical-align: middle; } .pc-table th:first-child, .pc-table td:first-child { text-align: left; } .pc-table td:not(:first-child) { text-align: center; vertical-align: middle; } .pc-check, .pc-cross { display: flex; align-items: center; justify-content: center; margin: 0 auto; } .pc-check, .pc-cross { line-height: 0.6; } .pc-check img, .pc-cross img { width: 20px; height: 20px; } .pc-table thead th:first-child { text-align: left; } .pc-table thead th:nth-child(2) span { background: var(--ws-primary); color: var(--ws-white); padding: 9px 50px; border-radius: 10px; font-weight: 600; display: inline-block; } .pc-table thead th:nth-child(2) { display: flex; justify-content: center; align-items: center; } .pc-table thead th { text-align: center; } .pc-table-wrapper a.btn.secondary-btn { border: 1px solid rgba(0, 0, 0, 0.1); } /*------------------------------------------------- >> Styles for frames and embeds -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ embed, iframe, object { max-width: 100%; } /*------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required -------------------------------------------------*/ /* ------------------------------------------------------------------ > Forms ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Styles for form fields ------------------------------------------------- */ /* ------------------------------------------------- >> Styles for form Input fields ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ form { margin: 0 0 20px; } label { margin: 0 0 12px; display: inline-block; line-height: 1.2; font-weight: 700; } fieldset { margin: 10px 0 30px; display: block; } legend { display: block; margin: 0 0 10px; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, textarea, .gform-text-input-reset { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--ws_font_size_18); height: 50px; width: 100%; border: 1px solid var(--ws-gray); background-color: var(--ws_input_bgcolor); color: var(--ws_input_color); outline: none; padding: 0 0 0 12px; margin: 0; max-width: 100%; box-sizing: border-box; border-radius: 6px; transition: all 0.4s ease-in-out; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=password]:focus, input[type=time]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, input[type=file]:focus, input[type=range]:focus, input[list]:focus, input[type=string]:focus, select:focus, textarea:focus, .gform-text-input-reset:focus { border: 1px solid var(--ws-white); } ::input-placeholder { color: var(--ws_placeholder_color); } ::input-placeholder { color: var(--ws_placeholder_color); } ::-moz-placeholder { color: var(--ws-gray); } ::placeholder { color: var(--ws-gray); } input[type=text]:disabled { background-color: var(--ws_disabled_input_bgcolor); border: 1px solid var(--ws_disabled_input_border_color); } input[type=hidden], datalist { display: none; } input[type=file] { padding: 9px; } input[type=search] { background-repeat: no-repeat; background-position: center right 10px; padding-right: 45px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=color] { border: 1px solid var(--ws_color_field_border_color); background-color: var(--ws_color_field_bgcolor); height: 25px; width: 50px; margin: 0 0 20px; padding: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-color-swatch { border: 0; border-radius: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: 0; } ::-moz-focus-inner { padding: 0; } select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjc3MzggMC43NzY3OTRMMTAuOTk4IDkuOTk5ODFMMjAuMjIxMSAwLjc3Njc5NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: center right 10px; } .ginput_container_multiselect select { min-height: 77px; } textarea { padding: 10px; height: auto; resize: none; overflow: hidden; } .gfield, .hs-form-field { box-sizing: border-box; position: relative; margin-bottom: 30px; } .gfield_list_icons { margin-top: 20px; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=image] { margin: 0 10px 0 0; } input[type=submit], button, input[type=button], input[type=reset] { display: inline-block; line-height: 1; box-sizing: border-box; background-color: var(--ws-tertiary); color: var(--ws-black) !important; padding: 11px 20px; border-radius: 8px; font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; transition: all 0.4s ease-in-out; border: none; color: var(--ws_button_color); outline: none; font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--ws_font_size_16); height: 50px; outline: none; cursor: pointer; } input[type=submit]:focus-visible, button:focus-visible, input[type=button]:focus-visible { color: var(--ws_button_color_hover); background-color: var(--ws_button_bgcolor_hover); } input[type=reset] { background-color: var(--ws_theme_btn_bgcolor); color: var(--ws_theme_btn_color); } input[type=reset]:hover, input[type=reset]:focus-visible { color: var(--ws_theme_btn_color); background-color: var(--ws_theme_btn_bgcolor_hover); } /* ------------------------------------------------- >> Default styles for CheckBoxes ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=checkbox]:checked, [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--ws_checkbox_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=checkbox]:checked + label::before, [type=checkbox]:not(:checked) + label::before, [type=checkbox]:checked + span::before, [type=checkbox]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--ws_checkbox_border_color); background-color: var(--ws_checkbox_bgcolor); } [type=checkbox]:checked + label::after, [type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + span::after, [type=checkbox]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--ws_checkbox_after_bgcolor); position: absolute; top: 4px; left: 4px; transition: all 0.2s ease; } [type=checkbox]:not(:checked) + label::after, [type=checkbox]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=checkbox]:checked + label::after, [type=checkbox]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Radio Buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px; } [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--ws_radio_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--ws_radio_border_color); border-radius: 100%; background-color: var(--ws_radio_bgcolor); } [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--ws_radio_after_bgcolor); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } [type=radio]:not(:checked) + label::after, [type=radio]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=radio]:checked + label::after, [type=radio]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Meter Tag ------------------------------------------------- */ meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; background-color: var(--ws_meter_bgcolor); border-radius: 0; margin: 0 0 20px; box-shadow: none; } /* WebKit */ meter::-webkit-meter-bar { background: none; background-color: var(--ws_meter_value_bgcolor); border-radius: 0; box-shadow: none; } meter::-webkit-meter-optimum-value { background: var(--ws_meter_value_bgcolor); } meter::-webkit-meter-suboptimum-value { background: var(--ws_meter_value_bgcolor); } meter::-webkit-meter-even-less-good-value { background: var(--ws_meter_value_bgcolor); } /* Firefox */ meter::-moz-meter-bar { background: none; border-radius: 0; box-shadow: none; } meter:-moz-meter-optimum::-moz-meter-bar { background: var(--ws_meter_value_bgcolor); } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: var(--ws_meter_value_bgcolor); } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: var(--ws_meter_value_bgcolor); } /* ------------------------------------------------- >> Default styles for Progress Tag ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ progress { vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; border: none; background-color: var(--ws_progress_bgcolor); border-radius: 0; margin: 0 0 20px; } progress::-webkit-progress-bar { background-color: var(--ws_progress_bgcolor); border-radius: 0; } progress::-webkit-progress-value { background-color: var(--ws_progress_value_bgcolor); border-radius: 0; } progress::-moz-progress-bar { background-color: var(--ws_progress_value_bgcolor); border-radius: 0; } /* ------------------------------------------------- >> Default styles for Range Field ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=range] { padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; height: 22px; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--ws_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--ws_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-webkit-slider-thumb { height: 14px; width: 14px; background-color: var(--ws_range_thumb_bgcolor); cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } input[type=range]::-moz-range-thumb { height: 14px; width: 14px; background-color: var(--ws_range_thumb_bgcolor); cursor: pointer; -moz-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } /* ------------------------------------------------- >> Default styles for forms ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct box sizing in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } .search-form { display: flex; justify-content: center; align-items: flex-start; } .search-form input[type=submit], .search-form button, .search-form input[type=button], .search-form input[type=reset] { margin: 0 0 10px 10px; } .comment-form-cookies-consent { margin-top: 30px; } /* ------------------------------------------------- >> Default styles for Gravity Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .gfields { margin: 0; } .gf_clear { clear: both; } .gfield_time_hour, .gfield_time_minute, .gfield_time_ampm { width: calc(33.33% - 3px); display: inline-block; } .gfield_time_minute { margin: 0 10px; width: calc(33.33% - 23px); } .below.hour_minute_colon { display: none; } .gfield_post_tags_hint { margin-top: 0; font-size: 0.875rem; } .gfield.half-input-field { width: 48%; margin-right: calc(4% - 5px); display: inline-block; vertical-align: top; } .gfield.half-input-field.last { margin-right: 0; } .gfield_list_group { margin-bottom: 20px; } button.add_list_item, button.delete_list_item { margin: 0 10px 10px 0; padding: 4px 11px; font-size: 90%; height: 37px; position: relative; } button.delete_list_item { background-color: var(--ws_reset_button_bgcolor); color: var(--ws_reset_button_color); border: 2px solid transparent; } button.delete_list_item:hover, button.delete_list_item:focus-visible { background-color: transparent; border: 2px solid var(--ws_reset-button-border-color-hover); } .gform_fileupload_rules { font-size: 90%; color: var(--ws_fileupload_rule_color); margin-bottom: 10px; display: inline-block; position: relative; top: 0; } /* ============================================= = Style For Date Picker for gravity form = ============================================= */ #ui-datepicker-div { border: none; width: 100%; max-width: 480px; background-color: var(--ws_datepicker_bg_color); } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--ws_datepicker_bg_color); padding: 10px 12px; } .ui-datepicker-title select { width: 49%; margin-bottom: 0; margin-right: 2%; height: 46px; padding: 0 35px 0 18px; background-color: var(--ws_datepicker_select_bgcolor); border: 2px solid var(--ws_datepicker_border_color); } .ui-state-default { color: var(--ws_datepicker_link_color); } .ui-state-default.ui-state-active { color: var(--ws_datepicker_link_active_color); } .ui-state-disabled { color: var(--ws_datepicker_date_color); } a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: relative; } a.ui-datepicker-next.ui-corner-all { float: right; } .ui-datepicker-header a, .ui-datepicker-header a:visited { font-size: var(--ws_font_size_16); cursor: pointer; margin-bottom: 10px; display: inline-block; } select.ui-datepicker-year { margin-right: 0; } #ui-datepicker-div table { border-collapse: collapse; border-spacing: 0; margin: 0 0 10px; font-size: var(--ws_font_size_16); } .ui-datepicker_calendar a { font-size: var(--ws_font_size_16); color: var(--ws_datepicker_date_color); } .ginput_container_date { position: relative; } .ginput_container_date img.ui-datepicker-trigger { position: absolute; right: 10px; top: 15px; bottom: 0; } .gfield_radio .gchoice { display: inline-block; } table.ui-datepicker_calendar { max-width: 410px; background-color: var(--ws_datepicker_calendar); } /* ===== End of Date Picker Style for Gravity Form ====== */ .validation_error { background-color: var(--ws_valiation_error_bg_color); font-size: var(--ws_font_size_14); color: var(--ws_valiation_error_color); padding: 2px 10px 6px; margin-bottom: 20px; text-align: center; } .validation_message { font-size: var(--ws_font_size_14); text-align: center; display: inline-block; color: var(--ws_valiation_message_color); position: absolute; bottom: -20px; } .gform_validation_error_link { font-size: 0.875rem; } .gfield_error input { border-color: var(--ws_error_field_border_color); } .gform_confirmation_message { background-color: var(--ws_confirmation_message_bgcolor); padding: 20px; text-align: center; color: var(--ws_confirmation_message_color); border: 1px solid var(--ws_confirmation_message_border_color); } .gform_validation_errors { background-color: var(--ws_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .gform_validation_errors h2 { color: var(--ws_valiation_error_color); border: 2px solid var(--ws_confirmation_message_border_color); margin-bottom: 0; font-size: 24px; font-size: 105%; padding: 20px; } .gform_validation_errors ol { margin-top: 20px; } .gfield_required_text { color: var(--ws_required_text_color); position: relative; margin-left: 5px; font-size: 0.875rem; } /** * * Style for hidden field in gravity form * */ .gfield_visibility_hidden { display: none !important; } /** * * Spinner * */ .gform_ajax_spinner, .gform-loader { margin-top: 0; margin-left: 0; position: absolute; width: 12px; height: 12px; border: 3px solid rgba(115, 115, 115, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } .hidden_label label { display: none; } /* ------------------------------------------------- >> Default styles for Hubspot Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .hs-form { text-align: left; } .hs-form fieldset { margin: 0; } .hs-form ul { margin: 0; padding: 0; list-style-type: none; } .hs-form ul li { margin: 0; padding-left: 0; } .hs-form ul li label { margin: 0; } .hs-form ul li::before { display: none; } .hs-form ul.hs-error-msgs li { padding-left: 0; color: var(--ws_hubspot_error_label_color); font-size: var(--ws_font_size_16); margin: 0; } .hs-form .error { text-align: left; } .hs-form .hs-fieldtype-checkbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-booleancheckbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-radio ul.hs-error-msgs li { margin: -6px 0 8px; } .hs-form .hs_error_rollup ul li { background-color: var(--ws_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .hs-form .hs-form-required { color: var(--ws_hubspot_required_color); } .hs-form-field { position: relative; } .form-columns-2 .hs-form-field { display: inline-block; width: 49%; margin-right: calc(2% - 5px); } .form-columns-2 .hs-form-field:nth-child(2n+2) { margin-right: 0; } /* ------------------------------------------------- >> Default styles for Contact Form Forms ------------------------------------------------- */ .wpcf7-list-item { margin: 0 10px 0 0 !important; } .wpcf7-section label { display: block; } .wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7-not-valid-tip { color: var(--ws_valiation_error_color) !important; position: relative; top: -15px; } .wpcf7-response-output { margin: 0 !important; } /* ------------------------------------------------------------------ > Media ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for WordPress captions -------------------------------------------------*/ .wp-caption { max-width: 100%; box-sizing: border-box; margin-bottom: 50px !important; } .wp-caption.alignnone { margin: 15px 0; } .wp-caption.alignleft { margin: 50px 20px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0 0 8px; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { margin: 0; text-align: left; } .wp-caption p.wp-caption-text { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--ws_font_size_18); margin: 0; text-transform: uppercase; word-spacing: 2.5px; letter-spacing: 1.5px; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } /*------------------------------------------------- >> Styles for default WordPress galleries -------------------------------------------------*/ .gallery { margin-bottom: 24px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-caption { display: block; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* ------------------------------------------------------------------ > Core ------------------------------------------------------------------ */ /*------------------------------------------------- >> Accessibility styles for WordPress -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .screen-reader-text { margin: 0px; overflow: hidden; width: 1px; position: absolute !important; word-wrap: normal !important; color: var(--ws_acc_btn_color); background-color: var(--ws_acc_btn_bgcolor); clip: auto !important; border: unset !important; border-radius: 0; left: -100%; font-size: var(--ws_font_size_14); clip-path: none; font-weight: 700; height: auto; line-height: normal; padding: 8px 12px; text-decoration: none; top: 8px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; width: auto; z-index: 100000; left: 8px; } #page-section[tabindex="-1"]:focus { outline: 0; } a, button, input[type=submit], [tabindex="0"] { outline: 2px dotted transparent; outline-offset: 5px; } a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, [tabindex="0"]:focus-visible { outline-color: var(--ws_acc_outline) !important; } .contact-details a { outline-offset: 0; } .header-logo a:focus-visible, .red-ctn a:focus-visible, .black-ctn a:focus-visible, .hero-ctn a:focus-visible, .topbar a:focus-visible, .header-nav ul li a:focus-visible { outline-color: var(--ws_acc_outline); } /*------------------------------------------------- >> Default WordPress alignments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .alignnone { margin: 15px 0 30px; } .aligncenter { display: block; margin: 15px auto 30px; clear: both; text-align: center; } .alignright { float: right; margin: 15px 0 30px 20px; } .alignleft { float: left; margin: 15px 20px 30px 0; } a img.alignright { float: right; margin: 15px 0 30px 20px; } a img.alignnone { margin: 15px 0 30px; } a img.alignleft { float: left; margin: 15px 20px 30px 0; } a img.aligncenter { display: block; margin: 15px auto 30px; text-align: center; clear: both; } /*------------------------------------------------- >> Styles for posts and pages -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .sticky { display: block; } .sticky .post-title { position: relative; padding-left: 30px; } .sticky .post-title::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuODYxNiA2Ljk5NjA0TDE1LjA5ODcgMS4yNTE4MUMxNC42MDg4IDAuNzYzNDk3IDEzLjgyOTggMS4yNjY0NiAxMy41OTYzIDEuNjk3ODFDMTMuNTU3MSAxLjc3MTA2IDEzLjYyNzMgMS44Mzc3OSAxMy41NjM3IDIuMzM0MjVDMTMuNDk0MiAyLjk2NDY3IDEzLjM0NSAzLjU4Mzc4IDEzLjExOTUgNC4xNzY4M0wxMC41NTU3IDYuNzMyMzVDOS41MzMzOSA3Ljc1MjkzIDguMDcwMjEgNy4yOTg4IDYuODIwOTYgNi42ODAyNkM2LjU1ODA1IDYuNTUwMDUgNi4yMjAwMSA2LjI2MTk0IDUuOTI3NyA2LjU1MzNMNC44NDE3NSA3LjYzNTc0QzQuNzY1NDcgNy43MTIwMSA0LjcyMjYzIDcuODE1MzMgNC43MjI2MyA3LjkyMzAzQzQuNzIyNjMgOC4wMzA3MyA0Ljc2NTQ3IDguMTM0MDUgNC44NDE3NSA4LjIxMDMyTDEzLjk1MjMgMTcuMjg5OEMxNC4wMjg4IDE3LjM2NTggMTQuMTMyNSAxNy40MDg1IDE0LjI0MDUgMTcuNDA4NUMxNC4zNDg2IDE3LjQwODUgMTQuNDUyMiAxNy4zNjU4IDE0LjUyODggMTcuMjg5OEwxNS42MTMxIDE2LjIwNzNDMTUuOTAyMSAxNS45MTkyIDE1LjUzMzEgMTUuNTQ2NSAxNS4zODI4IDE1LjIzMDdDMTQuODI3NiAxNC4wOTEzIDE0LjMyOTUgMTIuNTU4IDE1LjI1NTUgMTEuNjM1TDE3LjkzMiA4Ljk4MDI0QzE4LjUzOTEgOC43OTU1NCAxOS4xNTg0IDguNjUzMDUgMTkuNzg1NCA4LjU1Mzc3QzIwLjI5IDguNDc0MDEgMjAuMzUyMSA4LjUzNzUgMjAuNDIzOSA4LjQ5MDI5QzIwLjg2NDggOC4yMDU0NCAyMS4zNTQ3IDcuNDg3NjEgMjAuODYxNiA2Ljk5NjA0Wk05LjgwMTIgMTQuNDE1Mkw3LjcyNTY1IDEyLjM0OEwxLjA2Nzg3IDIwLjc0MDVMMS4zODE0MSAyMS4wNTE0TDkuODAxMiAxNC40MTUyWiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkzIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; position: absolute; top: 5px; left: 0; height: 30px; width: 30px; } .updated:not(.published) { display: none; } .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ .post-shares { display: flex; } .post-shares a { margin-left: 8px; padding: 5px; border: 1px solid var(--wp--preset--color--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .post-shares a:hover, .post-shares a:focus-visible { border: 1px solid var(--wp--preset--color--lblack); } /*------------------------------------------------- >> Pagination styles -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section .pagination, .pagination { text-align: center; margin: -1px 0 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .page-section .pagination .pagination-numbers a, .page-section .pagination .pagination-numbers a:visited, .page-section .pagination .pagination-numbers span, .pagination .pagination-numbers a, .pagination .pagination-numbers a:visited, .pagination .pagination-numbers span { background-color: var(--ws-primary); color: var(--pc_color_primary); border: none; display: inline-block; padding: 13px 27px 9px; font-size: 18px; line-height: 1.1; font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; border-radius: 6px; transition: all 0.4s ease-in-out; text-transform: uppercase; border: 0px; letter-spacing: -0.36px; cursor: pointer; width: 66px; height: 44px; padding: 1px; box-sizing: border-box; } .page-section .pagination .pagination-numbers a strong, .page-section .pagination .pagination-numbers a:visited strong, .page-section .pagination .pagination-numbers span strong, .pagination .pagination-numbers a strong, .pagination .pagination-numbers a:visited strong, .pagination .pagination-numbers span strong { line-height: 1.1; background-color: var(--pbp_black); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: all 0.4s ease-in-out; } .page-section .pagination .pagination-numbers a::before, .page-section .pagination .pagination-numbers a::after, .page-section .pagination .pagination-numbers a:visited::before, .page-section .pagination .pagination-numbers a:visited::after, .page-section .pagination .pagination-numbers span::before, .page-section .pagination .pagination-numbers span::after, .pagination .pagination-numbers a::before, .pagination .pagination-numbers a::after, .pagination .pagination-numbers a:visited::before, .pagination .pagination-numbers a:visited::after, .pagination .pagination-numbers span::before, .pagination .pagination-numbers span::after { display: none; } .page-section .pagination .pagination-numbers a:hover, .page-section .pagination .pagination-numbers a:visited:hover, .page-section .pagination .pagination-numbers span:hover, .pagination .pagination-numbers a:hover, .pagination .pagination-numbers a:visited:hover, .pagination .pagination-numbers span:hover { background-color: var(--ws-tertiary); } .page-section .pagination .pagination-numbers a:hover strong, .page-section .pagination .pagination-numbers a:visited:hover strong, .page-section .pagination .pagination-numbers span:hover strong, .pagination .pagination-numbers a:hover strong, .pagination .pagination-numbers a:visited:hover strong, .pagination .pagination-numbers span:hover strong { background-color: var(--ws-tertiary); } .page-section .pagination .pagination-numbers span.pagination-dots, .pagination .pagination-numbers span.pagination-dots { background-color: var(--ws-primary); padding: 1px; width: 66px; height: 44px; box-sizing: border-box; border: none; position: relative; top: 0; right: 0px; } .page-section .pagination .pagination-numbers span.pagination-dots:hover, .pagination .pagination-numbers span.pagination-dots:hover { background-color: transparent; } .page-section .pagination .pagination-numbers span.current, .pagination .pagination-numbers span.current { background-color: var(--ws-tertiary); } .page-section .pagination .pagination-numbers span.current strong, .pagination .pagination-numbers span.current strong { background-color: var(--ws-tertiary); } .page-section .pagination .pagination-numbers > span.current:hover, .pagination .pagination-numbers > span.current:hover { background-color: var(--ws-tertiary); } .pagination-mobile-number { display: none; } .pagination-numbers { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } a.pre-page, a.next-page, a:visited.pre-page, a:visited.next-page, span.pre-page, span.next-page { align-items: center; justify-content: center; border-radius: 6px; border: 1px solid var(--pc_blue_70); padding: 0 27px; box-sizing: border-box; height: 44px; cursor: pointer; transition: all 0.4s ease-in-out; letter-spacing: initial; display: flex; width: 75px; height: 44px; background-color: var(--ws-primary); padding: 1px; box-sizing: border-box; } a.pre-page::before, a.pre-page::after, a.next-page::before, a.next-page::after, a:visited.pre-page::before, a:visited.pre-page::after, a:visited.next-page::before, a:visited.next-page::after, span.pre-page::before, span.pre-page::after, span.next-page::before, span.next-page::after { display: none; } a.pre-page:hover, a.next-page:hover, a:visited.pre-page:hover, a:visited.next-page:hover, span.pre-page:hover, span.next-page:hover { background-color: var(--ws-tertiary); } a.pre-page img, a.next-page img, a:visited.pre-page img, a:visited.next-page img, span.pre-page img, span.next-page img { width: 19px; height: 100%; } a.pre-page.hide, a.next-page.hide, a:visited.pre-page.hide, a:visited.next-page.hide, span.pre-page.hide, span.next-page.hide { cursor: none; pointer-events: none; opacity: 0.5; } a.pre-page.disabled, a.next-page.disabled, a:visited.pre-page.disabled, a:visited.next-page.disabled, span.pre-page.disabled, span.next-page.disabled { cursor: initial; pointer-events: none; } a.pre-page.disabled img, a.next-page.disabled img, a:visited.pre-page.disabled img, a:visited.next-page.disabled img, span.pre-page.disabled img, span.next-page.disabled img { opacity: 0.5; } .pagination-numbers-mobile { display: none; } /*------------------------------------------------- >> Styles for WordPress comments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ #commentform label { display: block; } #commentform p.comment-form-author, #commentform p.comment-form-url, #commentform p.comment-form-email { width: calc(33.3% - 10px); display: inline-block; margin-right: 10px; margin-bottom: 0; } #commentform p.comment-form-comment { margin-bottom: 0; } #commentform p.comment-form-comment textarea { margin-bottom: 10px; } #commentform p.comment-form-url, #commentform .url-comments, #commentform li.middle { margin-right: 0 !important; } #commentform .form-submit { margin-bottom: 0; } .comment-meta, .comment-author { margin-bottom: 15px; } .comments-closed { margin: 30px 0; } .comment-meta { margin-bottom: 30px; color: var(--ws_comment_meta_color); } .comment-author.vcard { margin-bottom: 2px; } .comment-author.vcard a { border-bottom: none; } .comment-author.vcard span { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; } .comment-metadata { font-size: 90%; } .comment-metadata a { color: var(--ws_comment_metadata_color); border-bottom: transparent; } .comment-content p { margin-bottom: 20px; } .comment-body { margin-bottom: 30px; } ol.comment-list { margin-bottom: 60px; } ol.comment-list li.comment { margin-bottom: 30px; padding: 30px 0 0; border-top: 1px solid var(--ws_comments_list_border_color); } ol.comment-list li.comment::before { display: none !important; } ol.comment-list li.comment.pingback { margin: 0 0 30px; } ol.comment-list li.comment div.vcard cite.fn { font-style: normal; } ol.comment-list li.comment div.vcard img.avatar { float: left; margin: 0 10px 0 0; width: 64px; } ol.comment-list li.comment div.commentmetadata { padding: 8px 0 14px; } ol.comment-list li.comment ul.children, ol.comment-list li.comment ol.children { list-style: none; margin: 50px 0 0; } ol.comment-list li.comment ul.children li, ol.comment-list li.comment ol.children li { padding: 30px 0 0; } ol.comment-list li.comment ul.children li.depth-2, ol.comment-list li.comment ul.children li.depth-3, ol.comment-list li.comment ul.children li.depth-4, ol.comment-list li.comment ul.children li.depth-5, ol.comment-list li.comment ol.children li.depth-2, ol.comment-list li.comment ol.children li.depth-3, ol.comment-list li.comment ol.children li.depth-4, ol.comment-list li.comment ol.children li.depth-5 { margin: 0 0 30px 60px; } a.comment-reply-link { background-color: var(--ws_comments_reply_btn_bgcolor); color: var(--ws_comments_reply_btn_color); padding: 6px 11px 5px; font-size: 90%; height: 37px; box-sizing: border-box; display: inline-block; border: 2px solid transparent; } a.comment-reply-link:hover, a.comment-reply-link:focus-visible { background-color: var(--ws_comments_reply_btn_bgcolor_hover); color: var(--ws_comments_reply_btn_color_hover); } /*------------------------------------------------- >> Styles for default WordPress widgets -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-page-list, .wp-block-rss, .wp-block-search, .wp-block-social-links, .wp-block-tag-cloud, .wp-block-calendar { margin: 0 0 40px; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ /* ------------------------------------------------------------------ > Blocks ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Accessibility styles for WordPress Gallery Block ------------------------------------------------- */ .wp-block-gallery .wp-block-image a { border-bottom: none; } .page-section .wp-block-gallery ul li { padding: 0; } .page-section .wp-block-gallery ul li::before { display: none; } /* ------------------------------------------------- >> Accessibility styles for WordPress Cover Block ------------------------------------------------- */ .wp-block-cover-text { color: var(--ws_white) !important; } /* ------------------------------------------------- >> Accessibility styles for WordPress Calender Block ------------------------------------------------- */ .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table { margin: 0 0 20px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: none; } .wp-block-calendar table tbody td, .wp-block-calendar table th { padding: 10px 15px; border: none; } .wp-block-calendar table th { background-color: transparent; font-weight: 700; } /* ------------------------------------------------- >> Accessibility styles for WordPress Categories Block ------------------------------------------------- */ .wp-block-archives-dropdown.wp-block-archives select, .wp-block-categories-dropdown.wp-block-categories select { margin: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Image Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Comments Block ------------------------------------------------- */ .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: unset; margin-top: 3px; } .wp-block-latest-comments__comment-date { margin: 5px 0; color: var(--ws_widget_comments_meta_color); } .wp-block-latest-comments__comment-excerpt p { font-size: 100%; line-height: 1.5; margin: 5px 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Posts Block ------------------------------------------------- */ .wp-block-latest-posts__featured-image a { border-bottom: none; } .wp-block-latest-posts__featured-image.alignleft { margin: 0 20px 10px 0; } .wp-block-latest-posts__featured-image.alignright { margin: 0 0 10px 20px; } .wp-block-latest-posts__featured-image.aligncenter { margin: 0 auto 10px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { font-size: 90%; color: var(--ws_widget_latest_post_meta_color); } .wp-block-latest-posts.is-grid li { margin-bottom: 12px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Quote Block ------------------------------------------------- */ blockquote.wp-block-quote.is-style-large { border-left: 0; padding: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress PullQuote Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress RSS Feed Block ------------------------------------------------- */ .wp-block-rss__item-author, .wp-block-rss__item-publish-date { font-size: 90%; color: var(--ws_widget_rss_feed_meta_color); } .wp-block-rss__item-excerpt { margin: 10px 0 20px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Search Block ------------------------------------------------- */ input[type=search].wp-block-search__input { background-image: unset; padding: 0 12px; margin-bottom: 0; } .wp-block-search__button { border: none; margin-right: 0; padding: 0 20px; } .wp-block-search__button:hover, .wp-block-search__button:focus-visible { border: none; background-color: var(--ws_white); } /* ------------------------------------------------- >> Accessibility styles for WordPress Social-links Block ------------------------------------------------- */ .wp-block-social-links li.wp-block-social-link { list-style: none; padding-left: 0; } .wp-block-social-links li.wp-block-social-link::before { display: none; } .wp-block-social-links li.wp-block-social-link svg { margin-bottom: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Tag Cloud Block ------------------------------------------------- */ .wp-block-tag-cloud .tag-cloud-link { margin: 0 8px 12px 0; } /* ------------------------------------------------------------------ > Site ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for header and footer of website -------------------------------------------------*/ /*------------------------------------------------- >> Styles for header -------------------------------------------------*/ .slide-thumb img, .burger-single, .post-tags, .post-content-des p, .post-meta, .search-button, .single-blog-post, .wpcf7-submit, a, a:visited, button, input[type=submit], .home-hero, header { transition: all 0.3s ease-in-out; } .top-bar { padding: 10px 0; background-color: var(--ws-tertiary); color: var(--ws-black); transition: all 0.4s ease-in-out; z-index: 99999; position: relative; } .top-bar-text { font-size: var(--ws_font_size_3); padding: 0 20px; font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; } .top-bar-text a, .top-bar-text a:visited { font-size: var(--ws_font_size_3); color: var(--ws-black); display: inline-block; } .top-bar-cross { position: absolute; top: 12px; right: 20px; line-height: 0.65; cursor: pointer; } .top-bar-cross img { width: 16px; filter: invert(0%) brightness(0%); } .hide-topbar header { top: var(--ws_header-top); } .top-bar-text a { border-bottom: 1px solid var(--ws-black); line-height: 1.2; } .nav-container { display: flex; align-items: center; margin-top: 8px; } .header-logo a { display: inline-block; } .no-overflow { overflow: hidden; } .logo { position: relative; z-index: 99999; line-height: 0; width: 230px; transition: all 0.2s ease-in-out; } header { background-color: var(--ws_header_bgcolor); z-index: 9; width: 100%; position: fixed; top: 0; } .header-wrapper { box-sizing: border-box; width: calc(100% - 60px); max-width: 1920px; margin: 0 auto; } .header-btns { margin-top: 0; z-index: 1; display: flex; align-items: center; } body.logged-in.admin-bar header { top: 32px; } body.logged-in.admin-bar.hide-topbar header { top: -16px; } .desktop-hide { display: none; } .nav-links-area ul li { list-style-type: none; margin: 0; } .nav-links-area ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 23px; margin: 0; } .nav-ctn { background: var(--ws-secondary); padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-radius: 10px; position: relative; top: 10px; } .nav-ctn .site-logo { max-width: 216px; } .nav-toggle { display: none; /* desktop pe hidden */ width: 28px; height: 20px; border: 0; background: none; cursor: pointer; position: relative; } .nav-toggle span { position: absolute; left: 0; right: 0; height: 2px; background: #ffffff; /* apne header ke hisaab se color change kar lena */ transition: transform 0.25s ease, opacity 0.25s ease, top 0.25s ease, bottom 0.25s ease; } .nav-toggle span:nth-child(1) { top: 0; } .nav-toggle span:nth-child(2) { top: 9px; } .nav-toggle span:nth-child(3) { bottom: 0; } /* open state – cross icon */ .nav-toggle.is-open span:nth-child(1) { top: 9px; transform: rotate(45deg); } .nav-toggle.is-open span:nth-child(2) { opacity: 0; } .nav-toggle.is-open span:nth-child(3) { bottom: 9px; transform: rotate(-45deg); } /*------------------------------------------------- >> Styles for desktop menu -------------------------------------------------*/ @media (min-width: 1024px) { .header-nav ul li:hover > ul, .menu-item-has-children ul.focused, .header-nav ul li a:focus-visible + ul { opacity: 1; visibility: visible; overflow: visible; } .header-nav ul ul { animation-delay: 0.6s; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s ease-in-out; } } .header-nav { text-align: center; line-height: 1; } .header-nav ul { margin: 0; padding: 0; position: relative; display: flex; } .header-nav ul li { margin: 0 28px 0 0; padding: 0; display: block; position: relative; line-height: 1; font-family: "Satoshi-Medium", arial, sans-serif; font-weight: 500; font-style: normal; } .header-nav ul li a, .header-nav ul li a:visited { padding: 0 0 5px; display: block; line-height: 1; border: 0; position: relative; color: var(--ws-white); font-size: 18px; font-family: "Satoshi-Medium", arial, sans-serif; font-weight: 500; font-style: normal; } .header-nav ul li a::after, .header-nav ul li a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--ws-white); opacity: 0.8; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s; } .header-nav ul li.menu-item-has-children > a { padding-right: 15px; background-position: top 6px right; background-repeat: no-repeat; background-size: 9px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjc3MzggMS43NzY3OUwxMC45OTggMTAuOTk5OEwyMC4yMjExIDEuNzc2NzkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41Ii8+DQo8L3N2Zz4NCg==); } .header-nav ul li.menu-item-has-children > a::after { width: calc(100% - 15px); } .header-nav ul li.current-menu-item > a, .header-nav ul li.current-menu-parent > a, .header-nav ul li a:hover { border: 0; } .header-nav ul li.current-menu-item > a::after, .header-nav ul li.current-menu-parent > a::after, .header-nav ul li a:hover::after { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul ul { left: -15px; width: 230px; opacity: 0; background-color: var(--ws-tertiary); visibility: hidden; padding: 20px 0; border-radius: 0; position: absolute; top: 33px; z-index: 9; overflow: hidden; text-align: left; transition: all 0.4s ease-in-out; text-align: left; } .header-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .header-nav ul ul li:last-child { margin: 0; } .header-nav ul ul li a, .header-nav ul ul li a:visited { font-size: 14px; display: inline-block; padding-bottom: 2px; line-height: 1; box-sizing: border-box; position: relative; color: var(--ws_header_submenu_color); transition: all 0.3s ease-in-out; font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; } .header-nav ul ul li a::after, .header-nav ul ul li a:visited::after { bottom: -4px; } .header-nav ul ul li a:hover { color: var(--ws_header_submenu_color_hover); } .header-nav ul ul li.current-menu-item > a, .header-nav ul ul li.current-menu-parent > a, .header-nav ul ul li a:hover { border: 0; } .header-nav ul ul li.current-menu-item > a::after, .header-nav ul ul li.current-menu-parent > a::after, .header-nav ul ul li a:hover::after { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul ul ul { top: -10px; left: 230px; } .header-nav ul ul ul::before { display: none; content: ""; width: 1px; height: 1px; position: absolute; top: 12px; left: -5px; margin: auto; } /*------------------------------------------------- >> Styles for mobile menu -------------------------------------------------*/ @media (max-width: 747px) { .header-inner { padding: 19px 0; } .right-heade { width: 100%; float: none; } .logo { width: 180px; left: -10px; } .nav-overlay .header-nav ul { margin: 0; padding: 0; background: transparent; width: 100%; display: block; } .nav-overlay .header-nav ul li { padding: 0; margin: 0 0 20px; position: relative; display: block; opacity: 1; line-height: 1; } .nav-overlay .header-nav ul li a, .nav-overlay .header-nav ul li a:visited { color: var(--ws-white); line-height: 1; display: inline-block; border-bottom: none; position: relative; font-size: 24px; } .nav-overlay .header-nav ul li.current-menu-item > a, .nav-overlay .header-nav ul li.current-menu-parent > a, .nav-overlay .header-nav ul li a:hover { border-bottom: none; } .nav-overlay .header-nav ul ul { transition: none; display: none; padding: 8px 0 20px 20px; position: relative; top: initial; left: initial; opacity: initial; visibility: initial; overflow: visible; box-shadow: none; } .nav-overlay .header-nav ul ul li { margin: 0 0 15px; } .nav-overlay .header-nav ul ul li:last-child { margin-bottom: 0; } .nav-overlay .header-nav ul ul li a, .nav-overlay .header-nav ul ul li a:visited { padding: initial; text-transform: inherit; } .nav-overlay .header-nav ul ul li.current-menu-item > a, .nav-overlay .header-nav ul ul li.current-menu-parent > a { color: var(--ws_header_mobile_submenu_color); } .nav-overlay .header-nav ul ul ul { padding: 20px 0 10px 20px; } .header-nav ul li.menu-item-has-children > a { background-image: none; padding-right: 0; } .nav-overlay { position: fixed; background-color: var(--ws-primary); left: 0; width: 100%; height: 100%; height: 100vh; opacity: 1; left: -100%; top: 0; visibility: visible; overflow: visible; box-sizing: border-box; z-index: 8; transition: all 0.3s ease-in-out; } .nav-overlay .nav-container { display: block; } .nav-overlay.open { opacity: 1; visibility: visible; overflow-y: scroll; top: 0; z-index: 9999; left: 0; } .nav-overlay.open .header-btns { margin: 50px 0 0 0; opacity: 1; } .nav-overlay.open .header-btns a.btn { font-size: 20px; display: inline-block; padding: 15px 30px; } header .nav-container { opacity: 0; transition: all 0.4s ease-in-out; padding: 120px 20px 70px; box-sizing: border-box; width: calc(100% - 20px); margin: 0 auto; } header .nav-container .header-nav { text-align: left; } .have-topbar header .nav-container { padding-top: calc(var(--ws_header-height) + 110px); } header .nav-overlay.open .nav-container { opacity: 1; display: block; } header.shrink .nav-overlay.open .nav-container { opacity: 1; } .nav-content { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; } .nav-content::-webkit-scrollbar-track { box-shadow: none; background-color: transparent; } .nav-content::-webkit-scrollbar { width: 3px; background-color: transparent; position: relative; left: 5px; box-shadow: none; } .nav-content::-webkit-scrollbar-thumb { box-shadow: none; border-radius: 2px; } .desktop-hide { display: block !important; } .header-btns { display: none; margin-top: 70px; position: relative; opacity: 0; } .right-header { line-height: 0; } .menu-btn { top: 0; right: 0; height: 20px; width: 26px; cursor: pointer; z-index: 9999; display: inline-flex; flex-direction: column; position: relative; justify-content: space-between; transition: all 0.3s ease-in-out; } .menu-btn span { height: 2px; width: 100%; background-color: var(--ws-white); opacity: 1; transition: all 0.3s ease-in-out; } .menu-btn.active span:first-child { transform: translateY(9px) translateX(0) rotate(-45deg); } .menu-btn.active span:last-child { transform: translateY(-9px) translateX(0) rotate(45deg); } .menu-btn.active span.middle { opacity: 0; } li.menu-item-has-children .submenu-icon { position: absolute; z-index: 9999; right: 0; top: 0; display: block; height: 22px; width: 22px; cursor: pointer; background-position: top 8px center; background-size: 9px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjc3MzggMS43NzY3OUwxMC45OTggMTAuOTk5OEwyMC4yMjExIDEuNzc2NzkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41Ii8+DQo8L3N2Zz4NCg==); } li.menu-item-has-children.active > .submenu-icon::before { height: 0; top: 18px; } } .no-overflow .logged-in.admin-bar .nav-overlay { top: 32px; height: calc(100vh - 32px); } @media (max-width: 782px) { .no-overflow .logged-in.admin-bar .left-header { top: 110px; } .no-overflow .logged-in.admin-bar .nav-overlay { top: 46px; height: calc(100vh - 46px); } #wpadminbar { position: fixed !important; } body.logged-in.admin-bar header { top: 46px; } body.logged-in.admin-bar .nav-overlay { top: 46px; } body.logged-in.admin-bar.hide-topbar header { top: 2px; } } @media (max-width: 604px) { .hide-topbar header { top: var(--ws_header-top); } body.logged-in.admin-bar.hide-topbar header { top: calc(var(--ws_header-top-default) * -1.1); } } @media (max-width: 315px) { .hide-topbar header { top: -92px; } body.logged-in.admin-bar.hide-topbar header { top: -46px; } } /*------------------------------------------------- >> Styles for Masthead -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Default -------------------------------------------------*/ .hero-section-default { transition: all 0.3s ease-in-out; background-color: var(--ws_white_1); } .hero-default { padding: 100px 0 80px; } .hero-default h1 { margin-bottom: 32px; } .hero-text { max-width: 675px; } .hero-text p { font-size: var(--ws_font_size_4); margin: 0 0 30px; line-height: 1.56; } .hero-text p:last-of-type { margin-bottom: 0; } .hero-content-inner { max-width: 575px; margin-right: 15px; float: right; } .hero-ctn.serach-hero { padding-bottom: 60px; } .blog-hero { padding: 70px 0 60px; } .resource-hero { padding: 70px 0 60px; } .team-hero { padding: 70px 0 60px; } /*------------------------------------------------- >> Styles for Home -------------------------------------------------*/ /*------------------------------------------------- >> Styles for footer -------------------------------------------------*/ .footer-ctn { background-color: var(--ws-primary); box-sizing: border-box; border-radius: 100px 100px 0 0; position: relative; padding-top: 56px; margin: 0 auto; width: calc(100% - 30px); } .footer-ctn h1, .footer-ctn h2, .footer-ctn h3, .footer-ctn h4, .footer-ctn h5, .footer-ctn h6, .footer-ctn p, .footer-ctn ul, .footer-ctn a { color: var(--ws_footer_color); } .footer-logo { line-height: 0.65; margin-bottom: 40px; max-width: 210px; } .footer-logo a, .footer-logo a:visited { border: none; display: inline-block; } .client-login a, .client-login a:visited { font-size: var(--ws_font_size_14); color: #999999; letter-spacing: -0.03em; font-weight: 500; margin-right: 30px; padding-right: 30px; border-right: 1px solid #999999; } .client-login a:hover, .client-login a:visited:hover { color: var(--ws_white); } .footer-right-column { display: flex; align-items: center; gap: 30px; } .copy-right { font-size: var(--ws_font_size_14); color: rgba(255, 255, 255, 0.7); font-weight: 500; letter-spacing: -0.03em; } .footer-socials { display: flex; align-items: center; gap: 30px; } .footer-socials a, .footer-socials a:visited { line-height: 0.65; border-bottom: 0; } .footer-socials a svg, .footer-socials a:visited svg { margin: 0; } .footer-socials a svg path, .footer-socials a:visited svg path { transition: all 0.3s ease-in-out; } .footer-socials a:hover svg path, .footer-socials a:visited:hover svg path { fill: white; } .legal-nav { display: flex; align-items: center; } .legal-nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .legal-nav ul li { padding: 0; margin: 0 30px 0 0; font-size: 14px; font-weight: 500; letter-spacing: -0.03em; } .legal-nav ul li a, .legal-nav ul li a:visited { line-height: 1; padding-bottom: 2px; color: #999999; position: relative; display: block; } .legal-nav ul li a:hover, .legal-nav ul li a:focus-visible, .legal-nav ul li a:visited:hover, .legal-nav ul li a:visited:focus-visible { color: var(--ws_white); } .legal-nav ul li.current-menu-item a { color: var(--ws_white); } .single-widget ul li a, .single-widget p { color: rgba(255, 255, 255, 0.7); } .footer-nav-area li.current-menu-item > a { color: var(--ws-white) !important; } .single-widget ul li a:hover { color: var(--sw-white) !important; } .social-icons { gap: 13px; } .footer-nav-area { gap: 60px; } .footer-nav-area .single-widget { width: calc(33.33% - 40px); } .footer-widgets { gap: 45px; justify-content: space-between; } .footer-nav-area { width: 62%; } .social-icons a svg:hover { filter: brightness(0) invert(1); transform: scale(1.2); } .social-icons a svg { transition: all 0.3s ease-in-out; } .border-b { border-bottom: 2px rgba(229, 231, 235, 0.2); } .footer-bottom { padding: 40px 0; border-top: 2px solid rgba(229, 231, 235, 0.2); margin: 0 auto; width: calc(100% - 30px); } .footer-text-area { width: 33%; max-width: 319px; } .social-icons a img { width: 20px; height: 20px; line-height: 0.6; } .social-icons a.social-icon svg { width: 20px; height: 20px; margin: 0; } .copy-right a, .copy-right a:visited { color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid; transition: color 0.3s ease; } .copy-right a:hover, .copy-right a:visited:hover { color: var(--sw-white); } .single-widget .footer-nav ul li a { position: relative; display: inline-block; } .single-widget .footer-nav ul li a::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--ws-white); opacity: 0.8; transform: scaleX(0); transform-origin: right; transition: transform 0.3s ease-in-out; } .single-widget .footer-nav ul li a:hover::after { transform: scaleX(1); transform-origin: left; } /*------------------------------------------------- >> Styles for Containers -------------------------------------------------*/ /**** * * containers * ****/ .wrapper { max-width: 1260px; width: 90%; margin: 0 auto; } .ctn-1844 .wrapper { max-width: 1844px; } .ctn-1632 .wrapper { max-width: 1632px; } .ctn-1300 .wrapper { max-width: 1300px; } .ctn-1240 .wrapper { max-width: 1240px; } .ctn-1180 .wrapper { max-width: 1180px; } .ctn-1000 .wrapper { max-width: 1000px; } .ctn-980 .wrapper { max-width: 980px; } .ctn-760 .wrapper { max-width: 760px; } .ctn-full-width .wrapper { max-width: 100%; width: 100%; } .ctn-primary { background-color: var(--ws-primary); } .bg-off-white { background-color: var(--ws-off-white); } .ctn-black { background: rgba(0, 0, 0, 0.2); border-radius: 10px; } /*------------------------------------------------- >> Styles for Spacers -------------------------------------------------*/ .is-style-gl-s2, .gl-s2 { height: var(--ws_space_2) !important; } .is-style-gl-s4, .gl-s4 { height: var(--ws_space_4) !important; } .is-style-gl-s6, .gl-s6 { height: var(--ws_space_6) !important; } .is-style-gl-s8, .gl-s8 { height: var(--ws_space_8) !important; } .is-style-gl-s12, .gl-s12 { height: var(--ws_space_12) !important; } .is-style-gl-s16, .gl-s16 { height: var(--ws_space_16) !important; } .is-style-gl-s20, .gl-s20 { height: var(--ws_space_20) !important; } .is-style-gl-s24, .gl-s24 { height: var(--ws_space_24) !important; } .is-style-gl-s30, .gl-s30 { height: var(--ws_space_30) !important; } .is-style-gl-s36, .gl-s36 { height: var(--ws_space_36) !important; } .is-style-gl-s48, .gl-s48 { height: var(--ws_space_48) !important; } .is-style-gl-s72, .gl-s72 { height: var(--ws_space_72) !important; } .is-style-gl-s96, .gl-s96 { height: var(--ws_space_96) !important; } .is-style-gl-s128, .gl-s128 { height: var(--ws_space_128) !important; } .is-style-gl-s156, .gl-s156 { height: var(--ws_space_156) !important; } .is-style-gl-s200, .gl-s200 { height: var(--ws_space_200) !important; } .is-style-gl-s270, .gl-s270 { height: var(--ws_space_270) !important; } /*------------------------------------------------- >> Styles for Theme Spacers -------------------------------------------------*/ .ts-160 { height: 160px; } .ts-140 { height: 140px; } .ts-120 { height: 120px; } .ts-100 { height: 100px; } .ts-80 { height: 80px; } .ts-60 { height: 60px; } .ts-40 { height: 40px; } /*------------------------------------------------- >> Basic styles for theme -------------------------------------------------*/ /**** * * helper classes * ****/ .large-text { font-size: var(--ws_font_size_6); line-height: 1.3; } .small-text { font-size: var(--ws_font_size_14); line-height: 1; } .black-text { color: var(--wp--preset--color--black); } .white_text { color: var(--wp--preset--color--white); } .float-right { float: right; } .float-left { float: left; } .center-align { text-align: center; } .right-align { text-align: right; } .left-align { text-align: left; } .text-uppercase, .uppercase { text-transform: uppercase; } .text-decuration-none { text-decoration: none; } .d-flex { display: flex; flex-wrap: wrap; } .d-inline-flex { display: inline-flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .align-items-start { align-items: flex-start; } .items-center { align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .flex-center { display: flex; align-items: center; justify-content: center; } .our-service .heading-2 { font-weight: 400; } .kicker-text { font-size: var(--ws_font_size_16); line-height: 1.5; background-color: var(--ws-secondary); padding: 10px 22px; text-align: center; display: inline-block; color: var(--ws-white); border-radius: 50px; margin-bottom: 12px; } .kicker-text p { margin-bottom: 0; } .mb-0 { margin-bottom: 0; } .m-auto { margin: 0 auto; } .four-cols { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; } .four-cols .col { width: calc(25% - 23px); } .text-center { text-align: center; } .font-15 { font-size: var(--ws_font_size_16) !important; } .bg-l-purple { background-color: var(--ws-l-purple); } .two-cols { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; } .two-cols .col { width: calc(50% - 80px); } .font-36 { font-size: var(--ws_space_36); } .three-cols { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .three-cols .col { width: calc(33.33% - 20px); } .site-logo a { line-height: 0 !important; } .ctn-tertiary { background-color: var(--ws-tertiary); } .lity-close { color: var(--ws-white) !important; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-position-center { background-position: center; } .bg-norepeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .reset-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } /**** * * breadcrumbs * ****/ #breadcrumbs { color: var(--ws_breadcrumb_color); text-transform: uppercase; margin-bottom: 23px; font-size: var(--ws_font_size_14); } #breadcrumbs span { font-size: var(--ws_font_size_4); } #breadcrumbs span.breadcrumb_last { font-size: var(--ws_font_size_14); font-weight: 500; margin-left: 10px; } #breadcrumbs a, #breadcrumbs:visited { color: var(--ws_breadcrumb_link_color); font-weight: 700; margin: 0 10px; border-bottom: 1px solid var(--ws_breadcrumb_border_color); font-size: var(--ws_font_size_14); } #breadcrumbs a:hover, #breadcrumbs:visited:hover { border-bottom: 1px solid var(--ws_breadcrumb_border_color_hover); } .single-post #breadcrumbs span span span span span span { color: var(--ws_breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--ws_breadcrumb_link_color); } /**** * * buttons * ****/ .learn-more { color: var(--wp--preset--color--black); font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; } a.button, a.btn, a.btn:visited a.button:visited, span.button, .is-style-mycustomstyle .wp-element-button { background-color: var(--ws-tertiary); color: var(--ws-black) !important; padding: 11px 20px; border-radius: 8px; font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; position: relative; overflow: hidden; text-decoration: none; border-bottom: 0; display: inline-block; } a.button::before, a.btn::before, a.btn:visited a.button:visited::before, span.button::before, .is-style-mycustomstyle .wp-element-button::before { content: ""; position: absolute; top: -40%; right: 110%; width: 35px; height: 200%; background-color: rgba(255, 255, 255, 0.3); transform: rotate(20deg); } a.button:last-child, a.btn:last-child, a.btn:visited a.button:visited:last-child, span.button:last-child, .is-style-mycustomstyle .wp-element-button:last-child { margin-right: 0; } a.button.secondary-btn, a.btn.secondary-btn, a.btn:visited a.button:visited.secondary-btn, span.button.secondary-btn, .is-style-mycustomstyle .wp-element-button.secondary-btn { background-color: var(--ws-white); } a.button:hover:before, a.btn:hover:before, a.btn:visited a.button:visited:hover:before, span.button:hover:before, .is-style-mycustomstyle .wp-element-button:hover:before { right: -50%; transition: 1.5s ease all; z-index: 1; } a.button.secondary-btn::before, a.btn.secondary-btn::before, a.btn:visited a.button:visited.secondary-btn::before, span.button.secondary-btn::before, .is-style-mycustomstyle .wp-element-button.secondary-btn::before { background-color: rgba(var(--ws-tertiary-rgb), 0.35); } a.button.outline-btn, a.btn.outline-btn, a.btn:visited a.button:visited.outline-btn, span.button.outline-btn, .is-style-mycustomstyle .wp-element-button.outline-btn { background-color: transparent; color: var(--ws_theme_btn_color_hover); } a.wp-block-button__link, a.wp-block-button__link:visited { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 11px 30px; text-decoration: none; color: var(--ws_theme_btn_color); background-color: var(--ws_theme_btn_bgcolor); border: 2px solid var(--ws_theme_btn_border_color); transition: all 0.35s ease-in-out; margin-right: 9px; font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--ws_font_size_3); border-radius: 100px; } a.wp-block-button__link:hover, a.wp-block-button__link:visited:hover { background-color: var(--ws_theme_btn_bgcolor_hover); border: 2px solid var(--ws_theme_btn_border_color_hover); color: var(--ws_theme_btn_color_hover); } a.wp-block-button__link.has-background, a.wp-block-button__link:visited.has-background { border: none; } a.wp-block-button__link.has-background:hover, a.wp-block-button__link:visited.has-background:hover { border: none; color: unset; } a.wp-block-button__link.has-text-color.has-background, a.wp-block-button__link:visited.has-text-color.has-background { border: none; } a.wp-block-button__link.has-text-color.has-background:hover, a.wp-block-button__link:visited.has-text-color.has-background:hover { border: none; } /**** * * WordPress buttons * ****/ /* Styles for the disabled button */ button[disabled] { background-color: #dddddd; color: #999999; cursor: not-allowed; border: 1px solid #cccccc; opacity: 0.6; } button[disabled]:hover { background-color: #dddddd; } .wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link:visited { border: 2px solid var(--ws_wp_outline_btn_border_color); } .wp-block-button.is-style-outline a.wp-block-button__link:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited:hover { background-color: var(--ws_wp_outline_btn_bgcolor); color: var(--ws_wp_outline_btn_color); } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-background:hover { background-color: unset; color: unset; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background { border: none; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:hover { border: none; } .no-visible { visibility: hidden; } /**** * * 404 page * ****/ .not-found { text-align: center; } .error-404 { text-align: center; margin: 20px 0; width: 100%; } .error-404 .menu { margin: 0; } .error-404 ul li { display: inline-block; margin: 0 0 0 20px; font-weight: 700; padding: 0; } .error-404 ul li::before { display: none; } .error-404 ul li a { padding: 10px; border-bottom: 0; } .error-404 ul li a:hover { color: var(--ws_error_menu_color); } .error-404 ul li ul { display: none; } .form-404 { margin: 0 auto 0; max-width: 720px; } .form-404 p { margin-bottom: 20px; } .select-dropdown ul.select-dropdown__list { display: none; } .select-dropdown ul.select-dropdown__list.is-active-dropdown { display: block; } .select-dropdown ul.select-dropdown__list li.select-dropdown__item { outline: 2px dotted transparent; } .select-dropdown ul.select-dropdown__list li.select-dropdown__item:focus, .select-dropdown ul.select-dropdown__list li.select-dropdown__item:focus-visible { outline-color: black !important; } .select-dropdown .select-dropdown__button:focus, .select-dropdown .select-dropdown__button:focus-visible { outline-color: black !important; } img.main-image { opacity: 0; transition: all 500ms ease-in-out; } picture img.loaded { opacity: 1; } .cta-blocks { width: 90%; margin: 0 auto; display: grid; grid-template-rows: repeat(var(--cards-count), var(--card-height)); gap: 40px 0; max-width: 1920px; } .cta-block-single { position: sticky; top: 200px; } .cta-block-single-inner { box-shadow: 0px 0px 40px rgb(102, 102, 102); overflow: hidden; border-radius: 50px; will-change: transform; transform-origin: center top; } .cta-block-inner { width: 90%; max-width: 1300px; margin: 0 auto; } .section-head { margin-bottom: 50px; } .section-head.text-center p { max-width: 650px; margin: 5px auto 0 auto; font-size: var(--ws_font_size_24); } .section-head h2 { margin-bottom: 0; } .section-head p { margin-top: 5px; } .section-head p:last-child { margin-bottom: 0; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .post-box .post-box-img a { height: 100%; display: inline-block; } .post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .post-box .post-image a .post-featured-thumb { height: 100%; width: 100%; } .post-box:last-of-type { margin-bottom: 0; } .post-box .post-box-img:hover img { transform: scale(1.05); } .post-content { margin-top: 15px; } .post-box-img { overflow: hidden; } .post-box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-box-title h2 a, .post-box-title h4 a { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--ws_body_color); border-bottom: none; } .post-box-title h2 a:last-child, .post-box-title h4 a:last-child { margin-bottom: 0; } .post-box-title h4 { margin: 0 0 10px; } .post-box.featured-post .post-box-inner { display: flex; align-items: center; } .post-box.featured-post .post-box-inner .post-box-img { width: 60%; } .post-box.featured-post .post-box-inner .post-content { width: 45%; margin-top: 0; margin-left: 30px; } .post-box.featured-post .post-box-inner .post-content h2 a { color: var(--ws_body_color); } .post-box.featured-post .post-box-inner span.button { margin-top: 30px; } .post-author-ctn { display: flex; } .post-author-ctn .post-author-img { border-radius: 50%; margin-right: 20px; } .post-author-ctn .post-meta-date { color: var(--ws_dark-gray); font-size: var(--ws_font_size_16); } .post-box-meta { margin-bottom: 15px; } .post-box-meta .post-date { margin-right: 20px; font-size: var(--ws_font_size_14); } .post-box-meta .ac-post-cat { font-size: var(--ws_font_size_14); } .post-box-meta a { text-decoration: none; border-bottom: none; margin-left: 5px; } .post-box-excerpt p { margin-bottom: 15px; } .hero-ctn .post-box-meta { margin-bottom: 15px; } .post-tag a { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 8px; border-bottom: none; padding: 3px 10px; display: inline-block; background-color: var(--ws_theme_btn_bgcolor); color: var(--ws_white); } .post-tag a:hover, .post-tag a:focus-visible { color: var(--ws_black); background-color: var(--ws_white_2); } .blog-nav .nav-ctn ul { display: flex; justify-content: center; flex-wrap: wrap; } .blog-nav .nav-ctn ul ul { margin-left: 0; } .blog-nav .nav-ctn ul li { list-style: none; } .blog-nav .nav-ctn ul li a { margin: 0 5px; background-color: var(--ws_theme_btn_bgcolor); padding: 10px 20px; font-size: var(--ws_font_size_16); color: var(--ws_white); } .blog-nav .nav-ctn ul li a:hover, .blog-nav .nav-ctn ul li a:focus-visible { color: var(--ws_black); background-color: var(--ws_white_2); } .resources-post-box { border: 0; margin-bottom: 50px; } .resources-post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .resources-post-box .rc-post-img:hover img { transform: scale(1.05); } .featured-post .rc-post-img { width: 47%; min-height: 400px; } .featured-post .post-content { width: 47%; margin-top: 0; } .featured-post .resources-inner { margin-bottom: 0; } .rc-post-img { overflow: hidden; height: 250px; } .rc-post-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-meta { margin-bottom: 30px; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(350px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--ws_space_30); } .three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(309px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--ws_space_30); } .four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(250px, 25% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--ws_space_30); } .five-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(200px, 20% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--ws_space_30); } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Defualt Block -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for FAQ's Block -------------------------------------------------*/ .faq-block { max-width: 825px; margin: 0 auto; } .faq > a { border: none; display: block; font-size: 24px; line-height: 30px; font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; cursor: pointer; position: relative; padding: 37px 0 36px; border-top: 1px solid rgba(40, 28, 60, 0.12); } .faq > a::after { position: absolute; content: ""; width: 30px; height: 30px; right: 0; top: 37px; transition: all 0.4s ease-in-out; display: block; background-repeat: no-repeat; background-position: center; } .faq > a:hover, .faq > a:focus-visible { color: var(--wp--preset--color--black); border-top: 1px solid rgba(40, 28, 60, 0.12); } .faq > a.active { padding-bottom: 24px; color: var(--wp--preset--color--black); } .ctn-primary.white .faq-content, .ctn-primary.white .faq-head .heading-5 { color: var(--ws-white); } .faq-content { border-top: 0; color: var(--ws-black); font-size: var(--ws_font_size_18); line-height: 1.5; max-width: 90%; padding-bottom: 13px; } .faq-content p:last-child { margin-bottom: 0; } .top-latters-area a, .top-latters-area a:visited { display: inline-block; width: 44px; height: 44px; box-sizing: border-box; border-radius: 50%; border: 1px solid rgba(40, 28, 60, 0.2); text-transform: uppercase; font-size: var(--ws_font_size_16); line-height: 22px; font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; padding: 10px; color: var(--wp--preset--color--black); margin: 0 4px 12px 0; text-align: center; } .top-latters-area a:hover, .top-latters-area a:focus-visible, .top-latters-area a:visited:hover, .top-latters-area a:visited:focus-visible { border: 1px solid rgba(40, 28, 60, 0.6); } .letter-box { float: left; width: 38px; height: 38px; border-radius: 50%; text-transform: uppercase; text-align: center; padding: 7px; box-sizing: border-box; background-color: rgba(40, 28, 60, 0.04); font-size: 15px; line-height: 20px; font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; } .glossary-content { padding: 24px 0; border-bottom: 1px solid rgba(40, 28, 60, 0.12); } .glossary-content:last-child { border-bottom: 0; } .faq-content p { position: relative; top: -5px; transition: all 0.3s ease-in-out; } .faq-text { margin: 0 auto; max-width: 600px; } .faqs { width: 100%; padding: clamp(1.25rem, 3.922vw + 0.331rem, 3.125rem); box-sizing: border-box; border: 2px solid transparent; border-radius: 30px; background-clip: padding-box, border-box; background-origin: border-box; border: 1px solid rgba(165, 165, 165, 0.322); } .faq { border-bottom: 1px solid rgba(165, 165, 165, 0.322); } .faq:last-child { border-bottom: 0; } .faq-head { position: relative; cursor: pointer; padding: 20px 0; } .faq-head::before { content: ""; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC43MTQzIDE0LjcxNDNWN0gxNy4yODU3VjE0LjcxNDNIMjVWMTcuMjg1N0gxNy4yODU3VjI1SDE0LjcxNDNWMTcuMjg1N0g3VjE0LjcxNDNIMTQuNzE0M1oiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==); position: absolute; right: 4px; z-index: 1; top: calc(50% - 16px); } .faq-head:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--ws-primary); color: var(--pbp_white); font-weight: 400; font-size: 40px; width: 40px; height: 40px; border-radius: 6px; } .faq-head.active:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjY2NjYzIDE0LjY2N0gyNS4zMzMzVjE3LjMzMzdINi42NjY2M1YxNC42NjdaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=); } .faq-section { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 5%; } .faq-icon { width: 90px; height: 90px; border-radius: 50%; margin-bottom: 20px; } .faq-icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .square-box { width: 106px; height: 100px; position: absolute; left: -34px; bottom: -26px; } .blog-post-image a, a.blog-detail, .blog-post-heading a { border-bottom: none; } .faq-head .heading-5 { color: var(--ws-black); margin-bottom: 0; } /*------------------------------------------------- >> Basic styles for Team Block -------------------------------------------------*/ .team-members { display: flex; flex-wrap: wrap; align-items: stretch; } .single-member { position: relative; margin-bottom: 40px; } .single-member .t-detail { margin-top: 20px; } .single-member .sm-inner { display: inline-block; box-sizing: border-box; width: 100%; height: 100%; border-bottom: none; position: relative; } .single-member .member-image { background-image: url(/wp-content/themes/sample-custom/assets/build/images/default-image.webp); background-repeat: no-repeat; background-position: center; background-size: cover; height: 310px; width: 100%; } .single-member .member-name { font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 8px; } .single-member .designation { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--ws_font_size_18); margin-bottom: 0; } .black-container * { color: var(--ws_white); } .section-team-variation { max-width: 1064px; margin: 0 auto; } .single-member-detail { display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 2%; column-gap: 2%; justify-content: space-between; padding: 16px 0 21px; color: var(--wp--preset--color--black80); border-bottom: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail:first-child { border-top: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail h6 { letter-spacing: -0.15px; color: var(--wp--preset--color--black80); } .single-member-detail h6, .single-member-detail p { margin-bottom: 0; } .single-member-detail .name { flex: 4; } .single-member-detail .description { flex: 5; } .single-member-detail .title { flex: 2; } .team-detail { align-items: center; justify-content: center; box-sizing: border-box; max-width: 639px; max-height: 70vh; width: 100%; transition: all 0.5s ease-in-out; display: inline-block; margin: 0 auto; position: relative; overflow: hidden; } .team-detail .team-detail-inner { padding-right: 6px; height: 100%; overflow: auto; } .team-detail .team-detail-inner::-webkit-scrollbar { display: none; } .team-detail .team-detail-inner.scroll { padding-right: 0; } .team-detail .team-detail-inner.scroll::-webkit-scrollbar { display: block; } .team-detail .mfp-close { position: absolute; top: 7px; right: 5px; width: 16px; height: 16px; transition: all 200ms; background-position: top right; background-repeat: no-repeat; background-size: contain; } .team-detail .mfp-close:hover, .team-detail .mfp-close:focus-visible { background-color: transparent; cursor: pointer; } .team-detail-inner::-webkit-scrollbar { width: 6px; height: 100%; } .team-detail-inner::-webkit-scrollbar-track { background-color: var(--wp--preset--color--regular_text); } .team-detail-inner::-webkit-scrollbar-thumb { background: var(--ws_yellow); } .single-team { text-align: left; } .single-team .single-team-head { background-color: var(--wp--preset--color--mgray); position: relative; padding-right: 35px; } .single-team .member-image-popup { width: 30%; height: 185px; } .single-team .member-detail-popup { width: 64%; } .single-team .member-name-popup { font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; color: var(--wp--preset--color--dark_text); margin-bottom: 5px; } .single-team .member-designation { font-family: "Satoshi-Regular", arial, sans-serif; font-weight: 400; font-style: normal; color: var(--wp--preset--color--lblack); margin-bottom: 0; font-size: var(--ws_font_size_16); letter-spacing: -0.6px; } .single-team .single-team-content * { color: black !important; } .single-team .single-team-content { overflow: auto; background-color: var(--ws_white); padding: 41px 60px 50px 50px; font-size: var(--ws_font_size_18); line-height: 1.65; } .single-team .single-team-content p { margin-bottom: 0; } .mfp-content { text-align: center; } .mfp-wrap { z-index: 999999 !important; } /*------------------------------------------------- >> Basic styles for Image Alongside Text Block -------------------------------------------------*/ .image-at-right .iat-image { order: 2; } /*------------------------------------------------- >> Basic styles for hero block -------------------------------------------------*/ .section-heading span { color: var(--ws-tertiary); } .check-list ul { margin-left: 0; } .check-list ul li { list-style-type: none; position: relative; padding-left: 36px; } .check-list ul li::before { content: ""; position: absolute; width: 24px; height: 24px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjEyIiBmaWxsPSIjRkZBNjIzIiBmaWxsLW9wYWNpdHk9IjAuOTgwMzkyIi8+DQo8cGF0aCBkPSJNMTcuMzMyNyA4TDkuOTk5MzUgMTUuMzMzM0w2LjY2NjAyIDEyIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat center; background-size: contain; left: 0px; top: 0; } .hero-buttons { gap: 15px; } .hero-text-area { width: 46%; max-width: 540px; } .hero-image { width: 50%; line-height: 0.6; aspect-ratio: 1/0.8; } .hero-image img { border-radius: 16px; } .hero-ctn { border-radius: 0 0 100px 100px; margin: 0 auto; width: calc(100% - 30px); } .hero-section { gap: 90px; flex-wrap: nowrap; transition: all 0.3s ease-in-out; } /*------------------------------------------------- >> Basic styles for stats block -------------------------------------------------*/ .stats .heading-2 { margin-bottom: 0; } .stats-section { gap: 205px; text-align: center; } .stats { width: calc(25% - 154px); } .stats p { font-weight: 500; margin-bottom: 0; } .client-stat-heading { display: flex; justify-content: center; } /*------------------------------------------------- >> Basic styles for about block -------------------------------------------------*/ .lead-pera-text { font-family: "Satoshi-Light", arial, sans-serif; font-weight: 300; font-style: normal; line-height: 1.32; font-size: var(--ws_font_size_32); } .about-section { gap: 115px; } .about-section .section-headings { width: 50%; } .about-img { width: 41%; } /*------------------------------------------------- >> Basic styles for feature block -------------------------------------------------*/ .feature { padding: 22px; box-sizing: border-box; border: 1px solid #E5E7EB; box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1); border-radius: 14px; } .features { gap: 30px; justify-content: flex-start; align-items: stretch; } .feature-text { font-size: 15px; } .feature-icon { background-color: var(--ws-l-yellow); display: inline-block; padding: 12px; line-height: 0.6; border-radius: 10px; box-sizing: border-box; } .feature-icon img { width: 24px; height: 24px; } .feature-headings p { margin: 0; } .feature-headings h3 { padding: 15px 0 9px 0; margin: 0 !important; font-weight: 500; } .features .feature:nth-child(2), .features .feature:nth-child(4), .features .feature:nth-child(5), .features .feature:nth-child(7) { background-color: var(--ws-l-purple); } /*------------------------------------------------- >> Basic styles for our-process block -------------------------------------------------*/ .our-process-icon { padding: 16px; position: relative; background-color: var(--ws-primary); border-radius: 50px; display: inline-block; line-height: 0.6; margin-bottom: 16px; } .our-process-icon img { width: 32px; height: 32px; } .our-process-text p { font-size: 15px; } .our-process-ctn { gap: 50px; position: relative; margin-top: 45px; } .our-process-ctn .col { width: calc(25% - 37.75px); } .process-badge { position: absolute; top: -8px; left: 84%; transform: translateX(-50%); width: 28px; height: 28px; background: #FDE9C9; border-radius: 50%; font-size: 14px; color: #111; display: flex; align-items: center; justify-content: center; } .our-process-ctn::before { content: ""; position: absolute; top: 35px; left: 0; width: 80%; height: 2px; background: rgba(239, 233, 226, 0.9098039216); z-index: -1; left: 50%; transform: translateX(-50%); } section.our-process { border-top: 2px solid #E5E7EB; } .wp-block-separator { border: none; border-top: 2px solid #E5E7EB; margin: 0; background: none; } /*------------------------------------------------- >> Basic styles for our-values-block -------------------------------------------------*/ .our-values-ctn { gap: 160px; row-gap: 60px; margin-top: 60px; align-items: flex-start; justify-content: flex-start; } .our-value-heading h3 { font-weight: 400 !important; } .our-values-ctn .our-value-text p { font-size: 18px; line-height: 1.7; } .our-values-ctn span { font-weight: 500; font-size: 23px; } /*------------------------------------------------- >> Basic styles for our-brands-block -------------------------------------------------*/ .our-brand-section { gap: 80px; } section.our-brands .check-list ul li::before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOS40MzQ2IDIuODQ5NjFMNi45ODE0NSAxNC4zOTE2TDAuNTY0NDUzIDcuNTQyOTdMMi44MzIwMyA1LjQxOTkyTDYuODY4MTYgOS43Mjc1NEw3LjE0MDYyIDEwLjAxNzZMNy40MzI2MiA5Ljc0NzA3TDE3LjMyODEgMC41NjU0M0wxOS40MzQ2IDIuODQ5NjFaIiBmaWxsPSIjRkZBNjIzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuOCIvPg0KPC9zdmc+DQo=) no-repeat center !important; width: 20px; height: 20px; } .our-brands .hero-buttons { margin-top: 50px; } .our-brand-image { line-height: 0.6; } .our-brand-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } section.our-brands { border-bottom: 2px solid #E5E7EB; } .image-at-left { flex-direction: row-reverse; } /*------------------------------------------------- >> Basic styles for cta block -------------------------------------------------*/ .cta-section { max-width: 700px; margin: 0 auto; padding: 0 50px; } .footer-widgets ul { margin: 0; } /*------------------------------------------------- >> Basic styles for reviews block -------------------------------------------------*/ .review-text { font-size: var(--ws_font_size_42); font-weight: 500 !important; font-family: "Satoshi-Medium", arial, sans-serif; font-weight: 500; font-style: normal; line-height: 1.2; transform-origin: will-change; } .text-muted { color: #303545; } .reviews-section .heading-4 { max-width: 90%; margin: 0 auto; } .review-card { transition: all 0.6s ease; opacity: 0.5; transform: scale(0.85); transform-origin: will-change; max-width: 850px; margin: 0 auto; } .testimonial-slider { margin-top: 50px; } .active .review-card { opacity: 1; transform-origin: will-change; transform: scale(1); } .owl-carousel .owl-stage { display: flex; } .owl-item { display: flex; align-items: center; justify-content: center; } .review-text { max-width: 950px; margin: 0 auto 1rem; } .reviews-arrows { display: flex; justify-content: center; gap: 40px; margin-top: 72px; } .reviews-arrows img { width: 50px; } .review-icons svg { margin-bottom: 10px; } .review-client { transform-origin: will-change; } .swp-container { position: relative; width: 100%; height: 100%; display: flex; align-items: center; } /*------------------------------------------------- >> Basic styles for services block -------------------------------------------------*/ .services-points a img { width: 11px; height: 11px; margin-left: 10px; } .services-points .btn { border-radius: 50px; margin-top: 40px; } .custom-list { list-style: none; padding-left: 0; margin: 0 0 34px 0; } .custom-list li { position: relative; padding-left: 30px; line-height: 1.7; margin-bottom: 24px; } .custom-list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; background-color: var(--ws-black-00); border-radius: 50%; } .our-service { justify-content: space-between; gap: 150px; } .our-service .section-headings { max-width: 577px; } .our-service .services-points { max-width: 529px; } section.our-services { border-radius: 50px; } .card { position: sticky; top: 200px; } .cards { width: 100%; margin: 0 auto; display: grid; grid-template-rows: repeat(var(--cards-count), var(--card-height)); gap: 40px 0; } .our-services-section-ctn.cards { --card-height: none !important; } .card__inner { border-radius: 50px; } /*------------------------------------------------- >> Basic styles for why-choose-us block -------------------------------------------------*/ .features.three-cols .feature.col:nth-child(odd) { background-color: var(--ws-l-purple) !important; } .features.three-cols .feature.col:nth-child(even) { background-color: transparent; } /*------------------------------------------------- >> Basic styles for blog block -------------------------------------------------*/ .post-meta { margin-bottom: 0; justify-content: space-between; } .post-meta .read-more { gap: 10px; align-items: center; } .post-meta .read-more img { width: 24px; height: 24px; } .blog-posts { gap: 30px; align-items: stretch; margin-top: 50px; justify-content: center; } .blog-content { padding: 30px; } .blog-post { border-radius: 20px; overflow: hidden; transition: all 0.3s ease-in-out; } .blog-post .blog-image { line-height: 0.6; transition: all 0.3s ease-in-out; aspect-ratio: 400/240; overflow: hidden; } .blog-post .blog-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px 20px 0 0; transition: all 0.3s ease-in-out; } .blog-heading h3 { font-weight: 600; } .blog-post:hover .blog-image img { transform: scale(1.05); } .arrow { line-height: 0.6; } .hero-social-icon .copy-msg { display: block; position: absolute; left: -43px; right: 0; width: 122px; bottom: -30px; font-size: 14px; display: none; } a.text-20 { font-size: 20px; font-weight: 700; } .blog-section-related { border-top: 2px solid #E5E7EB; } .blog-heading .heading-6 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 50px; } /*------------------------------------------------- >> Basic styles for single post block -------------------------------------------------*/ .blog-details .blog-detail { background-color: var(--pbp_black); padding: 8px 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border: 1px solid #99a1af; border-radius: 50px; } .blog-details .blog-detail p { margin-bottom: 0; } .hero-section .blog-details { gap: 20px; } .hero-social-icon { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #99a1af; cursor: pointer; position: relative; } .hero-social-icon a { border: none; line-height: 0.6; padding-bottom: 0; } .hero-social-icon a img { width: 22px; height: 22px; transition: all 0.3s ease-in-out; } .hero-social-icons { display: flex; gap: 10px; } .share-text p { text-align: left; margin: 0; } .hero-social-icons-area { display: flex; align-items: center; gap: 20px; } .hero-post-detail-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 50px; margin-top: 50px; } .hero-section.singe-post-ctn { padding-bottom: 0; } .single-post-image { aspect-ratio: 1240/630; line-height: 0.6; } .single-post-image img { width: 100%; height: 100%; line-height: 0.6; border-radius: 20px; -o-object-fit: cover; object-fit: cover; } .single-post-content-area .hero-social-icons-area { flex-direction: column; justify-content: start; align-items: self-start; width: 60px; position: sticky; top: 200px; } .single-post-content-area .hero-social-icons { flex-direction: column; } .text-18 { font-size: 18px; } .single-page-content-image { max-width: 760px; } .single-post-content ol > li { position: relative; padding-left: 30px; } .page-section ol > li::before { background: var(--ws-black); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tags a { color: var(--ws-black); padding: 4px 15px; border: 1px solid var(--ws-black); border-radius: 50px; } .tags-area { gap: 10px; } .tags-area span { width: 45px; } .next-prev-post a { margin: 0; } .tags { display: flex; gap: 10px; flex-direction: row; font-size: 14px; align-items: center; flex-wrap: wrap; width: calc(100% - 55px); } .author-info .hero-social-icons-area { flex-direction: row; align-items: center; } .author-info .hero-social-icons { flex-direction: row; } .author-name-area { display: flex; flex-wrap: wrap; align-items: center; gap: 50px; justify-content: space-between; padding-right: 20px; margin-bottom: 12px; } .author-image { width: 130px; height: 130px; border-radius: 50%; aspect-ratio: 1/1; } .author-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .author-text p:last-child { margin: 0; } .post-author-area { background: var(--ws-primary); border-radius: 20px; color: var(--ws-white); display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 27px; } .post-author-inner { border-radius: 20px; background-color: var(--pbp_black); } .author-info { width: calc(100% - 150px); } .single-post-content-area { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 57px; margin-top: 71px; } .single-post-content { width: calc(100% - 118px); } .author-name { width: 100%; max-width: 250px; } .author-name h3 { margin-bottom: 6px; } .author-name-area .hero-social-icons-area { width: calc(100% - 300px); display: flex; justify-content: flex-end; } .next-prev-post a { color: var(--ws-black); border: none; } .next-prev-post a:hover { color: var(--pbp_white); } .next-prev-post { display: flex; flex-direction: column; gap: 10px; width: 40%; } .next-prev-post:nth-child(2) { align-items: flex-end; } .next-prev-posts { display: flex; align-items: center; justify-content: space-between; margin-top: 83px; position: relative; } .next-prev-posts::before { content: ""; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: var(--ws-black); transform: translateX(-50%); } .next-posts { margin-top: 50px; } .single-post-text-area p { line-height: 1.8; } .single-post-text-area ul { margin-bottom: 60px; } .blog-icon { width: 22px; height: 22px; } .blog-detail-text p a, .blog-detail-text p, .blog-detail-text p a:visited { border: 0; color: var(--ws-white); transition: all 0.3s ease; font-size: 15px; } .blog-detail-text p a:hover, .blog-detail-text p:hover { border: 0; color: var(--ws-tertiary); } .blog-content { color: var(--ws-black); } .single-post-content blockquote a, .single-post-content p a { color: var(--ws-tertiary); position: relative; } .single-post-content blockquote a::after, .single-post-content p a::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background: var(--ws-black); transform: scaleX(0); transform-origin: right; transition: transform 0.3s ease; } .single-post-content blockquote a:hover::after, .single-post-content p a:hover::after { transform: scaleX(1); transform-origin: left; } .hero-social-icon a:hover img { filter: brightness(0) invert(1); transform: scale(1.1); cursor: pointer; } .hero-social-icons-area.left-socials-icon a:hover img { filter: brightness(1) invert(0); } /*------------------------------------------------- >> Basic styles for contact block -------------------------------------------------*/ .contact-block-inner { padding: clamp(1.875rem, 2.817vw + 1.215rem, 3.75rem) 5%; background-color: var(--pbp_black); border-radius: 30px; } .contact-form-area { max-width: 1040px; margin: clamp(1.875rem, 2.817vw + 1.215rem, 3.75rem) auto 0 auto; } .contact-info-icon { width: 45px; height: 45px; line-height: 0.6; background-color: var(--ws-primary); display: flex; justify-content: center; align-items: center; border-radius: 50px; margin: 0 auto 15px auto; } .contact-info-icon img { width: 25px; height: 25px; } .contact-info-ctn { flex-wrap: wrap; gap: 50px; } .contact-info { width: calc(33.33% - 34px); } .contact-info a { color: var(--ws-black); transition: all 0.3s ease-in-out; } .contact-info a:hover { color: var(--ws-tertiary); } .contact-block-ctn { background: var(--ws-primary); border-radius: 100px; color: var(--ws-white); } .contact-block-ctn .section-head p { max-width: 100%; font-size: 20px; } /*------------------------------------------------- >> Styles for Wp Buttons -------------------------------------------------*/ /**** * * WordPress buttons * ****/ .wp-block-button .wp-block-button__link { background-color: var(--ws-tertiary); color: var(--ws-black) !important; padding: 11px 20px; border-radius: 8px; font-family: "Satoshi-Bold", arial, sans-serif; font-weight: 700; font-style: normal; position: relative; overflow: hidden; transition: all 0.9s ease-in-out; text-decoration: none; border-bottom: 0; } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus-visible { color: var(--ws_theme_btn_color); } .wp-block-button .wp-block-button__link.has-background { border: none; } .wp-block-button .wp-block-button__link.has-background:hover, .wp-block-button .wp-block-button__link.has-background:focus-visible { border: none; } .wp-block-button .wp-block-button__link.has-text-color.has-background { border: none; } .wp-block-button .wp-block-button__link.has-text-color.has-background:hover, .wp-block-button .wp-block-button__link.has-text-color.has-background:focus-visible { border: none; } .wp-block-button.is-style-outline-boxed .wp-block-button__link:hover, .wp-block-button.is-style-outline-boxed .wp-block-button__link:focus-visible { color: var(--ws_wp_outline_btn_color); } .wp-block-button.is-style-fill-boxed .wp-block-button__link { border-radius: 6px; } /* ------------------------------------------------------------------ > Responsive ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Responsive queries ------------------------------------------------- */ /* ------------------------------------------------- >> Base Responsive queries ------------------------------------------------- */ @media only screen and (min-width: 1004px) and (max-width: 1440px) { .stats-section { gap: 154px; } .our-services .our-service { gap: 30px; } .contact-block-ctn { border-radius: 50px; } .stats { width: calc(25% - 116px); } .about-section { gap: 50px; } .about-section .section-text { font-size: 25px; margin-bottom: 0; } .about-section .section-text p { margin-bottom: 0; } .about-img { width: 44%; } .our-values-ctn { align-items: flex-start; } .review-text { font-size: 30px; } .reviews-arrows { margin-top: 50px; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .hero-image { aspect-ratio: auto; } .our-services .our-service { gap: 30px; } .nav-links-area { display: block; } .hero-buttons { display: flex; align-items: center; gap: 32px; } .logo { width: 180px; } .header-btns a.btn { padding: 8px 15px; } .header-nav ul li { margin: 0 20px 0 0; } .hero-section { flex-wrap: wrap; } .hero-text-area, .hero-image { width: 100%; } .hero-image { text-align: center; } .hero-text-area { max-width: 100%; } .hero-ctn { border-radius: 0 0 50px 50px; } .stats-section { gap: 80px; } .stats { width: calc(25% - 60px); } .about-img { width: 100%; max-width: 550px; } .about-section { flex-direction: column-reverse; gap: 50px; } .about-section .section-headings { width: 100%; text-align: center; max-width: 620px; } .about-section .section-headings .section-text { font-size: 20px; margin-bottom: 0; } .about-section .section-headings .section-text p { margin-bottom: 0; } .our-process-ctn .col { width: calc(50% - 37.75px); } .our-process-ctn::before { display: none; } .our-value-heading .heading-2 { font-size: 25px; font-weight: 600 !important; } .our-values-ctn { gap: 100px; row-gap: 40px; margin-top: 40px; justify-content: space-between; align-items: start; } .our-value.col { width: calc(50% - 50px); } .our-brand-section { gap: 60px; justify-content: space-between; align-items: flex-start; } .our-brand-section.two-cols .col { width: calc(50% - 30px); } .our-brand-image { position: sticky; top: 70px; } .review-text { font-size: 25px; } .reviews-arrows { margin-top: 30px; } .contact-block-ctn { border-radius: 50px; } .footer-ctn { border-radius: 50px 50px 0 0; } .footer-nav-area { width: 100%; gap: 20px; } .footer-widgets { gap: 50px; } .footer-widgets .footer-text-area { width: 35%; max-width: 330px; } .single-widget { margin-bottom: 0; } .footer-nav-area .single-widget { width: 31%; } .post-author-area { align-items: flex-start; } .author-name-area { gap: 15px; } .author-name-area .hero-social-icons-area { width: 100%; justify-content: flex-start; } } @media only screen and (min-width: 700px) and (max-width: 1080px) { .features.four-cols .col { width: calc(49% - 9px) !important; } .features .feature:nth-child(2), .features .feature:nth-child(3), .features .feature:nth-child(6), .features .feature:nth-child(7) { background-color: var(--ws-l-purple) !important; } .features .feature:nth-child(2), .features .feature:nth-child(4), .features .feature:nth-child(5), .features .feature:nth-child(7) { background-color: transparent; } } @media only screen and (min-width: 600px) and (max-width: 870px) { .blog-posts .blog-post { width: 47%; } } @media (min-width: 748px) { .header-nav .header-logo { display: none; } .header-nav .header-btns { display: none; } } @media only screen and (max-width: 747px) { .page-section .pagination, .pagination { position: relative; } .page-section .pagination .pagination-numbers, .page-section .pagination .pagination-numbers-mobile, .pagination .pagination-numbers, .pagination .pagination-numbers-mobile { position: initial; width: -moz-max-content; width: max-content; width: 100%; margin: 10px auto 0; justify-content: flex-start; gap: 0; box-sizing: border-box; border-radius: 6px; background-color: var(--ws-primary); padding: 1px; box-sizing: border-box; transition: none; flex-wrap: wrap; } .page-section .pagination .pagination-numbers.active, .page-section .pagination .pagination-numbers-mobile.active, .pagination .pagination-numbers.active, .pagination .pagination-numbers-mobile.active { opacity: 1; visibility: visible; } .page-section .pagination .pagination-numbers .pagination-dots, .page-section .pagination .pagination-numbers-mobile .pagination-dots, .pagination .pagination-numbers .pagination-dots, .pagination .pagination-numbers-mobile .pagination-dots { display: none !important; } .page-section .pagination .pagination-numbers a, .page-section .pagination .pagination-numbers a:visited, .page-section .pagination .pagination-numbers span, .page-section .pagination .pagination-numbers-mobile a, .page-section .pagination .pagination-numbers-mobile a:visited, .page-section .pagination .pagination-numbers-mobile span, .pagination .pagination-numbers a, .pagination .pagination-numbers a:visited, .pagination .pagination-numbers span, .pagination .pagination-numbers-mobile a, .pagination .pagination-numbers-mobile a:visited, .pagination .pagination-numbers-mobile span { display: flex; align-items: center; justify-content: center; padding: 0 20px; font-size: 16px; line-height: 1; width: 62px; color: var(--pbp_border_50); border-radius: 4px; height: 40px; cursor: pointer; border: 0px; padding-bottom: 0; } .page-section .pagination .pagination-numbers a.current, .page-section .pagination .pagination-numbers a:visited.current, .page-section .pagination .pagination-numbers span.current, .page-section .pagination .pagination-numbers-mobile a.current, .page-section .pagination .pagination-numbers-mobile a:visited.current, .page-section .pagination .pagination-numbers-mobile span.current, .pagination .pagination-numbers a.current, .pagination .pagination-numbers a:visited.current, .pagination .pagination-numbers span.current, .pagination .pagination-numbers-mobile a.current, .pagination .pagination-numbers-mobile a:visited.current, .pagination .pagination-numbers-mobile span.current { background-color: var(--ws-tertiary); color: var(--ws-black); } .page-section .pagination .pagination-numbers a.current:hover, .page-section .pagination .pagination-numbers a:visited.current:hover, .page-section .pagination .pagination-numbers span.current:hover, .page-section .pagination .pagination-numbers-mobile a.current:hover, .page-section .pagination .pagination-numbers-mobile a:visited.current:hover, .page-section .pagination .pagination-numbers-mobile span.current:hover, .pagination .pagination-numbers a.current:hover, .pagination .pagination-numbers a:visited.current:hover, .pagination .pagination-numbers span.current:hover, .pagination .pagination-numbers-mobile a.current:hover, .pagination .pagination-numbers-mobile a:visited.current:hover, .pagination .pagination-numbers-mobile span.current:hover { color: var(--pbp_black); } .page-section .pagination .pagination-numbers a:hover, .page-section .pagination .pagination-numbers a:visited:hover, .page-section .pagination .pagination-numbers span:hover, .page-section .pagination .pagination-numbers-mobile a:hover, .page-section .pagination .pagination-numbers-mobile a:visited:hover, .page-section .pagination .pagination-numbers-mobile span:hover, .pagination .pagination-numbers a:hover, .pagination .pagination-numbers a:visited:hover, .pagination .pagination-numbers span:hover, .pagination .pagination-numbers-mobile a:hover, .pagination .pagination-numbers-mobile a:visited:hover, .pagination .pagination-numbers-mobile span:hover { color: var(--pbp_white); } .page-section .pagination .pagination-numbers-mobile-inner, .pagination .pagination-numbers-mobile-inner { padding: 8px 7px; border-radius: 6px; color: var(--ws-white); } a.pre-page, a.next-page, a:visited.pre-page, a:visited.next-page, span.pre-page, span.next-page { height: 40px; } .pagination-mobile-number { font-size: 16px; border-radius: 6px; box-sizing: border-box; width: 91px; height: 40px; text-align: center; display: flex; align-items: center; position: relative; padding: 0 16px; cursor: pointer; background-color: var(--ws-primary); padding: 1px; box-sizing: border-box; color: var(--ws-white); } .pagination-mobile-number.active::after { transform: rotate(180deg); } .pagination-mobile-number::after { content: ""; position: absolute; right: 11px; top: 0; width: 12px; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yIDRMNiA3LjVMMTAgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 12px; background-position: center; } .pagination-mobile-number span { line-height: 1.1; background-color: var(--pbp_black); width: 100%; height: 100%; display: flex; align-items: center; border-radius: 6px; transition: all 0.4s ease-in-out; padding-left: 17px; padding-top: 2px; } .pagination-numbers { display: none; } .pagination strong { line-height: 0.6; } .pagination-numbers-mobile.active { display: flex !important; } .faq-head::before { width: 15px; height: 15px; top: calc(50% - 7px); right: 7px; } .faq-head:after { width: 30px; height: 30px; } .hero-image { aspect-ratio: auto; } .hero-ctn { width: 100%; } .header-wrapper { width: calc(100% - 20px); } .nav-toggle { display: block; } .nav-links-area { position: absolute; top: 100%; right: 0; left: 0; background: #16353a; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; transform: translateY(-10px); transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease; } .nav-links-area.is-open { max-height: 300px; opacity: 1; pointer-events: auto; transform: translateY(0); border-radius: 0 0 10px 10px; box-shadow: 0 8px 20px rgba(255, 255, 255, 0.12), 0 2px 6px rgba(255, 255, 255, 0.08); } ul.nav-items { display: flex; flex-direction: column; gap: 30px; padding: 36px 20px 50px 20px; } .nav-ctn .site-logo { max-width: 146px; } .nav-ctn { padding: 18px 20px; top: 10px; } .hero-text-area, .hero-image { width: 100%; max-width: 100%; } .hero-ctn { border-radius: 0 0 25px 25px; } .hero-image img { border-radius: 8px; } .hero-section { gap: 40px; flex-wrap: wrap; margin-top: 40px; } .btn { font-size: 14px; } .stats-section { gap: 50px; justify-content: space-between; padding: 0 20px; flex-wrap: wrap; } .stats-section .stats { width: calc(50% - 25px); max-width: none; } .about-img { width: 100%; margin-left: -40px; } .about-section { flex-direction: column-reverse; gap: 30px; } .about-section .section-headings { width: 100%; text-align: center; } .about-section .section-headings .section-text { font-size: 20px; margin-bottom: 0; } .about-section .section-headings .section-text p { margin-bottom: 0; } .four-cols .col { width: 100%; } .features .feature:nth-child(1), .features .feature:nth-child(3), .features .feature:nth-child(5), .features .feature:nth-child(7) { background-color: var(--ws-l-purple) !important; } .features .feature:nth-child(2), .features .feature:nth-child(4), .features .feature:nth-child(6), .features .feature:nth-child(8) { background-color: transparent; } .our-process-ctn::before { display: none; } .our-process-ctn { gap: 20px; } .two-cols .col { width: 100%; } .our-values-ctn { row-gap: 40px; margin-top: 40px; } .our-values-ctn .our-value { text-align: center; } .our-values-ctn .our-value p { margin-bottom: 0; font-size: 16px; } .our-brand-section { gap: 40px; } .review-text { font-size: 24px; } .reviews-arrows { margin-top: 30px; } .contact-block-ctn { border-radius: 30px; } .cta-section { padding: 0 10px; } .footer-ctn { border-radius: 25px 25px 0 0; width: 100%; } .footer-nav-area { width: 100%; justify-content: flex-start; gap: 20px; } .footer-widgets { gap: 50px; } .single-widget { margin-bottom: 0; } .footer-widgets .footer-text-area { width: 100%; max-width: 330px; } .footer-nav-area .single-widget { width: calc(50% - 20px); } .social-icons { gap: 10px; } .our-service .section-heading .heading-2 { font-size: 28px; } .our-service { gap: 30px; } .our-services { border-radius: 25px !important; } .our-services .our-service { gap: 30px; } .our-services .our-service .section-heading .heading-2 { font-size: 25px; } .cta-block-single-inner { border-radius: 25px; } .custom-list li { margin-bottom: 15px; } .custom-list li::before { top: 8px; } .three-cols .col { width: 100%; } .footer-bottom { padding: 20px 0; width: 100%; } .hero-section .blog-details { gap: 15px; justify-content: center; } .blog-details .blog-detail { padding: 8px 12px; } .hero-post-detail-area { gap: 30px; margin-top: 30px; } .single-post-content-area { margin-top: 50px; gap: 10px; } .single-post-content { width: 100%; } .next-prev-post a { font-size: 17px; } .single-post-content p, .single-post-content li { line-height: 1.6; font-size: 16px; margin-bottom: 15px; } .hero-social-icons-area { display: none; } .post-author-area { align-items: flex-start; flex-direction: column; } .author-name-area .hero-social-icons-area { display: none; } .author-info { width: 100%; } .author-image { width: 100px; height: 100px; } .tags a { padding: 4px 10px; } .next-prev-posts { margin-top: 44px; } .hero-post-detail-area .hero-social-icons-area { display: flex; } .faq-head .heading-5 { padding-right: 50px; } .faqs { border-radius: 20px; } } @media only screen and (max-width: 570px) { .contact-info-ctn { justify-content: center; } .contact-info { width: 38%; } .gfield.half-input-field { width: 100%; } .contact-block-ctn .section-head p { font-size: 18px; } .pc-table thead th:nth-child(2) span { padding: 9px 20px; } } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ @font-face {font-display:swap; font-family: "Albra"; font-style: normal; font-weight: 400; src: url(/wp-content/themes/sample-custom/assets/build/fonts/Albra-Regular.woff2) format("woff2"); } @font-face {font-display:swap; font-family: "Satoshi-Regular"; font-style: normal; font-weight: 400; src: url(/wp-content/themes/sample-custom/assets/build/fonts/satoshi-Regular.woff2) format("woff2"); } @font-face {font-display:swap; font-family: "Satoshi-Bold"; font-style: normal; font-weight: 700; src: url(/wp-content/themes/sample-custom/assets/build/fonts/satoshi-Bold.woff2) format("woff2"); } @font-face {font-display:swap; font-family: "Satoshi-Medium"; font-style: normal; font-weight: 500; src: url(/wp-content/themes/sample-custom/assets/build/fonts/satoshi-Medium.woff2) format("woff2"); } @font-face {font-display:swap; font-family: "Satoshi-Light"; font-style: normal; font-weight: 300; src: url(/wp-content/themes/sample-custom/assets/build/fonts/Satoshi-Light.woff2) format("woff2"); } /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Counter ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Counter ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Counter ------------------------------------------------------------------ */ /*# sourceMappingURL=styles.min.css.map*/