html, body{ width: 100%; overflow-x: clip; } body{ font-family: var(--e-global-typography-primary-font-family); font-size: 16px; font-weight: 400; line-height: 1em; color: var(--e-global-color-text); background-color: var(--e-global-color-accentsecondary); } img{ max-width: 100%; height: auto; } p{ line-height: 1.7em; margin-bottom: 1.5em; } .elementor-widget-text-editor p:last-child{ margin-bottom: 0; } a{ text-decoration: none; color: inherit; transition: all 0.3s ease-in-out; } h1, h2, h3, h4, h5, h6{ font-weight: 600; margin: 0; line-height: 1.2em; color: var(--e-global-color-primary); } figure{ margin: 0; } iframe{ max-width: 100%; } .elementor-widget-button{ line-height: 0; } .btn-default{ position: relative; display: inline-block; background: var(--e-global-color-accent); border-radius: 14px; font-size: 16px; font-weight: 600; line-height: 1em; text-transform: capitalize; color: var(--e-global-color-accentsecondary); border: none; padding: 18px 54px 18px 20px; transition: all 0.5s ease-in-out; overflow: hidden; z-index: 0; } .btn-default:hover{ background: transparent; } .btn-default::before{ content: ''; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background-image: url("https://duzzagency.com/duzztheme/assets/images/arrow-dark.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; transform: translate(-20px, -50%); transition: all 0.4s ease-in-out; } .btn-default:hover::before{ transform: translate(-17px, -50%); } .btn-default::after{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -15%; right: 0; width: 0; height: 106%; background: var(--e-global-color-white); transform: skew(45deg); transition: all 0.4s ease-in-out; z-index: -1; } .btn-default:hover:after{ width: 100%; transform: skew(0deg); left: 0; } @media only screen and (max-width: 991px){ .btn-default{ padding: 16px 54px 16px 20px; } } .elementor-widget-button .elementor-button{ position: relative; overflow: hidden; transition: all 0.4s ease-in-out; z-index: 0; } .elementor-widget-button .elementor-button:before{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -15%; right: 0; width: 0; height: 106%; background: var(--e-global-color-white); transform: skew(45deg); transition: all 0.4s ease-in-out; z-index: -1; } .elementor-widget-button .elementor-button:hover:before{ width: 100%; transform: skew(0deg); left: 0; } .elementor-widget-button .elementor-button .elementor-button-content-wrapper{ align-items: center; } .elementor-widget-button .elementor-button .elementor-button-content-wrapper svg{ width: 24px; height: 24px; transition: all 0.4s ease-in-out; } .elementor-widget-button .elementor-button:hover .elementor-button-content-wrapper svg{ transform: translatex(3px); } .at-image-animation .elementor-widget-container, .image-anime .elementor-widget-container, figure.image-anime{ position: relative; overflow: hidden; } .image-anime .elementor-widget-container:after, figure.image-anime:after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1; } .image-anime .elementor-widget-container:hover:after, figure.image-anime:hover:after{ height: 250%; transition: all 600ms linear !important; background-color: transparent; } .container{ max-width: 1300px; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ padding-right: 15px; padding-left: 15px; } .row{ margin-right: -15px; margin-left: -15px; } .row > * { padding-right: 15px; padding-left: 15px; } #magic-cursor{ position: absolute; width: 10px !important; height: 10px !important; pointer-events: none; z-index:1000000; } #ball{ position: fixed; display: block; left: 0; top: 0; transform: translate(-50%, -50%); background: var(--e-global-color-accent); width: 10px !important; height: 10px !important; border-radius: 50%; pointer-events: none; border: none; opacity: 1 !important; } .preloader{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000 !important; background-color: var(--e-global-color-accent); display: flex; align-items: center; justify-content: center; } .loading-container, .loading{ height: 100px; position: relative; width: 100px; border-radius: 100%; } .loading-container{ margin: 40px auto; } .loading{ border: 1px solid transparent; border-color: transparent var(--e-global-color-accentsecondary) transparent var(--e-global-color-accentsecondary); animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; } .loading-container:hover .loading, .loading-container .loading{ transition: all 0.5s ease-in-out; } #loading-icon{ position: absolute; top: 50%; left: 50%; max-width: 66px; transform: translate(-50%, -50%); } @keyframes rotate-loading{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } .elementor-icon-box-wrapper .elementor-icon-box-icon{ line-height: 0; } .elementor-widget-elementskit-icon-box .elementskit-box-header{ line-height: 0; } .elementskit-funfact .funfact-icon svg path{ stroke: none !important; } .elementskit-pricing-header svg path{ fill: none !important; } header.main-header{ position: relative; border-bottom: 1px solid var(--e-global-color-divider); z-index: 100; } header.main-header .header-sticky{ padding: 25px 0; position: relative; top: 0; z-index: 100; } header.main-header .header-sticky.hide{ transform: translateY(-100%); transition: transform 0.3s ease-in-out; border-radius: 0; } header.main-header .header-sticky.active{ position: fixed; top: 0; left: 0; right: 0; border-radius: 0; transform: translateY(0); background-color: var(--e-global-color-accentsecondary); border-bottom: 1px solid var(--e-global-color-divider); } .navbar{ padding: 0; } .navbar-brand{ padding: 0; } .navbar-brand h1, .navbar-brand h2{ font-size: 40px !important; color: var(--e-global-color-white) !important;	 }	 .navbar-brand span{ display: block; font-size: 14px; color: var(--e-global-color-text); line-height: 1.2em; } .navbar-brand:hover{ color: var(--e-global-color-accent); } .main-menu{ font-family: var(--e-global-typography-primary-font-family); justify-content: flex-end; } .main-menu ul{ align-items: center; flex-wrap: wrap; } .main-menu ul li{ margin: 0; position: relative; } .main-menu ul li:last-child{ margin-right: 0; } .main-menu ul li.menu-item-has-children > a:after{ content: '\f107'; font-family: 'FontAwesome'; font-weight: 900; font-size: 14px; margin-left: 8px; } .main-menu ul ul li.menu-item-has-children > a{ position: relative; } .main-menu ul ul li.menu-item-has-children > a:after{ width: 18px; height: 18px; position: absolute; right: 15px; top: 6px; transform: rotate(-90deg); } .main-menu ul li a{ font-size: 16px; font-weight: 600; line-height: 1.2em; padding: 14px 20px !important; color: var(--e-global-color-primary); } .main-menu ul li.highlighted-menu a{ display: block; background: var(--e-global-color-accent); color: var(--e-global-color-primary); font-size: 16px; font-weight: 500; border: 2px solid var(--e-global-color-accent); padding: 10px 30px !important; border-radius: 30px; position: relative; overflow: hidden; z-index: 0; transition: 0.2s transform ease-in-out; } .main-menu ul li.highlighted-menu a:after{ background-color: var(--e-global-color-primary); border-radius: 30px; content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform: translate(-100%, 0) rotate(10deg); transform-origin: top left; transition: 0.2s transform ease-out; will-change: transform; z-index: -1; } .main-menu ul li.highlighted-menu a:hover::after{ transform: translate(0, 0); } .main-menu ul li.highlighted-menu a:hover{ color: var(--e-global-color-accent); } .main-menu ul li a:hover, .main-menu ul li a:focus{ color: var(--e-global-color-accent); } .main-menu ul ul{ visibility: hidden; padding: 5px 0; margin: 0; list-style: none; width: 230px; border-radius: 20px; position: absolute; left: 0; top: 100%; background-color: var(--e-global-color-accent); opacity: 0; transform: scaleY(0.8); transform-origin: top; transition: all 0.3s ease-in-out; } .main-menu ul ul ul{ left: 100%; top: 0; } .main-menu ul ul ul ul ul{ display: none !important; opacity: 0; visibility: hidden; } .main-menu ul ul li{ margin: 0; padding: 0; } .main-menu ul ul li a, .main-menu ul ul li a:focus{ color: var(--e-global-color-accentsecondary); padding: 8px 20px !important; } .main-menu ul li:hover > ul{ visibility: visible; opacity: 1; transform: scaleY(1); } .main-menu ul ul li a:hover{ color: var(--e-global-color-white); } .responsive-menu, .navbar-toggle{ display: none; } #menu-all-pages-flat > li a{ padding-top: 0 !important; padding-bottom: 0 !important; } .slicknav_btn, .slicknav_nav .slicknav_item{ cursor: pointer; } .slicknav_menu, .slicknav_menu * { box-sizing: border-box; } .slicknav_btn{ position: relative; display: block; float: right; padding: .438em .625em; line-height: 1.125em; } .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{ margin-top: .188em; } .slicknav_menu .slicknav_menutxt{ display: block; line-height: 1.188em; float: left; color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon{ float: left; width: 1.125em; height: .875em; margin: .188em 0 0 .438em; } .slicknav_menu .slicknav_icon:before{ background: 0 0; width: 1.125em; height: .875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text{ margin: 0; } .slicknav_menu .slicknav_icon-bar{ display: block; width: 1.125em; height: .125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(0, 0, 0, .25); } .slicknav_menu:after, .slicknav_menu:before{ content: " "; display: table; } .slicknav_menu:after{ clear: both; } .slicknav_nav li, .slicknav_nav ul{ display: block; } .slicknav_nav .slicknav_arrow{ font-size: .8em; margin: 0 0 0 .4em; } .slicknav_nav .slicknav_item a{ display: inline; } .slicknav_nav .slicknav_row, .slicknav_nav a{ display: block; } .slicknav_nav .slicknav_parent-link a{ display: inline; } .slicknav_menu{ font-size: 16px; background: #4c4c4c; padding: 5px; } .slicknav_nav, .slicknav_nav ul{ list-style: none; overflow: hidden; padding: 0; } .slicknav_menu .slicknav_icon-bar{ background-color: #fff; } .slicknav_btn{ margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222; } .slicknav_nav{ clear: both; color: #fff; margin: 0; font-size: .875em; } .slicknav_nav ul{ margin: 0 0 0 10px; } .slicknav_nav .slicknav_row, .slicknav_nav a{ padding: 5px 10px; } .slicknav_nav .slicknav_row:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; } .slicknav_nav a{ text-decoration: none; color: #fff; } .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222; } .slicknav_nav .slicknav_txtnode{ margin-left: 15px; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a{ padding: 0; margin: 0; } .slicknav_brand{ float: left; color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } .responsive-menu{ top: 100%; position: absolute; left: 0; right: 0; } .slicknav_btn{ background: var(--e-global-color-accent); padding: 0; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0; border-radius: 8px; } .slicknav_icon .slicknav_icon-bar{ display: block; width: 100%; height: 3px; width: 22px; background-color: var(--e-global-color-accentsecondary); border-radius: 6px; margin: 4px auto !important; transition: all 0.1s ease-in-out; } .slicknav_icon .slicknav_icon-bar:first-child{ margin-top: 0 !important; } .slicknav_icon .slicknav_icon-bar:last-child{ margin-bottom: 0 !important; } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){ transform: rotate(-45deg) translate(-5px, 5px); } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){ opacity: 0; } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){ transform: rotate(45deg) translate(-5px, -5px); } .slicknav_menu{ padding: 0; background: var(--e-global-color-accent); max-height: 80vh; overflow: auto; } .slicknav_nav{ padding-top: 5px; padding-bottom: 5px; } .slicknav_nav > ul{ margin-left: 0; } .slicknav_nav .slicknav_row, .slicknav_nav li a{ font-size: 16px; font-weight: 600; padding: 8px 20px; color: var(--e-global-color-accentsecondary); line-height: normal; } .slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover{ background-color: transparent; color: var(--e-global-color-white); } .slicknav_arrow{ font-size: 0 !important; } .slicknav_arrow:after{ content: '\f105'; font-family: 'FontAwesome'; font-weight: 900; font-size: 12px; margin-left: 8px; margin-top: 2px; float: right; color: var(--e-global-color-accentsecondary); transition: all 0.3s ease-in-out; } .slicknav_nav li.slicknav_open > a .slicknav_arrow:after{ transform: rotate(-90deg); color: var(--e-global-color-white); } .bg-section{ width: 100%; max-width: 1540px; border-radius: 40px; margin: 0 auto; } .page-header{ background: var(--e-global-color-secondary); padding: 60px 0; margin-top: 60px !important; } .page-header-box{ position: relative; z-index: 1; text-align: left; } .page-header-box h1{ font-size: 70px !important; margin-bottom: 10px; word-wrap: break-word; } .page-header-box .taxonomy-description{ color: var(--e-global-color-text); margin-bottom: 20px; } .breadcrumb-trail{ line-height: 1em; } .trail-items, .page-header-box .post-meta ul{ display: inline-block; list-style: none; font-size: 16px; padding: 0; margin: 0; } .trail-items .breadcrumb_separate{ margin: 0 8px; } .trail-items li, .page-header-box .post-meta ul li{ color: var(--e-global-color-text); display: inline-block; font-weight: 600; line-height: 1em; } .trail-items li:before, .page-header-box .post-meta ul li:before{ content: '/'; margin: 0 8px; } .trail-items li:first-child:before, .page-header-box .post-meta ul li:first-child:before{ display: none; } .trail-items li a, .page-header-box .post-meta ul li a{ color: var(--e-global-color-text); font-weight: 600; } footer.footer{ background-color: var(--e-global-color-accent); margin-bottom: 50px; } .footer-main{ padding: 60px 0; } .footer-logo{ margin-bottom: 30px; } .footer-logo h4{ color: var(--e-global-color-accentsecondary) !important; font-size: 36px; font-weight: 600; } .footer-social ul{ padding: 0; margin: 0; list-style: none; } .footer-social ul li{ display: inline-block; margin-right: 10px; } .footer-social ul li a{ display: flex; align-items: center; justify-content: center; background: var(--e-global-color-accentsecondary); width: 40px; height: 40px; color: var(--e-global-color-white); font-size: 18px; border-radius: 10px; transition: all 0.3s ease-in-out; } .footer-social ul li a:hover{ background: var(--e-global-color-white); color: var(--e-global-color-accentsecondary); } .footer-menu{ text-align: right; margin-bottom: 20px; } .footer-menu ul{ list-style: none; padding: 0; margin: 0; } .footer-menu ul li{ display: inline-block; margin-left: 30px; } .footer-menu ul li a{ color: var(--e-global-color-accentsecondary); transition: all 0.3s ease-in-out; } .footer-menu ul li a:hover{ color: var(--e-global-color-white); } .copyright{ text-align: right; } .copyright p{ color: var(--e-global-color-accentsecondary); margin: 0; } .error-page{ padding: 100px 0; } .error-page-image{ text-align: center; margin-bottom: 30px; } .error-page-image img{ max-width: 70%; } .error-page .error-page-content{ text-align: center; } .error-page-content-heading{ margin-bottom: 20px; } .error-page-content-heading h2{ font-size: 54px !important; cursor: none; } .error-page-content-body p{ margin-bottom: 20px; } .page-blog-archive{ padding: 100px 0px; } .post-item{ background: var(--e-global-color-secondary); border-radius: 30px; height: calc(100% - 30px); margin-bottom: 30px; overflow: hidden; transition: all 0.4s ease-in-out; } .post-item:hover{ transform: translateY(-5px); } .post-featured-image a{ display: block; } .post-featured-image img{ width: 100%; aspect-ratio: 1 / 0.6; object-fit: cover; transition: all 0.4s ease-in-out; } .post-item .post-featured-image:hover img{ transform: scale(1.05); } .post-item-body{ padding: 30px; } .post-item-content{ border-bottom: 1px solid var(--e-global-color-divider); margin-bottom: 20px; padding-bottom: 20px; } .post-item-content h2{ color: var(--e-global-color-primary); word-wrap: break-word; font-size: 20px; } .post-item-content h2 a{  color: inherit; } .post-item-footer{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 10px; line-height: 1em; } .post-item-meta ul{ list-style: none; margin: 0; padding: 0; } .post-item-meta ul li{ display: inline-block; margin-right: 5px; } .post-item-meta ul li:last-child{ margin-right: 0; } .post-readmore-btn a{ display: flex; align-items: center; font-weight: 600; color: var(--e-global-color-accent); } .post-readmore-btn a svg{ margin-left: 10px; transition: all 0.3s ease-in-out; } .post-readmore-btn a:hover{ color: var(--e-global-color-primary); } .post-readmore-btn a:hover svg{ transform: translatex(2px); } .pagination .nav-links{ margin-top: 20px; display: flex; text-align: center; justify-content: center; width: 100%; } .pagination .nav-links a, .pagination .nav-links span{ display: flex; text-decoration: none; justify-content: center; align-items: center; background: var(--e-global-color-secondary); color: var(--e-global-color-primary); border-radius: 10px; width: 40px; height: 40px;	 margin: 0 5px; font-weight: 600; line-height: 1em; transition: all 0.3s ease-in-out; } .pagination .nav-links span.current, .pagination .nav-links a:hover{ background: var(--e-global-color-accent); color: var(--e-global-color-secondary); } .page-single-post{ padding: 100px 0; } .page-single-post.single-page .post-entry{ margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .post-single-meta ul{ padding: 0; margin: 0; list-style: none; } .post-single-meta ul li{ display: inline-block; margin-right: 25px; font-weight: 600; line-height: 1.5em; } .post-single-meta ul li:last-child{ margin-right: 0; } .post-single-meta ul li i{ font-size: 16px; color: var(--e-global-color-accent); margin-right: 10px; } .post-single-meta ul li a{ color: inherit; } .post-single-image{ margin-bottom: 30px; overflow: hidden; } .post-single-image figure, .post-single-image img{ width: 100%; aspect-ratio: 1 / 0.50; object-fit: cover; border-radius: 40px; } .post-content{ width: 100%; max-width: 1100px; margin: 0 auto; } .post-entry{ border-bottom: 1px solid var(--e-global-color-divider); margin-bottom: 30px; padding-bottom: 30px; } .post-entry:after{ content: ''; display: block; clear: both; } .post-entry p{ margin-bottom: 20px; } .post-entry p:last-child{ margin-bottom: 0; } .post-entry a{ color: var(--e-global-color-accent); } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6{ margin: 1em 0 0.7em; color: var(--e-global-color-primary); } .post-entry h1{ font-size: 40px !important; } .post-entry h2{ font-size: 36px !important; } .post-entry h3{ font-size: 26px; } .post-entry h4{ font-size: 22px; } .post-entry h5{ font-size: 18px; } .post-entry h6{ font-size: 16px; } .post-entry ul{ padding-left: 20px; margin: 20px 0; } .post-entry ul li{ margin-bottom: 15px; font-size: 18px; font-weight: 500; line-height: 1.6em; color: var(--e-global-color-text); } .post-entry ol{ margin: 20px 0; } .post-entry ol li{ margin-bottom: 15px; font-size: 18px; font-weight: 500; color: var(--e-global-color-text); } .post-entry ul li a{ color: var(--e-global-color-text); } .post-entry ul ul, .post-entry ul ol, .post-entry ol ol, .post-entry ol ul{ margin-top: 10px; margin-bottom: 0; } .post-entry ul ul li:last-child, .post-entry ul ol li:last-child, .post-entry ol ol li:last-child, .post-entry ol ul li:last-child{ margin-bottom: 0; } .post-entry blockquote{ background: var(--e-global-color-accent) url('https://duzzagency.com/duzztheme/assets/images/icon-blockquote.svg') no-repeat; background-position: 35px 25px; background-size: 55px; border-radius: 30px; padding: 30px 30px 30px 100px !important; margin-bottom: 30px !important; } .post-entry blockquote p{ font-size: 20px !important; color: var(--e-global-color-secondary); font-weight: 600; margin-top: 0; margin-bottom: 20px; line-height: 1.4em; } .post-entry blockquote p:last-child{ margin-bottom: 0; } .post-entry blockquote cite{ font-size: 18px; color: var(--e-global-color-text); } .post-entry blockquote a{ color: var(--e-global-color-secondary); } .post-entry blockquote strong a{ color: var(--e-global-color-secondary); } .post-entry table{ border-top: 1px solid var(--e-global-color-white); border-left: 1px solid var(--e-global-color-white); } .post-entry table tr td, .post-entry table tr th{ border-right: 1px solid var(--e-global-color-white); border-bottom: 1px solid var(--e-global-color-white); padding: 8px 10px; color: var(--e-global-color-text); } .post-entry .wp-block-latest-posts.wp-block-latest-posts__list{ list-style: inherit; padding-left: 20px; } .post-entry .has-fixed-layout tr td{ border-color: inherit; } .tag-links{ font-size: 20px; font-weight: 600; color: var(--e-global-color-primary); display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; } .post-tags .tag-links a{ display: inline-block; font-size: 16px; font-weight: 600; line-height: 1em; text-transform: capitalize; background-color: var(--e-global-color-accent); color: var(--e-global-color-secondary); border-radius: 10px; padding: 12px 20px; transition: all 0.3s ease-in-out; } .post-tags .tag-links a:hover{ background-color: var(--e-global-color-white); } .post-social-sharing{ text-align: right; } .post-social-sharing ul{ list-style: none; padding: 0; margin: 0; } .post-social-sharing ul li{ display: inline-block; margin-right: 14px; } .post-social-sharing ul li:last-child{ margin-right: 0; } .post-social-sharing ul li a{ display: flex; align-items: center; justify-content: center; text-align: center; background-color: var(--e-global-color-accent); color: var(--e-global-color-secondary); border-radius: 10px; width: 40px; height: 40px; transition: all 0.3s ease-in-out; } .post-social-sharing ul li a:hover{ background-color: var(--e-global-color-white); } .post-social-sharing ul li a i{ font-size: 18px; } .post-entry hr, .comment-content hr{ border-top: 1px solid var(--e-global-color-divider); opacity: 1;	 } .post-entry table caption{ text-align: center; color: var(--e-global-color-text); } .post-entry .wp-block-rss{ list-style: inherit; } .post-entry .wp-block-social-links{ padding: 0; } .post-entry .wp-block-calendar{ margin-bottom: 20px; } @media only screen and (max-width: 1540px){ .bg-section{ max-width: 100%; width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } footer.footer{ margin-bottom: 30px; } } @media only screen and (max-width: 1300px){ .bg-section{ width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } footer.footer { margin-bottom: 15px; } .main-menu ul li a{ padding: 12px 4px !important; } } @media only screen and (max-width: 1024px){ .navbar-brand span{ display: none; } .main-menu ul li a{ padding: 12px 10px !important; } } @media only screen and (max-width: 991px){ .bg-section{ width: 100%; margin: 0; border-radius: 0; } #magic-cursor { display: none !important; } .navbar-brand h1,  .navbar-brand h2{ font-size: 30px !important; } .responsive-menu, .navbar-toggle{ display: block; } .main-menu ul li{ margin: 0 10px; } header.main-header .header-sticky{ padding: 20px 0; } header.main-header .header-sticky.active .slicknav_menu{ border-radius: 0; } .page-header{ padding: 30px 0; margin-top: 0 !important; } .page-header-box h1{ font-size: 50px !important; } .trail-items, .page-header-box .post-meta ul{ font-size: 14px; } .page-header-box .taxonomy-description{ margin-bottom: 10px; } .page-blog-archive{ padding: 50px 0; } .post-item{ border-radius: 18px; } .post-item-body{ padding: 20px; } .post-item-content h2{ font-size: 18px; } .pagination .nav-links{ margin-top: 10px; } .page-single-post{ padding: 50px 0; } .post-single-image figure, .post-single-image img{ border-radius: 26px; } .post-single-image{ margin-bottom: 20px; } .post-entry{ margin-bottom: 20px; padding-bottom: 20px; } .post-entry p{ margin-bottom: 15px; } .post-entry blockquote{ background-position: 20px 20px; background-size: 50px; border-radius: 18px; padding: 20px 20px 20px 80px !important; margin-bottom: 20px !important; } .post-entry blockquote p{ font-size: 18px !important; } .tag-links{ font-size: 18px; } .post-entry ul li, .post-entry ol li{ font-size: 16px; margin-bottom: 10px; } .post-tags{ margin-bottom: 20px; } .post-tags .tag-links a{ padding: 12px 16px; } .post-social-sharing{ text-align: left; } footer.footer{ margin-bottom: 0; } .footer-main{ padding: 40px 0; } .footer-logo{ text-align: center; margin-bottom: 20px; } .footer-social{ text-align: center; margin-bottom: 20px; } .footer-social ul li{ margin: 0 5px; } .footer-menu{ text-align: center; } .footer-menu ul li{ margin: 0 10px; } .copyright{ text-align: center; } .error-page{ padding: 50px 0; } .error-page-image{ margin-bottom: 20px; } .error-page-image img{ max-width: 80%; } .error-page-content-heading h2{ font-size: 40px !important; }	 } @media only screen and (max-width: 767px){ .post-single-meta ul li{ margin-right: 14px; } .page-header-box h1{ font-size: 34px !important; } .post-single-image figure, .post-single-image img{ aspect-ratio: 1 / 0.7; } .post-entry h1{ font-size: 28px !important; } .post-entry h2{ font-size: 24px !important; } .post-entry h3{ font-size: 20px; } .post-entry h4{ font-size: 18px; } .post-entry h5{ font-size: 16px; } .post-entry h6{ font-size: 14px; } .post-entry blockquote{ background-position: 15px 12px; padding: 60px 15px 15px 15px !important; } .post-entry blockquote p{ font-size: 18px !important; } .error-page-content-heading h2{ font-size: 26px !important; } .footer-menu ul li{ margin: 8px 6px } } .alignnone{ margin: 5px 0 20px 0; } .aligncenter, div.aligncenter{ display: block; margin: 5px auto 5px auto; } .alignright{ float:right; margin: 5px 0 20px 20px; } .alignleft{ float: left; margin: 5px 20px 20px 0 !important; } a img.alignright{ float: right; margin: 5px 0 20px 20px; } a img.alignnone{ margin: 5px 20px 20px 0; } a img.alignleft{ float: left; margin: 5px 20px 20px 0; } a img.aligncenter{ display: block; margin-left: auto; margin-right: auto; } .wp-caption{ max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone{ margin: 5px 20px 20px 0; } .wp-caption.alignleft{ margin: 5px 20px 20px 0; } .wp-caption.alignright{ margin: 5px 0 20px 20px; } .wp-caption img{ border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus{ background-color: var(--e-global-color-divider); clip: auto !important; clip-path: none; color: var(--e-global-color-primary); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .gallery-caption, .bypostauthor{ position: inherit; } .has-medium-font-size, .has-large-font-size, .has-x-large-font-size{ line-height: 1.4em; } .wp-block-navigation__responsive-container-content ul ul li{ padding-left: 0; margin-bottom: 0; } .wp-block-navigation__responsive-container-content ul ul li:before{ display: none; } ul.wp-block-post-template{ list-style: none !important; padding: 0; } ul.wp-block-post-template li{ padding-left: 0; } .wp-block-post-template li:before{ display: none; } .wp-block-post-template .wp-block-post-excerpt__excerpt{ color: var(--e-global-color-text); font-weight: 400; } .wp-block-post-featured-image, .wp-block-post-author, .wp-block-avatar, .wp-block-post-date, .wp-block-post-navigation-link, .wp-block-search, .wp-block-buttons, .wp-block-image, .wp-block-audio, .wp-block-cover, .wp-block-media-text, .wp-block-table, .wp-block-button, .wp-block-embed{ margin-bottom: 20px; } .wp-block-gallery{ margin-bottom: 20px !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{ border: none; background: var(--e-global-color-secondary); border: 1px solid var(--e-global-color-divider); border-radius: 10px; } .wp-block-search .wp-block-search__input{ background: var(--e-global-color-secondary); color: var(--e-global-color-text); border: 1px solid var(--e-global-color-divider); outline: 0; box-shadow: none; border-radius: 10px; padding: 12px 20px; } .wp-block-search .wp-block-search__button{ border-radius: 10px; font-size: 16px; font-weight: 600; line-height: 1em; background: var(--e-global-color-accent); color: var(--e-global-color-accentsecondary) !important; border: none; outline: 0; box-shadow: none; transition: all 0.5s ease-in-out; padding: 15px 18px; } .wp-block-search .wp-block-search__button:hover{ background: var(--e-global-color-white) !important; color: var(--e-global-color-accentsecondary) !important; } .wp-block-social-links li{ padding-left: 0 !important; } .wp-block-social-links li:before{ display: none; } .wp-block-tag-cloud a{ font-size: 16px !important; font-weight: 600 !important; line-height: 1em; border: none !important; color: var(--e-global-color-secondary) !important; background-color: var(--e-global-color-accent); text-transform: capitalize; padding: 12px 20px; margin-bottom: 10px; border-radius: 10px; transition: all 0.3s ease-in-out; } .wp-block-tag-cloud a:hover{ background: var(--e-global-color-white); } .wp-block-latest-comments{ padding-left: 0; } .wp-block-latest-comments a{ color: var(--e-global-color-primary); } .wp-block-button .wp-element-button, .wp-block-button.is-style-outline .wp-element-button, .wp-element-button, .wp-block-button .wp-block-button__link, .wp-block-file .wp-block-file__button{ font-size: 16px; line-height: 1em; background: var(--e-global-color-accent); border: none; border-radius: 14px; color: var(--e-global-color-accentsecondary) !important; font-weight: 600; padding: 18px 20px; transition: all 0.5s ease-in-out; } .wp-block-button.is-style-outline .wp-element-button{ background: var(--e-global-color-white); color: var(--e-global-color-accentsecondary) !important; } .wp-block-button .wp-element-button:hover, .wp-block-button.is-style-outline .wp-element-button:hover, .wp-element-button:hover, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover{ background: var(--e-global-color-white) !important; } .wp-block-file a{ font-size: 16px; } .wp-block-column p:last-child{ margin-bottom: 0; } .wp-block-cover{ color: var(--e-global-color-white); } .wp-block-image figcaption{ text-align: center; } .wp-block-gallery ul li{ padding-left: 0; } .wp-block-gallery ul li:before{ display: none !important; } .wp-block-quote.is-style-large{ padding-top: 30px; padding-bottom: 30px; } .wp-block-categories-dropdown, .wp-block-archives-dropdown{ margin-bottom: 20px; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select{ border-radius: 10px; background: var(--e-global-color-secondary); color: var(--e-global-color-text); border: 1px solid var(--e-global-color-divider); padding: 10px 20px; } .wp-caption .wp-caption-text{ margin-top: 6px; } .gallery.gallery-columns-2, .gallery.gallery-columns-3, .gallery.gallery-columns-4, .gallery.gallery-columns-5, .gallery.gallery-columns-6, .gallery.gallery-columns-7, .gallery.gallery-columns-8, .gallery.gallery-columns-9{ display: flex; flex-wrap: wrap; } div:not(.elementor-image-gallery) .gallery .gallery-item{ margin-right: 30px; margin-bottom: 30px; } div:not(.elementor-image-gallery) .gallery .gallery-item img{ width: 100%; height: auto; } div:not(.elementor-image-gallery) .gallery.gallery-columns-1 .gallery-item{ width: 100%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item{ width: calc(50% - 15px); } .elementor-image-gallery .gallery.gallery-columns-2 figure.gallery-item{ width: 50%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item{ width: calc(33.33% - 20px); } .elementor-image-gallery .gallery.gallery-columns-3 figure.gallery-item{ width: 33.33%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item{ width: calc(25% - 22.5px); } .elementor-image-gallery .gallery.gallery-columns-4 figure.gallery-item{ width: 25%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item{ width: calc(20% - 24px); } .elementor-image-gallery .gallery.gallery-columns-5 figure.gallery-item{ width: 20%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item{ width: calc(16.66% - 25px); } .elementor-image-gallery .gallery.gallery-columns-6 figure.gallery-item{ width: 16.66%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item{ width: calc(14.28% - 25.7px); } .elementor-image-gallery .gallery.gallery-columns-7 figure.gallery-item{ width: 14.28%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item{ width: calc(12.5% - 26.25px); } .elementor-image-gallery .gallery.gallery-columns-8 figure.gallery-item{ width: 12.5%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8){ margin-right: 0; } div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item{ width: calc(11.11% - 26.66px); } .elementor-image-gallery .gallery.gallery-columns-9 figure.gallery-item{ width: 11.11%; } div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9){ margin-right: 0; } .elementor-image-gallery .gallery.gallery-columns-10 figure.gallery-item{ width: 10%; } .post-password-form input[type="password"]{ background: var(--e-global-color-secondary); color: var(--e-global-color-text); border: 1px solid var(--e-global-color-divider); outline: 0; box-shadow: none; border-radius: 10px; padding: 10px 20px; } .post-password-form input[type="submit"]{ background: var(--e-global-color-accent); color: var(--e-global-color-accentsecondary); font-weight: 600; font-size: 16px; border: none; border-radius: 10px; padding: 12px 20px; margin-left: 10px; transition: all 0.5s ease-in-out; } .post-password-form input[type="submit"]:hover{ background: var(--e-global-color-white); } aside.widget{ background: var(--e-global-color-secondary); padding: 30px; border-radius: 30px; margin-bottom: 30px; } aside.widget a{ color: var(--e-global-color-accent); font-family: inherit; font-size: inherit; font-weight: inherit; } aside.widget .wp-block-latest-comments a, aside.widget.widget_tag_cloud a{ color: var(--e-global-color-primary); } aside.widget .tagcloud a{ display: inline-block; font-size: 16px !important; font-weight: 600; border: none !important; background-color: var(--e-global-color-accent); color: var(--e-global-color-secondary); padding: 12px 20px; border-radius: 10px; text-transform: capitalize; margin-bottom: 10px; margin-right: 2px; transition: all 0.3s ease-in-out;	 } aside.widget .tagcloud a:hover{ background: var(--e-global-color-white); } aside.widget .wp-block-heading, aside.widget .widget-title{ font-size: 20px; color: var(--e-global-color-primary); margin-bottom: 20px; } aside.widget ul{ padding-left: 20px !important; margin: 0; list-style: inherit !important; } aside.widget ul li{ margin-bottom: 15px; font-weight: 500; color: var(--e-global-color-text); } aside.widget ul li a{ color: var(--e-global-color-text); transition: all 0.3s ease-in-out; } aside.widget ul ul{ margin-top: 10px; margin-bottom: 0; margin-left: -10px; } aside.widget ul li:last-child{ margin-bottom: 0; } aside.widget ul.wp-block-social-links{ padding-left: 0 !important; } aside.widget .wp-block-search .wp-block-search__input{ background-color: var(--e-global-color-divider); } aside.widget .wp-block-search{ margin-bottom: 0; } aside.widget .wp-block-search .wp-block-search__button{ padding: 12px; } aside.widget .wp-block-categories-dropdown, aside.widget .wp-block-archives-dropdown{ margin-bottom: 0; } aside.widget select, aside.widget .wp-block-categories-dropdown select, aside.widget .wp-block-archives-dropdown select{ background: var(--e-global-color-divider); color: var(--e-global-color-text); border: 1px solid var(--e-global-color-divider); padding: 10px 20px; border-radius: 10px; width: 100%; outline: 0; box-shadow: none; } aside.widget.widget_recent_entries ul li{ padding-left: 0; } aside.widget.widget_recent_entries ul li:before{ display: none; } aside.widget.widget_recent_entries .wp-block-latest-posts__post-excerpt, aside.widget .wp-block-rss__item-excerpt, aside.widget .rssSummary{ font-weight: 400; color: var(--e-global-color-text); } aside.widget .wp-block-social-links li{ margin-bottom: 0; } aside.widget .wp-block-social-links{ padding: 0 !important; } aside.widget table{ width: 100%; background: transparent; border-top: 1px solid var(--e-global-color-white); border-left: 1px solid var(--e-global-color-white); } aside.widget table tr td, aside.widget table tr th{ border-right: 1px solid var(--e-global-color-white); border-bottom: 1px solid var(--e-global-color-white); color: var(--e-global-color-text); padding: 4px; text-align: center; } aside.widget table caption{ text-align: center; color: var(--e-global-color-text); } aside.widget_search .search-form{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } aside.widget_search .search-form label{ width: calc(100% - 100px); } aside.widget_search .search-form input{ width: 100%; padding: 10px; border: none; outline: 0; box-shadow: none; border: 1px solid var(--e-global-color-divider); border-radius: 10px; background-color: var(--e-global-color-divider); color: var(--e-global-color-text); } aside.widget .search-submit{ max-width: 86px; background: var(--e-global-color-accent) !important; color: var(--e-global-color-accentsecondary) !important; border: none; outline: 0; box-shadow: none; border: none; font-weight: 600; padding: 12px 15px !important; border-radius: 10px; transition: all 0.5s ease-in-out; } aside.widget .search-submit:hover{ background: var(--e-global-color-white) !important; } aside.widget .has-login-form label{ margin-bottom: 5px; } aside.widget .has-login-form input[type="text"], aside.widget .has-login-form input[type="password"]{ background: var(--e-global-color-divider); color: var(--e-global-color-text); border: 1px solid var(--e-global-color-divider); outline: 0; box-shadow: none; border-radius: 10px; padding: 8px 15px; width: 100%; } aside.widget .has-login-form input[type="checkbox"]{ width: auto; } aside.widget .has-login-form input[type="submit"]{ font-size: 16px; font-weight: 600; border-radius: 10px; background: var(--e-global-color-accent); color: var(--e-global-color-accentsecondary) !important; line-height: 1em; border: none; outline: 0; box-shadow: none; transition: all 0.5s ease-in-out; padding: 15px 18px; } aside.widget .has-login-form input[type="submit"]:hover{ background-color: var(--e-global-color-white); } aside.widget .calendar_wrap{ text-align: center; } aside.widget .wp-block-social-links{ padding: 0 !important;  } @media only screen and (max-width: 991px){ div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item{ width: calc(50% - 15px); } div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3), div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4), div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5), div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6), div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7), div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8), div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9){ margin-right: 30px; } div.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2), div.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3), div.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4), div.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5), div.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6), div.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7), div.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8), div.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9), div.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item:nth-of-type(10n + 10), div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(2n + 2){ margin-right: 0; } .sidebar-widget{ margin-top: 30px; } .wp-block-tag-cloud a{ padding: 12px 16px; margin-right: 2px; } .wp-block-button .wp-element-button, .wp-block-button.is-style-outline .wp-element-button, .wp-element-button, .wp-block-button .wp-block-button__link, .wp-block-file .wp-block-file__button{ padding: 16px 20px; } .post-password-form input[type="submit"]{ padding: 10px 15px; } aside.widget .tagcloud a{ padding: 12px 16px; } } @media only screen and (max-width: 767px){ div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item{ width: 100%; } div:not(.elementor-image-gallery) .gallery .gallery-item, div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2), div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3), div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4), div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5), div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6), div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7), div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8), div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9){ margin-right: 0; } .elementor-image-gallery .gallery.gallery-columns-1 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-2 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-3 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-4 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-5 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-6 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-7 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-8 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-9 figure.gallery-item, .elementor-image-gallery .gallery.gallery-columns-10 figure.gallery-item { width: 100%; } .has-medium-font-size{ font-size: 20px !important; } .has-large-font-size{ font-size: 26px !important; } .has-x-large-font-size{ font-size: 30px !important; } aside.widget{ padding: 20px; } .wp-block-navigation__responsive-container{ padding: 20px !important; }	 .wp-block-media-text .wp-block-media-text__content{ padding-left: 0; padding-right: 0; padding-top: 10px; } .post-password-form{ text-align: center; } .post-password-form input[type="password"]{ width: 100%; margin: 10px 0;  } } .page-single-post .comment-box{ max-width: 1100px; margin: 80px auto 0; } .page-single-post .comment-box a, .wp-block-post-comments-form a{ color: var(--e-global-color-accent); } .comment-box .comment-respond:not(:first-child){ margin-top: 60px; } .page-single-post .comment-box .comment-reply-title, .page-single-post .comment-box .title-comments, .wp-block-post-comments-form .comment-reply-title, .wp-block-post-comments-form .title-comments{ color: var(--e-global-color-primary); font-size: 28px; margin-bottom: 10px; } .page-single-post .comment-box .comment-reply-title, .wp-block-post-comments-form .comment-reply-title{ display: flex; flex-wrap: wrap; justify-content: space-between; } .page-single-post .comment-box .comment-reply-title #cancel-comment-reply-link, .wp-block-post-comments-form .comment-reply-title #cancel-comment-reply-link{ font-size: 14px; font-family: var(--e-global-typography-primary-font-family); font-weight: 600; background: var(--e-global-color-accent); color: var(--e-global-color-secondary); border-radius: 5px; text-transform: capitalize; padding: 5px 10px; transition: all 0.4s ease-in-out; } .page-single-post .comment-box .comment-reply-title #cancel-comment-reply-link:hover, .wp-block-post-comments-form .comment-reply-title #cancel-comment-reply-link:hover{ background: var(--e-global-color-white); } .page-single-post .comment-box .title-comments{ margin-bottom: 30px; } .comment-form{ display: flex; flex-wrap: wrap; } .comment-form p:last-child{ margin-bottom: 0; } .comment-form .comment-notes, .comment-form .comment-form-comment, .comment-form .comment-form-cookies-consent, .comment-form .form-submit{ width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-author, .comment-form .comment-form-email{ width: calc(33.33% - 20px); margin-right: 30px; } .comment-form .comment-form-url{ width: calc(33.33% - 20px); } .comment-form label{ display: block; margin-bottom: 4px; } .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{ width: 100%; padding: 12px 20px; border: 1px solid var(--e-global-color-divider); box-shadow: none; background: var(--e-global-color-secondary); color: var(--e-global-color-text); border-radius: 10px; outline: 0; box-shadow: none; } .comment-form .comment-form-cookies-consent{ position: relative; padding-left: 20px; } .comment-form .comment-form-cookies-consent label{ display: inline-block; } .comment-form .comment-form-cookies-consent input[type="checkbox"]{ margin-top: 0 !important; margin-right: 4px; top: 6px; left: 0; position: absolute; } .comment-form .form-submit .submit{ display: inline-block; background: var(--e-global-color-accent); color: var(--e-global-color-accentsecondary); font-size: 16px; font-weight: 600; line-height: 1em; border: none; padding: 18px 22px; border-radius: 10px; position: relative; overflow: hidden; z-index: 0; transition: 0.5s ease-in-out; } .comment-form .form-submit .submit:hover{ background:var(--e-global-color-white); } .comment-list{ list-style: none; padding: 0; margin: 0; } .comment-list li{ list-style: none; } .comment-list .comment .comment-body{ margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--e-global-color-divider); } .comment-list .comment:last-child{ margin-bottom: 0; } .comment-list .comment .comment-meta{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; } .comment-list .comment .comment-meta .comment-author img{ max-width: 42px; aspect-ratio: 1/1; background: var(--e-global-color-secondary); border-radius: 50%; margin-right: 10px; } .comment-list .comment .comment-meta .comment-author b{ font-weight: 400; } .comment-list .comment .comment-meta .comment-author a{ color: var(--e-global-color-primary); } .comment-list .comment .comment-meta .comment-metadata a{ color: var(--e-global-color-text); transition: all 0.4s ease-in-out; } .comment-list .comment .comment-meta .comment-metadata a:hover{ color: var(--e-global-color-accent); } .comment-list .comment .comment-meta .comment-metadata  .comment-edit-link{ color: var(--e-global-color-accent); margin-left: 10px; } .comment-list .comment .comment-content p:last-child{ margin-bottom: 0; } .comment-list .comment .reply a{ margin-top: 10px; display: inline-block; background: var(--e-global-color-accent); padding: 5px 10px; border-radius: 5px; font-size: 14px; font-weight: 600; color: var(--e-global-color-secondary) !important; transition: all 0.4s ease-in-out; } .comment-list .comment .reply a:hover{ background: var(--e-global-color-white); } .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6{ color: var(--e-global-color-primary); margin: 0.8em 0; } .comment-content table{ width: 100%; border-top: 1px solid var(--e-global-color-white); border-left: 1px solid var(--e-global-color-white); } .comment-content table tr td, .comment-content table tr th{ border-right: 1px solid var(--e-global-color-white); border-bottom: 1px solid var(--e-global-color-white); padding: 8px 10px; } .comment-content table tr th{ color: var(--e-global-color-primary); font-size: 18px; } .comment-content ul{ padding-left: 20px; margin: 0 0 1.7em; } .comment-body li{ list-style: initial; } .comment-content ul li{ font-weight: 500; margin-bottom: 15px; color: var(--e-global-color-primary); } .comment-content ul ul{ margin-top: 10px; margin-bottom: 0; } .comment-content ol ol{ margin-top: 10px; } .comment-content ol li{ list-style: decimal; margin-bottom: 10px; } @media only screen and (max-width: 991px){ .page-single-post .comment-box{ margin-top: 40px; } .comment-box .comment-respond:not(:first-child){ margin-top: 40px; } .page-single-post .comment-box .comment-reply-title, .page-single-post .comment-box .title-comments{ font-size: 24px; } .page-single-post .comment-box .comment-reply-title small{ width: 100%; margin-top: 6px; } .comment-list .children{ padding-left: 20px; } .comment-form .form-submit .submit{ padding: 16px 20px; } } @media only screen and (max-width: 767px){ .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url{ width: 100%; margin-right: 0; } .comment-list .comment .comment-meta .comment-author, .comment-list .comment .comment-meta .comment-metadata{ width: 100%; } .comment-list .comment .comment-meta .comment-metadata{ margin-top: 10px; } } .page-portfolio{ padding: 100px 0 70px;		 } .awaiken-portfolio-grid{ min-height: 300px; overflow: hidden; } .awaiken-portfolio-grid__filters{ --listIndent: 0; --contentSpacing: 0; --listStyleType: none; display: flex; align-items: center; justify-content: center; padding: 0; margin-bottom: 55px; flex-wrap: wrap; gap: 15px 20px; } .awaiken-portfolio-grid__filters li{ position: relative; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 1.2em; color: var(--e-global-color-black); text-transform: capitalize; transition: all 0.3s ease-in-out; } .awaiken-portfolio-grid__filters.portfolio_filter-design-1 li{ display: flex; align-items: center; height: auto; padding: 15px 20px; background: var(--e-global-color-white); border-radius: 14px; border: none; } .awaiken-portfolio-grid__filters.portfolio_filter-design-1 li:hover, .awaiken-portfolio-grid__filters.portfolio_filter-design-1 li.active{ background: var(--e-global-color-accent); } .awaiken-portfolio-grid__filters.portfolio_filter-design-2{ list-style-type: none; gap: 10px 60px; } .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li{ color: var(--e-global-color-text); font-weight: 500; } .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li:before{ content: '/'; position: absolute; top: 0; bottom: 0; right: -33px; font-weight: 400; color: var(--e-global-color-text); } .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li:last-child:before{ display: none; } .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li:hover, .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li.active{ color: var(--e-global-color-accent); } .awaiken-portfolio-grid{ position: relative; display: flex; flex-wrap: wrap; --portfolio-gap: 30px; column-gap: var(--portfolio-gap); width: 100%; padding-top: 8px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item{ width: 100%; } @media (min-width: 767px){ .awaiken-portfolio-grid .awaiken-portfolio-grid-item{ width: calc(50% - (var(--portfolio-gap) / 2)); } } @media (min-width: 1240px){ .elementor-grid-2 .awaiken-portfolio-grid .awaiken-portfolio-grid-item{ width: calc(50% - (var(--portfolio-gap) / 2)); } .elementor-grid-3 .awaiken-portfolio-grid .awaiken-portfolio-grid-item{ width: calc(33.33% - ((var(--portfolio-gap) * 2) / 3)); } .elementor-grid-4 .awaiken-portfolio-grid .awaiken-portfolio-grid-item{ width: calc(25% - ((var(--portfolio-gap) * 3) / 4)); } .elementor-grid-5 .awaiken-portfolio-grid .awaiken-portfolio-grid-item{ width: calc(20% - ((var(--portfolio-gap) * 4) / 5)); } } .rovex-archive-portfolio .awaiken-portfolio-grid-item__wrapper{ height: calc(100% - 30px); margin-bottom: 30px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper{ position: relative; overflow: hidden; border-radius: 40px; padding: 24px; transition: all 0.4s ease-in-out; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover{ transform: translateY(-5px); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--e-global-color-white); opacity: 5%; width: 100%; height: 100%; z-index: 0; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img{ position: relative; margin-bottom: 30px; border-radius: 30px; overflow: hidden; transition: all 0.4s ease-out; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img:after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img:hover:after{ height: 250%; transition: all 600ms linear; background-color: transparent; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img:hover img{ transform: scale(1.1); } .awaiken-portfolio-grid.awaiken-portfolio-layout-grid .awaiken-portfolio-grid-item__img img{ width: 100%;	 aspect-ratio: 1 / 0.76; object-fit: cover; height: 100%; transition: all 0.4s ease-out; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__body{ position: relative; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; z-index: 1; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__body .awaiken-portfolio-grid-item__content{ width: calc(100% - 68px); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__content a .awaiken-portfolio-grid-item__title{ font-size: 20px; text-transform: capitalize; margin-bottom: 15px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__readmore .awaiken-portfolio-grid-item__btn{ background-color: var(--e-global-color-black); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; padding: 12px; transition: all 0.4s ease-in-out; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__btn{ background-color: var(--e-global-color-accent); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__readmore .awaiken-portfolio-grid-item__btn svg{ transition: all 0.4s ease-in-out; transform: rotate(-45deg); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__btn svg{ transform: rotate(0); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__readmore .awaiken-portfolio-grid-item__btn svg path{ transition: all 0.4s ease-in-out; fill: var(--e-global-color-primary); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__btn svg path{ fill: var(--e-global-color-secondary); } .elementor-element.awaiken-portfolio-gutter-0 .awaiken-portfolio-grid-item__wrapper{ border-radius: 0; } .elementor-element.awaiken-portfolio-gutter-0 .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img{ border-radius: 0; } .elementor-element.awaiken-portfolio-gutter-0 .awaiken-portfolio-item-design-2 .awaiken-portfolio-grid-item__content{ margin-bottom: 5px; } .awaiken-portfolio-grid-item__excerpt p:last-child{ margin-bottom: 0; } .awaiken-portfolio-item-design-1 .awaiken-portfolio-grid-item__excerpt{ display: none; } .awaiken-portfolio-item-design-1.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img{ margin-bottom: 20px; } .awaiken-portfolio-item-design-1.awaiken-portfolio-grid .awaiken-portfolio-grid-item__content a .awaiken-portfolio-grid-item__title{  margin-bottom: 0; } @media only screen and (max-width: 991px){ .page-portfolio { padding: 50px 0 20px; } .awaiken-portfolio-grid__filters{ margin-bottom: 35px; } .awaiken-portfolio-grid__filters.portfolio_filter-design-1 li{ padding: 12px 16px; } .awaiken-portfolio-grid__filters.portfolio_filter-design-2{ gap: 10px 40px; } .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li:before { right: -23px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper{ border-radius: 26px; padding: 14px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img{ margin-bottom: 20px; border-radius: 18px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__body { gap: 10px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__body .awaiken-portfolio-grid-item__content { width: calc(100% - 48px); } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__content a .awaiken-portfolio-grid-item__title { font-size: 18px; margin-bottom: 10px; } .awaiken-portfolio-grid .awaiken-portfolio-grid-item__readmore .awaiken-portfolio-grid-item__btn { width: 38px; height: 38px; padding: 10px; } } @media only screen and (max-width: 767px){ .awaiken-portfolio-grid__filters{ margin-bottom: 25px; gap: 10px 15px; } .awaiken-portfolio-grid__filters li{	 font-size: 14px; } .awaiken-portfolio-grid__filters.portfolio_filter-design-1 li{ border-radius: 8px;	 } .awaiken-portfolio-grid__filters.portfolio_filter-design-2{ gap: 10px 25px; } .awaiken-portfolio-grid__filters.portfolio_filter-design-2 li:before { right: -15px; } } .main-header.ekit-sticky--effects:before{ transform: scale(1); } .elementskit-navbar-nav > li.current-menu-item > a.active .elementskit-submenu-indicator{ color: var(--e-global-color-accent) !important; } .main-header .e-con-inner{ transition: all 0.4s ease-in-out !important; } .main-header.ekit-sticky--effects .e-con-inner{ padding-top: 0 !important; padding-bottom: 0 !important; } .main-header.ekit-sticky--effects .main-header-inner{ padding-left: 0; padding-right: 0; } .main-header .ekit-menu-nav-link>i{ padding-right: 0; } body.admin-bar .main-header.ekit-sticky--effects{ top: 32px !important; } .elementskit-dropdown i.elementskit-submenu-indicator{ transform: rotate(-90deg); margin-top: 2px; } .mobile-menu{ display: none; } .header-version-2 .mobile-menu, .header-version-3 .mobile-menu, .header-version-4 .mobile-menu{ display: block; } @media only screen and (max-width: 1024px){ body.admin-bar .main-header.ekit-sticky--effects{ top: 46px !important; } .elementskit-navbar-nav > li.current-menu-item > a.active .elementskit-submenu-indicator { color: var(--e-global-color-white) !important; } .elementskit-dropdown i.elementskit-submenu-indicator{ transform: rotate(0deg); margin-top: 6px; } .elementskit-navbar-nav-default .elementskit-navbar-nav{ margin-top: 10px; margin-bottom: 10px; } .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements{ transition: left 0.3s ease-in-out !important; } .elementskit-menu-overlay{ display: none !important; } .elementskit-menu-close .elementskit-menu-hamburger-icon, .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{ height: 2px; margin-bottom: 5px; } .elementskit-navbar-nav-default .elementskit-nav-identity-panel{ border-bottom: 1px solid var(--e-global-color-darkdivider); } .ekit_menu_responsive_tablet .elementskit-submenu-indicator{ border: none !important; } .elementskit-navbar-nav .elementskit-submenu-panel{ background: none !important; margin-left: 20px; } .mobile-menu{ display: block; } } @media only screen and (max-width: 767px){ body.admin-bar .main-header.ekit-sticky--effects{ top: 0px !important; } } .footer-links ul li:last-child a{ padding-bottom: 0 !important; } .footer-section:before{ left: -90px; top: -200px; transform: translateY(-50%) rotate(44deg); width: 242px; height: 132px; animation: tuberotate2 12s infinite linear; animation-direction: alternate; z-index: -1; } @keyframes tuberotate2{ 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(-150px) rotate(-360deg); } } .rovex-footer-preview .footer-section{ margin-top: 30px; } .privacy-policy-menu ul{ display: inline-flex; flex-wrap: wrap; gap: 5px 15px; } .footer-social-list ul li:last-child a{ padding-bottom: 0 !important; } .footer-social-list .ekit_social_media a{ line-height: 1em !important; } @media only screen and (max-width: 1540px){ .footer-section{ margin-bottom: 30px; } } @media only screen and (max-width: 1300px){ .footer-section{ margin-bottom: 20px; } .footer-connect .elementor-heading-title{ font-size: 110px !important; } } @media only screen and (max-width: 1024px){ .footer-section{ margin-bottom: 0; } .rovex-footer-preview .footer-section{ margin-top: 0px; } } @media only screen and (max-width: 991px){	 .footer-connect .elementor-heading-title{ font-size: 70px !important; } .footer-section:before{ left: -70px; top: -150px; width: 202px; height: 92px; } } @media only screen and (max-width: 767px){ .footer-connect .elementor-heading-title{ font-size: 40px !important; } .privacy-policy-menu ul{ justify-content: center; } } .column-2 .elementor-icon-list-items, .column-3 .elementor-icon-list-items{ display: flex; flex-wrap: wrap; gap: 20px; } .column-2 .elementor-icon-list-items .elementor-icon-list-item{ width: calc(50% - 10px); } .column-3 .elementor-icon-list-items .elementor-icon-list-item{ width: calc(33.33% - 13.33px); } .column-2 ul li .elementor-icon-list-icon+.elementor-icon-list-text, .column-3 ul li .elementor-icon-list-icon+.elementor-icon-list-text{ align-self: start; } .sticky-column{ position: sticky; top: 30px; } @media only screen and (max-width: 991px){ .column-3 .elementor-icon-list-items{ gap: 20px 10px; } .column-3 .elementor-icon-list-items .elementor-icon-list-item{ width: calc(33.33% - 6.66px); } } @media only screen and (max-width: 767px){ .column-2 .elementor-icon-list-items, .column-3 .elementor-icon-list-items{ gap: 15px; } .column-2 .elementor-icon-list-items .elementor-icon-list-item, .column-3 .elementor-icon-list-items .elementor-icon-list-item{ width: 100%; } } .elementor-heading-title span{ color: var(--e-global-color-accent); } .section-title .elementor-heading-title{ padding-left: 30px; } .section-title .elementor-heading-title::before{ content: ''; position: absolute; top: 50%; left: 0; bottom: 0; transform: translateY(-50%); background-color: var(--e-global-color-accent); mask-image: url("https://duzzagency.com/duzztheme/assets/images/icon-sub-heading.svg"); mask-repeat: no-repeat; width: 18px; height: 18px; } .rovex-hide-small-icon .section-title .elementor-heading-title::before{ display: none; } .rovex-hide-small-icon .section-title .elementor-heading-title{ padding-left: 0; } @media only screen and (max-width: 991px){} @media only screen and (max-width: 767px){ .section-title .elementor-heading-title{ padding-left: 25px; } } .hero .elementor-background-video-hosted{ filter: grayscale(100%); } .hero-content .elementor-heading-title span{ position: relative; color: var(--e-global-color-accentsecondary); display: inline-block; padding: 10px 15px 15px 10px; z-index: 0; } .hero-content .elementor-heading-title span:before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--e-global-color-accent); border-radius: 26px; transform: rotate(-4deg); width: 100%; height: 100%; z-index: -1; } .hero-image-box-1 img{ aspect-ratio: 1 / 0.71; object-fit: cover; } .hero-image-box-2 img{ aspect-ratio: 1 / 0.341; object-fit: cover; } .service-box-image img{ aspect-ratio: 1 / 0.834; object-fit: cover; } .our-service:before{ top: auto; left: auto; right: -80px; bottom: 150px; width: 254px; height: 254px; animation: circlerotate 12s infinite linear; animation-direction: alternate; z-index: -1; } @keyframes circlerotate{ from{ transform: translateY(0) rotate(0deg); } to{ transform: translateY(-150px) rotate(360deg); } } .our-services-boxes .elementkit-tab-nav .elementkit-nav-link, .our-services-boxes .elementkit-tab-nav .elementkit-nav-link .elementskit-tab-sub-title{ transition: all 0.3s ease-in-out; } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link:hover{ background-color: var(--e-global-color-accent); color: var(--e-global-color-accentsecondary); } .our-services-boxes .elementkit-tab-nav li .ekit-tab-title-group{ display: flex; align-items: center; } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link:hover .elementskit-tab-sub-title{ color: var( --e-global-color-secondary ); } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link .elementskit-tab-icon{ background: var(--e-global-color-secondary); border-radius: 50%; width: 48px; height: 48px; display: flex; justify-content: center; transform: rotate(-45deg); transition: all 0.3s ease-in-out; } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link:hover .elementskit-tab-icon, .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link.active .elementskit-tab-icon{ transform: rotate(0); } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link .elementskit-tab-icon svg{ max-width: 24px; } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link .elementskit-tab-icon svg path{ stroke: none !important; } .our-services-boxes .service-tab-image img{ aspect-ratio: 1 / 0.834; object-fit: cover; transform: scale(1); transition: all 0.4s ease-in-out; } .our-services-boxes .service-tab-image:hover img{ transform: scale(1.05); } .our-services-boxes .service-box-item{ transition: all 0.4s ease-in-out; } .our-services-boxes .service-tab-image:hover .service-box-item{ transform: translateY(-20px); } .our-services-boxes .service-box-item .elementskit-infobox{ backdrop-filter: blur(20px); transition: all 0.4s ease-in-out; } .our-services-boxes .service-box-item .elementskit-infobox:before{ opacity: 20%; } .our-services-boxes .service-box-item .elementskit-infobox .elementskit-info-box-icon{ position: relative; overflow: hidden; z-index: 1; } .our-services-boxes .service-box-item .elementskit-infobox .elementskit-info-box-icon:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--e-global-color-primary); border-radius: 18px; height: 100%; width: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: -1; } .our-services-boxes .service-box-item .elementskit-infobox:hover .elementskit-info-box-icon:before{ transform: scale(1.15); } .our-services-boxes .service-box-item .elementskit-infobox .elementskit-btn{ transition: all 0.3s ease-in-out; } .our-services-boxes .service-box-item .elementskit-infobox .elementskit-btn:hover{ color: var(--e-global-color-primary); } .our-services-boxes .service-box-item .elementskit-infobox .elementskit-btn svg{ width: 24px; height: 24px; transition: all 0.3s ease-in-out; } .our-services-boxes .service-box-item .elementskit-infobox .elementskit-btn:hover svg{ transform: translatex(2px); } .creative-tools:before{ left: -60px; top: 150px; transform: rotate(44deg); width: 242px; height: 132px; animation: tuberotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .creative-tool-item .elementskit-infobox:before{ top: 0 !important; bottom: 0; height: 0 !important;     z-index: 0; transition: all 0.4s ease-in-out !important; } .creative-tool-item.active .elementskit-infobox{ border-color: var(--e-global-color-secondary) !important; } .creative-tool-item:hover .elementskit-infobox:before, .creative-tool-item.active .elementskit-infobox:before{ top: auto !important; height: 100% !important; } .creative-tool-item .elementskit-infobox .elementskit-info-box-icon{ transition: all 0.4s ease-in-out; } .creative-tool-item.active .elementskit-infobox .elementskit-info-box-icon{ background-color: var(--e-global-color-divider); } .how-it-work-images:hover .how-it-work-image img{ transform: scale(1.05); } .how-it-work-images .how-it-work-image img{ transition: all 0.3s ease-in-out; } .contact-now-circle img, .contact-now-circle .e-text-path{ animation: weworkrotate 20s infinite linear; } .how-it-work-image{ width: 423px; height: 423px; transform: translate(-50%, -50%); } .work-faq-accordion .elementskit-accordion .number{ margin-right: 5px; } .work-faq-accordion .elementskit-accordion .elementskit-card .ekit_accordion_icon_group{ transform: rotate(-45deg); transition: all 0.3s ease-in-out; } .work-faq-accordion .elementskit-accordion .elementskit-card.active .ekit_accordion_icon_group{ transform: rotate(0); } .work-faq-accordion .elementskit-accordion .elementskit-card:last-child .elementskit-btn-link{ padding-bottom: 0 !important; } .work-faq-accordion .elementskit-accordion .elementskit-card.active .elementskit-btn-link{ padding-bottom: 30px !important; } .work-faq-accordion .elementskit-accordion .elementskit-card:last-child .elementskit-card-body{ padding-bottom: 0; } @keyframes weworkrotate{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .our-achievements::before{ right: -60px; left: auto; top: 100px; width: 280px; height: 284px; animation: squrerotate 10s infinite linear; animation-direction: alternate; } @keyframes squrerotate{ 0% { transform: translate(0, 0px) rotate(0deg); } 50% { transform: translate(-150px, 150px) rotate(180deg); } 100% { transform: translate(0px, 300px) rotate(360deg); } } .our-testimonial-content .elementskit-single-testimonial-slider .elementskit-commentor-content p{ border-bottom: 1px solid var(--e-global-color-divider); padding-bottom: 30px; } .our-testimonial-content .elementskit-single-testimonial-slider .elementskit-commentor-image{ position: relative; overflow: hidden; border-radius: 50%; } .our-testimonial-content .elementskit-single-testimonial-slider .elementskit-commentor-image:after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1; } .our-testimonial-content .elementskit-single-testimonial-slider .elementskit-commentor-image:hover:after{ height: 250%; transition: all 600ms linear; background-color: transparent; } .our-testimonial-content .swiper-pagination .swiper-pagination-bullet{ position: relative; transition: all 0.2s ease-in-out; } .our-testimonial-content .swiper-pagination .swiper-pagination-bullet::before{ content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50px; width: 16px; height: 16px; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; } .our-testimonial-content .swiper-pagination .swiper-pagination-bullet-active::before{ border:1px solid var(--e-global-color-accent); } .our-blog:before{ right: -40px; left: auto; top: 0; width: 154px; height: 154px; animation: roundrotate 12s infinite linear; animation-direction: alternate; z-index: -1; } @keyframes roundrotate{ from{ transform: translateY(0) rotate(0deg); } to{ transform: translateY(150px) rotate(360deg); } } .custome-blog .elementskit-post-image-card{ transition: all 0.4s ease-in-out } .custome-blog .elementskit-post-image-card:hover{ transform: translatey(-5px); } .custome-blog .elementskit-post-image-card .elementskit-entry-thumb img{ aspect-ratio: 1 / 0.6; object-fit: cover; transition: all 0.4s ease-in-out !important; } .custome-blog .elementskit-post-image-card:hover .elementskit-entry-thumb img{ transform: scale(1); opacity: 100%;	 } .custome-blog .elementskit-post-image-card .elementskit-entry-thumb:hover img{ transform: scale(1.05); } .custome-blog .elementskit-post-image-card .elementskit-entry-thumb:after{ content: ""; position: absolute; width: 200% !important; height: 0% !important; left: 50% !important; top: 50% !important; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1 !important; } .custome-blog .elementskit-post-image-card .elementskit-entry-thumb:hover:after{ height: 250% !important; transition: all 600ms linear; background-color: transparent; } .custome-blog .elementskit-post-image-card .elementskit-post-body{ display: flex; flex-wrap: wrap; justify-content: space-between; } .custome-blog .elementskit-post-image-card .elementskit-post-body .entry-title{ border-bottom: 1px solid var(--e-global-color-divider); padding-bottom: 20px; width: 100%; } .custome-blog .elementskit-post-image-card .elementskit-post-body .post-meta-list{ margin-bottom: 0; } .custome-blog .elementskit-post-image-card .elementskit-btn svg{ height: 24px; width: 24px; margin-left: 10px; transition: all 0.3s ease-in-out; } .custome-blog .elementskit-post-image-card .elementskit-btn:hover svg{ transform: translatex(2px); } .custome-blog .elementskit-post-image-card .elementskit-btn:hover svg path{ stroke: none !important; } @media only screen and (max-width: 991px){ .hero .elementor-background-video-container video{ object-position: center left; } .hero-content .elementor-heading-title span{ padding: 6px; } .hero-content .elementor-heading-title span:before{ border-radius: 18px; } .our-service:before{ right: -40px; bottom: 150px; width: 200px; height: 200px; opacity: 20%; } .our-services-boxes .elementkit-tab-wraper ul{ display: flex !important; gap: 20px; } .our-services-boxes .elementkit-tab-wraper ul:before{ display: none; } .our-services-boxes .elementkit-tab-wraper ul li{ width:calc(50% - 10px) !important; } .our-services-boxes .elementkit-tab-wraper .elementskit-tab-title span{ margin-right: 5px; } .our-services-boxes .elementkit-tab-wraper .elementkit-tab-nav .elementkit-nav-link .elementskit-tab-icon{ width: 38px; height: 38px; } .our-services-boxes .service-tab-image .at-image-animation{ border-radius: 26px; } .our-services-boxes .service-tab-image img{ aspect-ratio: 1 / 0.7; } .our-services-boxes .service-tab-image:hover .service-box-item { transform: translateY(-10px); } .creative-tools:before{ top: 50px; width: 202px; height: 92px; opacity: 20%; } .work-faq-accordion .elementskit-accordion .elementskit-card .ekit_accordion_normal_icon svg, .work-faq-accordion .elementskit-accordion .elementskit-card .ekit_accordion_active_icon svg{ height: 20px; } .work-faq-accordion .elementskit-accordion .elementskit-card.active .elementskit-btn-link{ padding-bottom: 25px !important; } .our-testimonial-content .elementskit-single-testimonial-slider .elementskit-commentor-content p{ padding-bottom: 20px; } } @media only screen and (max-width: 767px){ .our-services-boxes .elementkit-tab-wraper ul{ display: block !important; } .our-services-boxes .elementkit-tab-wraper ul li{ width: 100% !important; } .our-services-boxes .service-tab-image img{ aspect-ratio: 1 / 1.135; } .how-it-work-image{ width: 250px; height: 250px; } .work-faq-accordion .elementskit-accordion .elementskit-card.active .elementskit-btn-link{ padding-bottom: 15px !important; }	 } .page-about-us:before{ left: -60px; top: 50%; transform: rotate(44deg); width: 242px; height: 132px; animation: tuberotate 12s infinite linear; animation-direction: alternate; } .about-us-img img{ aspect-ratio: 1 / 0.86; object-fit: cover; } @keyframes tuberotate{ 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(150px) rotate(360deg); } } .trusted-clients-slider .swiper-slide-inner img{ transition: all 0.3s ease-in-out; max-height: 40px; } .trusted-clients-slider .swiper-slide-inner img:hover{ filter: brightness(0) invert(1); } .cta-counter-item .elementor-widget-container{ display: inline-block; } .cta-counter-item .elementor-widget-counter{ width: auto; } .contact-text-path .elementor-icon-wrapper{ line-height: 0; } .contact-text-path{ transform: translate(-50%, -50%) } .cta-contact-circle{ animation: weworkrotate 20s infinite linear; } @keyframes weworkrotate{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .vision-mission-image img{ aspect-ratio: 1 / 1.04; object-fit: cover; } .our-faqs::before{ right: -60px; left: auto; top: 50px; transform: rotate(44deg); width: 152px; height: 152px; animation: tuberotate 12s infinite linear; animation-direction: alternate; } @keyframes tuberotate{ 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(150px) rotate(360deg); } } .our-faqs-img img{ aspect-ratio: 1 / 1.001; object-fit: cover; } @media only screen and (max-width: 1540px){ .border-radius-section{ max-width: 100%; width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } } @media only screen and (max-width: 1300px){ .border-radius-section{ width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 1024px){ .border-radius-section{ width: 100%; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 991px){ .page-about-us:before{ top: 35%; width: 202px; height: 92px; } .about-us-img img{ aspect-ratio: 1 / 0.6; object-position: top center;	 } .our-achievements::before{ top: 30px; width: 180px; height: 184px; } .vision-mission-image img{ aspect-ratio: 1 / 0.7; } .our-faqs::before{ width: 124px; height: 124px; } .our-faqs-img img{ aspect-ratio: 1 / 0.7; object-position: top center; } } @media only screen and (max-width: 767px){ .page-about-us:before{ top: 16%; } .about-us-img img{ aspect-ratio: 1 / 0.8; object-position: center center; } .our-faqs-img img{ aspect-ratio: 1 / 0.9; object-position: center center; } } .about-team-bg-shape:before, .services-bg-shape:before{	 left: -80px; top: 100px; transform: rotate(24deg);     width: 265px; height: 178px; animation: tuberotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .services-bg-shape:after{ content: ''; display: block; position: absolute; right: -80px; bottom: 150px; background: url("https://duzzagency.com/duzztheme/assets/images/section-bg-shape-1.png") no-repeat; background-position: right center; background-size: contain; width: 254px; height: 254px; animation: circlerotate 12s infinite linear; animation-direction: alternate; opacity: var(--overlay-opacity); z-index: -1; } .services-item{ transition: all 0.4s ease-in-out; } .services-item:hover{ transform: translateY(-5px); } .services-img-box .elementskit-box-header:after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .services-img-box .elementskit-info-image-box:hover .elementskit-box-header:after{ height: 250%; transition: all 600ms linear; background-color: transparent; } .services-img-box .elementskit-box-header img{ aspect-ratio: 1 / 0.76; object-fit: cover; transition: all 0.4s ease-in-out; } .services-img-box .elementskit-box-body{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .services-img-box .elementskit-box-content{ width: calc(100% - 68px); } .services-img-box .elementskit-box-footer{ margin-top: 0 !important; } .services-img-box .elementskit-btn, .services-img-box .elementskit-btn svg{ transition: all 0.3s ease-in-out; } .services-item:hover .services-img-box .elementskit-btn{ background-color: var(--e-global-color-accent) !important; color: var(--e-global-color-black) !important; } .services-img-box .elementskit-btn svg{ transform: rotate(-45deg); } .services-item:hover .services-img-box .elementskit-btn svg{ transform: rotate(0deg); } .services-img-box .elementskit-btn svg path{	 stroke: none !important; } .services-item:hover .services-img-box .elementskit-btn svg path{ fill: var(--e-global-color-black) !important; } @media only screen and (max-width: 991px){ .about-team-bg-shape:before, .services-bg-shape:before{ width: 205px; height: 118px;	 } .services-bg-shape:after{ width: 200px; height: 200px; } .services-img-box .elementskit-box-body{ gap: 10px; } .services-img-box .elementskit-box-content{ width: calc(100% - 48px); } } @media only screen and (max-width: 767px){} .page-service-single:before{ left: -40px; top: 6%; width: 154px; height: 154px; animation: roundrotate 12s infinite linear; animation-direction: alternate; } .page-service-single:after{ content: ''; display: block; position: absolute; right: -80px; top: 25%; background: url("https://duzzagency.com/duzztheme/assets/images/section-bg-shape-3.png") no-repeat right center; background-size: contain; width: 280px; height: 284px; animation: squrerotate 10s infinite linear; animation-direction: alternate; z-index: -1; } .service-catagery-list .elementor-icon-list-items li, .service-catagery-list .elementor-icon-list-items li a { flex-direction: row-reverse; justify-content: space-between; } .service-catagery-list .elementor-icon-list-items li a{ line-height: normal; } .service-catagery-list .elementor-icon-list-items li .elementor-icon-list-icon svg, .service-catagery-list .elementor-icon-list-items li a .elementor-icon-list-icon svg{ margin: 0 !important ; } .service-catagery-list ul li .elementor-icon-list-text{ padding-inline-start: 0 !important; padding-inline-end: 10px; } .service-feature-image img { aspect-ratio: 1 / 0.598; object-fit: cover; } .service-benefits-image img { aspect-ratio: 1 / 0.665; object-fit: cover; } .design-process-item{ transition: all 0.3s ease-in-out; } .design-process-item:hover{ transform: translateY(-3px); } .design-process-item .elementskit-info-box-icon{ position: relative; overflow: hidden; transition: all 0.3s ease-in-out; } .design-process-item .elementskit-info-box-icon:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); border-radius: 12px; transform: scale(0); z-index: -1; transition: all 0.4s ease-in-out; } .design-process-item:hover .elementskit-info-box-icon::before{ transform: scale(1); } @media only screen and (max-width: 991px){ .page-service-single::before{ width: 124px; height: 124px; } .page-service-single::after{ width: 180px; height: 184px; opacity: 20%; } .service-feature-image img { aspect-ratio: 1 / 0.48; } } @media only screen and (max-width: 767px){ .service-feature-image img { aspect-ratio: 1 / 0.71; } .service-benefits-image img { aspect-ratio: 1 / 0.6; } .design-process-item.ekit-equal-height-enable, .design-process-item.ekit-equal-height-enable > .elementor-widget-container, .design-process-item.ekit-equal-height-enable > .elementor-widget-container > .ekit-wid-con, .design-process-item.ekit-equal-height-enable > .elementor-widget-container > .ekit-wid-con > .elementskit-infobox{ height: auto !important; } } .page-portfolio-details:before{	 top: 15%; left: -40px; width: 280px; height: 284px; animation: squrerotate 10s infinite linear; animation-direction: alternate; z-index: -1; } .page-portfolio-details:after{     content: ''; display: block; position: absolute; top: 50%; right: -60px; left: auto; background: url("https://duzzagency.com/duzztheme/assets/images/section-bg-shape-5.png") no-repeat; background-position: right center; background-size: contain; width: 154px; height: 154px; animation: roundrotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .project-sidebar-icon-box .elementor-widget-icon-box .elementor-icon-box-wrapper{ align-items: center; } .project-sidebar-icon-box .ekit_social_media{ line-height: 0; } .project-sidebar-icon .elementskit-infobox .elementskit-box-header{ position: absolute; top: 0; left: 0; } .work-feature-image img { aspect-ratio: 1 / 0.718; object-fit: cover; } .work-entry-image img { aspect-ratio: 1 / 0.479; object-fit: cover; } .project-features-item .elementskit-box-header .elementskit-info-box-icon::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-accent); border-radius: 12px; transform: scale(0); transition: all 0.4s ease-in-out; } .project-features-item:hover .elementskit-box-header .elementskit-info-box-icon::before{ transform: scale(1); } .project-features-item .elementskit-box-header .elementskit-info-box-icon svg{ position: relative; transition: all 0.3s ease-in-out; z-index: 1; } @media only screen and (max-width: 991px){ .page-portfolio-details:before{ left: 40px; width: 180px; height: 184px; } .page-portfolio-details::after{	 width: 124px; height: 124px; opacity: var(--overlay-opacity); } .work-feature-image img{ aspect-ratio: 1 / 0.55; } } @media only screen and (max-width: 767px){ .work-feature-image img{ aspect-ratio: 1 / 0.71; } } .page-team::before{ left: auto; bottom: auto; right: -80px; top: 150px; width: 254px; height: 254px; animation: circlerotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .team-image img{ aspect-ratio: 1 / 1.336; object-fit: cover; transition: all 0.4s ease-in-out; } .team-body{ backdrop-filter: blur(20px); transition: all 0.4s ease-in-out; z-index: 2; } .team-social-list ul{ line-height: normal; } .team-item:hover .team-image img { transform: scale(1.1); } .team-item:hover .team-body { transform: translatey(-5px); } @media only screen and (max-width: 991px){ .page-team:before { width: 214px; height: 214px; } .team-image img{ aspect-ratio: 1 / 1.1; } } @media only screen and (max-width: 767px){} .page-team-single::before{ left: auto; bottom: auto; right: -80px; top: 50%; width: 254px; height: 254px; animation: circlerotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .page-team-single::after { content: ''; display: block; position: absolute; left: -70px; top: 100px; transform: rotate(24deg); background: url('https://duzzagency.com/duzztheme/assets/images/section-bg-shape-4.png') no-repeat; background-position: left center; background-size: contain; width: 265px; height: 178px; animation: tuberotate 12s infinite linear; animation-direction: alternate; opacity: var(--overlay-opacity); z-index: -1; } .team-single-image img{ aspect-ratio: 1 / 0.999; object-fit: cover; } .column-2.team-expertise-list ul li .elementor-icon-list-text{ line-height: normal !important; } .team-contact-box .elementskit-info-box-icon::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--e-global-color-white); border-radius: 50%; height: 100%; width: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: -1; } .team-contact-box .elementskit-infobox:hover .elementskit-info-box-icon:before { transform: scale(1); } .skills-progress-bar .skill-bar-content, .skills-progress-bar .skill-title{ line-height: 1em; } .skills-progress-bar .skill-bar-content{ margin-bottom: 15px !important; } .skills-progress-bar .skill-bar .skill-track::before, .skills-progress-bar .skill-bar .skill-track::after{ display: none; } .skills-progress-bar .skillbar-group .single-skill-bar .content-group{ width: 100% !important; } .skills-progress-bar .skillbar-group .skill-bar{ height: 16px; } .skills-progress-bar .skillbar-group .number-percentage-wraper{ position: absolute !important; right: 0; top: 0 !important; line-height: 1.5em !important; } @media only screen and (max-width: 991px){ .page-team-single::after, .page-team-single::before{ width: 180px; height: 184px; } .team-single-image img{ aspect-ratio: 1 / 0.75; } .column-2.team-expertise-list ul{ gap: 15px; } .column-2.team-expertise-list ul li{ width: 100% !important; } .skills-progress-bar .skillbar-group .skill-bar{ height: 12px; } } @media only screen and (max-width: 767px){ .team-single-image img { aspect-ratio: 1 / 0.99; } } .pricing-plan:before{ right: -80px; left: auto; top: auto; bottom: 100px; width: 280px; height: 284px; animation: squrerotate 10s infinite linear; animation-direction: alternate;	 } .pricing-plan:after{ content: ''; display: block; position: absolute; left: -40px; top: 150px; background: url(https://duzzagency.com/duzztheme/assets/images/section-bg-shape-5.png) no-repeat; background-position: right center; background-size: contain; width: 154px; height: 154px; animation: circlerotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .pricing-box .ekit-wid-con .elementskit-pricing-header h3{ display: inline-block; background-color: var(--e-global-color-accentsecondary); } .pricing-box .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price-wraper{ line-height: 0; } .pricing-box .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn-wraper .elementskit-pricing-btn{ position: relative; overflow: hidden; transition: all 0.4s ease-in-out; z-index: 0; } .pricing-box .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn-wraper .elementskit-pricing-btn:before{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -15%; right: 0; width: 0; height: 106%; background: var(--e-global-color-white); transform: skew(45deg); transition: all 0.4s ease-in-out; z-index: -1; } .pricing-box .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn-wraper:hover .elementskit-pricing-btn:before{ width: 100%; transform: skew(0deg); left: 0; } .pricing-icon-list ul{ gap: 20px 60px; } .pricing-icon-list ul li .elementor-icon-list-icon svg path{ fill: inherit; stroke: inherit; } @media only screen and (max-width: 991px){ .pricing-plan:before{ width: 180px; height: 184px;	 } .pricing-plan:after{ width: 124px; height: 124px; opacity: 20%; } .pricing-icon-list ul{ gap: 20px 30px; } } @media only screen and (max-width: 767px){ .pricing-icon-list ul{ gap: 10px; } } .page-testimonial::before { left: auto; top: auto; right: -80px; bottom: 100px; width: 280px; height: 284px; animation: squrerotate 10s infinite linear; animation-direction: alternate; z-index: -1; } .page-testimonial:after { content: ''; display: block; position: absolute; left: -40px; top: 150px; background: url("https://duzzagency.com/duzztheme/assets/images/section-bg-shape-5.png") no-repeat; background-position: right center; background-size: contain; width: 154px; height: 154px; animation: roundrotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .testimonial-logo-img img { max-height: 40px; } .testimonial-author .elementor-image-box-img{ position: relative; overflow: hidden; border-radius: 50%; max-width: 48px; } .testimonial-author .elementor-image-box-img::after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1;	 } .testimonial-author .elementor-image-box-img:hover::after{ height: 250%; transition: all 600ms linear; background-color: transparent; } @media only screen and (max-width: 991px) { .page-testimonial:before { width: 180px; height: 184px; } .page-testimonial:after { width: 124px; height: 124px; opacity: 20%; } } @media only screen and (max-width: 767px){ .testimonial-author .elementor-image-box-wrapper{ display: flex; align-items:center; gap: 10px; } } .page-faqs:before{ left: -80px; top: 100px; transform: rotate(24deg); width: 265px; height: 178px; animation: tuberotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .page-faqs:after{ content: ''; display: block; position: absolute; right: -80px; top: 50%; background: url("https://duzzagency.com/duzztheme/assets/images/section-bg-shape-1.png") no-repeat; background-position: right center; background-size: contain; width: 254px; height: 254px; animation: circlerotate 12s infinite linear; animation-direction: alternate; z-index: -1; } .faq-accordion .elementskit-accordion .elementskit-card.active .elementskit-btn-link{ padding-bottom: 15px !important; } @media only screen and (max-width: 991px){ .page-faqs:before{ width: 205px; height: 118px; } .page-faqs:after{ width: 214px; height: 214px; opacity: 20%; } } @media only screen and (max-width: 767px){ .faq-accordion .elementskit-accordion > .elementskit-card,	 .faq-accordion .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed { border-radius: 10px !important; } } .page-contact-us:before{ left: -40px; top: 150px; width: 154px; height: 154px; animation: roundrotate 12s infinite linear; animation-direction: alternate; z-index: -1; } @keyframes roundrotate{ 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(150px) rotate(360deg); } } .elementor-widget-elementskit-contact-form7 form .form-control{ background-clip: border-box;	 } .wpcf7-spinner{ display: none; } .wpcf7-not-valid-tip{ color: #E65757 !important; font-size: 14px; line-height: 1.1em; font-weight: 400; } .wpcf7-response-output{ margin: 20px 0 0 0 !important; padding: 5px 10px !important; border-radius: 30px !important; border: 1px solid #E65757 !important; line-height: 1.1em; color: #E65757 !important; } .wpcf7-form.sent .wpcf7-response-output{ color: #46B450 !important; border-color: #46B450 !important; } @media only screen and (max-width: 991px){ .page-contact-us::before{ width: 114px; height: 114px; }	 }