/*
Theme Name: Law Office Pro
Description: Law Office Pro WordPress Theme is the perfect choice for building Law Office website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Charitable Non Profit Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Charitable Non Profit Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/law-office/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Requires PHP: 7.3
Tested up to: 6.0
Text Domain: law-office-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Mulish';
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}
.sticky {
    position: fixed;
    width: 100%;
    z-index: 999 !important;
    top: -20px;
    left: 0;
    padding: 0px 10px ;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px #CCBABAF2;
    animation: slideDown 0.75s ease-out;
}
@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
}

/*=============== Law Office Theme Code Start ==============*/


/*=========== Top Slider Start ============*/

.main-slider-content .bdt-prime-slider .bdt-ps-slide-img {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 45% 100%;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content h3 {
    display: none;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    width: 100%;
    max-width: 600px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 175px;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slideshow-item.bdt-flex-center {
    justify-content: flex-start;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
    display: none;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    margin-left: 0px;
    margin-bottom: 0px !important;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    column-count: 1;
}
.main-slider-content .bdt-prime-slider .bdt-position-bottom-left {
    bottom: unset;
    left: 0;
    top: 26%;
    transform: translateX(-170px);
}
.main-slider-content .bdt-prime-slider .bdt-position-bottom-left a svg polyline {
    stroke-width: 3;
}
.main-slider-content .bdt-prime-slider .slider-text {
    color: #B68C5A;
    text-decoration: underline 2px;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slide-btn {
    transform: translateX(0px);
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-prime-slider-button-text {
    flex-direction: row-reverse;
    gap: 15px;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slide-btn svg {
    width: 26px;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slide-btn svg polyline,
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slide-btn svg line {
    width: 26px;
    stroke-width: 2;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly span.bdt-slide-btn-icon {
    /* display: flex;
    margin-left: 0px;
    background-color: #FFFFFF;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center; */
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-crelly-btn {
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 0px;
    padding-left: 0px; 
    z-index: 3;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-slide-btn svg {
    display: none;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-crelly-btn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 100%;
    background: #162542;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    transition: all 0.4s ease;
    z-index: 1;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-crelly-btn::after {
    content: '\2192';
    font-family: 'FontAwesome';
    font-weight: 600;
    font-size: 30px;
    color: #162542;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #FFFFFF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: all 0.4s ease;
    line-height: 30px;
    padding-bottom: 10px;
}
/* .main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-crelly-btn:hover::before {
    left: 0px !important;
    width: 100% !important;
    background: #B68C5A !important;
    border-top-right-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
    border: unset !important;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-crelly-btn :hover::before {
    left: 100%;
}
.main-slider-content .bdt-prime-slider .bdt-prime-slider-skin-crelly .bdt-crelly-btn:hover .bdt-prime-slider-button-text {
    color: #FFFFFF !important;
    z-index: 9;
} */

/*=========== Top Slider End ============*/

/*=========== Testimonial Section Start ============*/

.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item {
    position: relative;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-image {
    position: absolute;
    top: 14%;
    left: 10%;
    z-index: 1;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-icon {
    position: absolute;
    left: 0;
    top: 7%;
    border: 1px solid #B68C5A;
    width: 201px;
    height: 200px;
    border-radius: 50%;
    background: linear-gradient(228.9deg, #B68C5A -0.68%, rgba(255, 255, 255, 0) 81.5%);
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .uc_author {
    order: 1;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .uc_stars {
    order: 2;
    padding-left: 300px;
    gap: 6px;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-text {
    order: 3;
    padding-left: 300px;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .uc_author_info {
    padding-left: 300px;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-text p {
    margin-bottom: 0px;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .uc_quote_info::before {
    transform: translate(265px, 60px);
    content: '';
    height: 100%;
    width: 1px;
    background-color: #757575;
    position: absolute;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .owl-nav .owl-prev {
    left: unset !important;
    right: 6% !important;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-icon {
    justify-content: flex-start !important;
    padding-left: 30px !important;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-text p {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: -webkit-box;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .owl-nav .owl-prev svg,
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .owl-nav .owl-next svg {
    vertical-align: middle;
    transform: translateY(-2px);
}

/*=========== Testimonial Section End ============*/

/*=========== Law Office Slider Section Start ============*/

.wpe-cyber-slider-section .slider-title {
    color: #2AA2FF;
}
.wpe-cyber-slider-video .video-content {
    position: relative;
}
.wpe-cyber-slider-video a span {
    position: absolute;
    left: 90px;
    width: 119px;
    letter-spacing: 0.44px;
    color: #FFFFFF;
    font-family: "Mulish";
    font-weight: 500;
    font-size: 20px;
}
.wpe-cyber-slider-section .elementskit-btn:hover {
    border: unset !important;
}
.wpe-cyber-slider-section .elementskit-btn:hover {
    border: 1px solid #2AA2FF !important;
}

/*=========== Law Office Slider Section End ============*/

/*=========== Law Office Brand Section Start ============*/

.wpe-cyber-company-logo-section .swiper-slide-active figure img {
    float: left;
}
.wpe-cyber-company-logo-section .swiper-slide-duplicate-prev figure img {
    float: right;
}

/*=========== Law Office Brand Section End ============*/

/*=========== Law Office About Section Start ============*/

.wpe-cyber-about-us-section  .elementor-counter .elementor-counter-number-prefix, 
.wpe-cyber-about-us-section  .elementor-counter .elementor-counter-number-suffix {
    flex-grow: 0 !important;
}
.wpe-cyber-about-us-section p {
    opacity: 0.7;
}

/*=========== Law Office About Section End ============*/

/*=========== Law Office Service Section Start ============*/

.wpe-cyber-service-section .ea-amox-grid .ea-img-wrap .ea-img {
    width: 15%;
}
.wpe-cyber-service-section .ea-amox-grid .ea-item:hover .ea-img-wrap .ea-img {
    transform: unset;
}
.wpe-cyber-service-section .ea-title {
    padding-top: 20px;
    opacity: 0.75;
}
.wpe-cyber-service-section .ea-button-wrap a {
    text-transform: capitalize;
    font: 300 18px/27px "Mulish";
    letter-spacing: 0.36px;
    color: #FFFFFF;
    opacity: 0.7;
}
.wpe-cyber-service-section .ea-amox-grid .ea-text p {
    opacity: 0.7;
}
.wpe-cyber-service-section .ea-button-wrap a svg {
    padding-left: 6px;
}
.wpe-cyber-service-section-para .elementor-widget-container {
    opacity: 0.7;
}
.wpe-cyber-service-section .ea-item:hover {
    background: transparent linear-gradient(130deg, #2AA2FF 0%, #2AA2FF00 42%) 0% 0% no-repeat padding-box;
    border-bottom: 5px solid #2AA2FF;
    border-radius: 15px 15px 6px 6px !important;
}
.wpe-cyber-service-section .ea-amox-grid .ea-img-wrap .ea-img {
    background-color: #0E142A;
    width: 80px;
    height: 80px;
    padding: 15px;
    border-radius: 10px;
}
.ea-item .ea-img-wrap img {
    transition: transform 1s, filter 2s ease-in-out;
  transform: scale(1.2);
}
.ea-item .ea-img-wrap img:hover img {
    transform: scale(1.5);
}
.wpe-cyber-service-section .ea-button-wrap a:hover {
    color: #2AA2FF;
}

/*=========== Law Office Service Section End ============*/


/*=========== Law Office Choose Section Start ============*/

.wpe-cyber-choose-section-para p {
    opacity: 0.7;
}
.wpe-cyber-choose-section-para .elementor-image-box-title {
    opacity: 0.7;
}

/*=========== Law Office Choose Section End ============*/


/*=========== Law Office counter Section Start ============*/

.wpe-cyber-counter-box1 .elementor-counter, .wpe-cyber-counter-box2 .elementor-counter, .wpe-cyber-counter-box3 .elementor-counter {
    border-right: 2px solid #3C4152 !important;
}
.wpe-cyber-counter-box1 .elementor-counter-title, .wpe-cyber-counter-box2 .elementor-counter-title,
.wpe-cyber-counter-box3 .elementor-counter-title, .wpe-cyber-counter-box4 .elementor-counter-title {
    margin-top: 30px;
}
.wpe-cyber-counter-box1 .elementor-counter-number-prefix {
    display: none;
}
.wpe-cyber-counter-box1 .elementor-counter-title {
    text-align: left !important;
}
.wpe-cyber-counter-box4 .elementor-counter {
    text-align: right !important;
}
.wpe-cyber-counter-box4 .elementor-counter-number-wrapper {
    display: block !important;
}
.wpe-cyber-counter-box4 .elementor-counter-title {
    text-align: right !important;
}

/*=========== Law Office counter Section End ============*/

/*=========== Law Office FAQ Section Start ============*/

.wpe-cyber-faq-title .elementskit-card-header a {
    opacity: 0.8;
}
.wpe-cyber-faq-title .elementskit-card .elementskit-card-body {
    opacity: 0.7;
}
.wpe-cyber-faq-title .elementskit-card.active .elementskit-card-header {
    border-bottom: 1px solid #626671;
}
.wpe-cyber-faq-section .elementskit-btn:hover {
    border: 1px solid #2AA2FF !important;
}

/*=========== Law Office FAQ Section End ============*/

/*=========== Law Office Pricing Plan Section Start ============*/

.wpe-cyber-plan-section .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header {
    display: inline-flex;
    gap: 25px;
    padding-top: 40px;
    margin-bottom: 0;
}
.wpe-cyber-plan-main-box figure.elementor-pricing-img {
    background-color: #0B1021;
    width: 75px;
    height: 70px;
    border-radius: 6px;
}
.wpe-cyber-plan-main-box .elementskit-single-pricing .elementor-pricing-img img {
    padding: 15px;
}
.wpe-cyber-plan-main-box .elementskit-single-pricing {
    position: relative;
}
.wpe-cyber-plan-main-box span.elementskit-pricing-price {
    position: absolute;
    bottom: 58px;
    left: 94px;
}
.wpe-cyber-plan-main-box .elementskit-single-pricing {
    background-color: #0E142A;
    text-align: center;
    padding: 0px 40px 40px 45px;
}
.wpe-cyber-plan-main-box .elementskit-pricing-price sub.period {
    margin-left: -10px;
    color: #8D909A;
}
.wpe-cyber-plan-main-box a.elementskit-pricing-btn.ekit-pricing-btn-icon-pos-left:hover {
    border-color: #2AA2FF !important;
}
.wpe-cyber-plan-main-box .elementskit-single-pricing:hover {
    background: transparent linear-gradient(130deg, #2AA2FF 0%, #2AA2FF00 42%);
    border-bottom: 5px solid #2AA2FF;
    border-radius: 0px 0px 7px 7px !important;
}
.wpe-cyber-plan-main-box .elementskit-single-pricing a.elementskit-pricing-btn:hover {
    border: 1px solid #2AA2FF !important;
}
.wpe-cyber-price-para {
    opacity: 0.7 !important;
}
.wpe-cyber-plan-main-box>div.e-con-inner button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #FFF;
    text-indent: -9999px;
}
.wpe-cyber-plan-main-box>div.e-con-inner li.slick-active button {
    background-color: #2AA2FF;
}
.wpe-cyber-plan-main-box>div.e-con-inner {
    width: auto;
}
.wpe-cyber-plan-main-box>div.e-con-inner .slick-track {
    display: inline-flex;
    gap: 10px;
}

/*=========== Law Office Pricing Plan Section End ============*/

/*=========== Law Office Testimonial Section Start ============*/

.wpe-cyber-testimonial-box .ea-testimonials-wrap .ea-arrow-prev:after {
    content: '\f062'!important;
    position: absolute;
    font-family: 'FontAwesome';
    color: #FFF;
    visibility: visible;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    width: 38px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #FFF;
}
.wpe-cyber-testimonial-box .ea-testimonials-wrap .ea-arrow-next:after {
    content: '\f063'!important;
    position: absolute;
    font-family: 'FontAwesome';
    color: #FFF;
    visibility: visible;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    width: 38px !important;
    height: 38px !important;
    line-height: 35px;
    text-align: center;
    border: 1px solid #FFF;
}
.wpe-cyber-testimonial-box .elementor-widget-container svg {
    font-size: 0px !important;
    display: none;
}
.wpe-cyber-testimonial-box .ea-testimonial-text {
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
    opacity: 0.7;
}
.wpe-cyber-testimonial-box .ea-testimonials-wrap .ea-testimonials-carousel {
    position: relative;
}
.wpe-cyber-testimonial-box .ea-slider-arrow.ea-arrow.ea-arrow-prev {
    top: 44%;
    position: absolute;
}
.wpe-cyber-testimonial-box .ea-slider-arrow.ea-arrow.ea-arrow-next {
    position: absolute;
    left: 20px;
    top: 56%;
}
.wpe-cyber-testimonial-box .ea-slider-arrow.ea-arrow.ea-arrow-prev:hover:after {
    background-color: #2AA2FF;
    border: 1px solid #2AA2FF !important;
}
.wpe-cyber-testimonial-box .ea-slider-arrow.ea-arrow.ea-arrow-next:hover:after {
    background-color: #2AA2FF;
    border: 1px solid #2AA2FF;
}
.wpe-cyber-testimonial-box .ea-arrow-prev.slick-arrow {
    font-size: 0px !important;
}
.wpe-cyber-testimonial-box .slick-current .ea-testimonial  {
    background-color: #0B1021;
    border: 1px solid #FFFFFF !important;
    opacity: 1 !important;
}
.wpe-cyber-testimonial-box .ea-testimonials-wrap .ea-testimonials .slick-list {
    height: 420px !important;
}
.wpe-cyber-testimonial-box .ea-testimonial-position {
    opacity: 0.6;
}   
.ea-testimonial-slide:not(.slick-current) .ea-testimonial {
    background: transparent linear-gradient(0deg, #0E142A00 0%, #0E142A 100%) 0% 0% no-repeat padding-box;
    opacity: 0.4;
}
.wpe-cyber-testimonial-box .ea-testimonials .ea-arrow-next {
    font-size: 0;
}

/*=========== Law Office Testimonial Section End ============*/

/*=========== Law Office Team Section Start ============*/

.wpe-cyber-team-section .ea-tm {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.wpe-cyber-team-section .ea-tm-content {
    width: 50%;
}
.wpe-cyber-team-section .ea-tm-image {
    width: 50%;
}
.wpe-cyber-team-section .ea-tm-social-links li a svg {
    font-size: 16px;
    height: 16px;
}
.wpe-cyber-team-section .ea-tm-social-links li a svg path {
    fill: #FFF;
}
.wpe-cyber-team-section .ea-tm-description {
    padding-right: 30px;
}
.wpe-cyber-team-section .ea-tm-social-icon {
    font-size: 0 !important;
    display: none !important;
}
.wpe-cyber-team-section .ea-tm-social-links .ea-tm-social-icon-wrap {
    width: 32px;
    height: 32px;
    justify-content: center;
}
.wpe-cyber-team-section .ea-tm-social-links-wrap {
    padding-top: 10px;
}
.wpe-cyber-team-section .ea-tm:hover {
    background: transparent linear-gradient(135deg, #2AA2FF 0%, #2AA2FF00 46%);
}
.wpe-cyber-team-section .ea-team-member-carousel-wrap {
    overflow-x: clip;
    margin: 0 7px;
}
.wpe-cyber-team-section .ea-tm-social-links li:nth-child(1) a i::before {
    font-size: 0px !important;  
}
.wpe-cyber-team-section .ea-tm-social-links li:nth-child(1) .e-fab-facebook {
    font-size: 0px !important;  
    width: 0px !important;
}
.wpe-cyber-team-section .ea-tm-social-links li:nth-child(2) a i {
    display: flex !important;
}
.wpe-cyber-team-section .ea-tm-social-links li:nth-child(2) a i::before {
    font-size: 0px !important;  
}
.wpe-cyber-team-section .ea-tm-social-links li:nth-child(2) .e-fab-twitter {
    font-size: 0px !important;  
    width: 0px !important;
}
.wpe-cyber-team-section .ea-team-member-carousel-wrap .ea-tm-wrapper {
    padding: 0 3px !important;
}

/*=========== Law Office Team Section End ============*/

/*=========== Law Office Blog Section Start ============*/

.wpe-cyber-blog-section .ea-post-wrapper .ea-img-wrap img {
    height: 270px;
    border-radius: 10px;
}
.wpe-cyber-blog-section .ea-amox-carousel .ea-item:hover .ea-img-wrap .ea-img {
    transform: unset;
}
.wpe-cyber-blog-content-section {
    overflow-x: clip;
}
.wpe-cyber-blog-content-section .ea-text p {
    font: 300 17px/26px 'Mulish';
    color: #FFFFFF;
    letter-spacing: 0.36px;
    opacity: 0.7;
}   
.wpe-cyber-blog-content-section .ea-item {
    position: relative;
}
.wpe-cyber-blog-content-section .ea-date {
    position: absolute;
    top: 15px;
    width: 102px;
    background-color: #0E142A;
    padding: 10px;
    border-radius: 8px;
    font: 500 20px/30px 'Mulish';
    text-align: center;
    left: 5px;
}
.wpe-cyber-blog-content-section .ea-item:hover .ea-date {
    background-color: #2AA2FF;
}
.wpe-cyber-blog-content-section .ea-title a {
    opacity: 0.9;
}

/*=========== Law Office Blog Section End ============*/

/*=========== Law Office Newsletter Section Start ============*/

.wpe-cyber-newsletter-section .e-con-inner {
    max-width: 1000px;
}
.wpe-cyber-newsletter-container {
    position: relative;
}
.wpe-cyber-newsletter-container form p {
    text-align: center;
}
.wpe-cyber-newsletter-container form {
    text-align: center;
}
.wpe-cyber-newsletter-container .wpcf7-form-control-wrap {
    position: relative;
    width: 50%;
    display: inline-grid;
}
.wpe-cyber-newsletter-container form .wpcf7-submit {
    position: inherit;
    right: 20%;
    background-color: #2AA2FF !important;
    padding: 12px 40px !important;
    border: unset;
    border-radius: 0 6px 6px 0 !important;
    color: #FFFFFF;
    font: 400 18px/23px "Mulish";
    letter-spacing: 0.36px;
    width: fit-content;
}
.wpe-cyber-newsletter-container input[type="text"] {
    background: #0E142A;
}
.wpe-cyber-newsletter-container input[type="email"] {
    border-radius: 6px 0px 0px 6px !important;
    padding: 12px 20px !important;
    border: unset;
    background: #0E142A !important;
}
.wpe-cyber-newsletter-container form .wpcf7-spinner {
    display: none;
}
.wpe-cyber-newsletter-bg-section {
    border-radius: 20px !important;
}
.wpe-cyber-newsletter-container .wpcf7 form .wpcf7-response-output {
    padding: 4px 50px;
    border: 1px solid #FFF;
    width: max-content;
    color: #FFF;
    margin: 0 auto;
    opacity: 0.8;
    margin-top: 12px;
}
.wpe-cyber-newsletter-container .wpcf7-not-valid-tip {
   display: none;
}
.wpe-cyber-newsletter-bg-section {
    height: 330px !important;
}
.wpe-cyber-newsletter-para {
    opacity: 0.8 !important;
}

/*=========== Law Office Newsletter Section End ============*/

/*=============== Law Office Theme Code End ==============*/

.owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    border: none;
    color: #fff;
    background-color: #000; 
}
.owl-carousel .owl-nav .owl-prev:hover {
    background-color: #D7282F;
    color: #fff;
}
.owl-carousel .owl-nav .owl-next:hover {
    background-color: #D7282F;
    color: #fff;
}
.owl-nav {
    text-align: center;
    margin-top: 35px;
    gap: 20px;
    display: flex !important;
    justify-content: center;
}

/*=========== Cyber Return to top CSS Start ============*/

#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #B68C5A;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 50%;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    cursor: pointer;   
    padding: 10px; 
}
#return-to-top i {
    color: #fff;
    font-weight: 800px;
    position: relative;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 3px 18px;
    cursor: pointer;
}
#return-to-top:hover {
    background-color: #000;
    border: 2px solid #B68C5A;
}
#return-to-top:hover svg path {
    fill: #B68C5A;
}
#return-to-top:hover i {
    color: #B68C5A;
    top: 5px;
}
#return-to-top .elementor-icon i:before, .elementor-icon svg:before{
    position: absolute;
    left: 71%;
    font-weight: 900;
}
/*============= Cyber Return to top CSS End ==============*/


#maincontent {
    padding-top: 3em;
}

@keyframes aaa {
  0%{
    left: -110%;
    top: 90%;
  }50%{
    left: 10%;
    top: -30%;
  }100%{
    top: -10%;
    left: -10%;
  }
}
/*-------Preloader------------*/


/*------ loader start------*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #479F49;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}



.loader {    
  --r1: 154%;
  --r2: 68.5%;
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50%; 
  background:
    radial-gradient(var(--r1) var(--r2) at top   ,#0000 79.5%,#1A1A1A 80%),
    radial-gradient(var(--r1) var(--r2) at bottom,#1A1A1A 79.5%,#0000 80%),
    radial-gradient(var(--r1) var(--r2) at top   ,#0000 79.5%,#1A1A1A 80%),
    #ccc;
  background-size: 50.5% 220%;
  background-position: -100% 0%,0% 0%,100% 0%;
  background-repeat:no-repeat;
  animation: l9 2s infinite linear;
}
@keyframes l9 {
    33%  {background-position:    0% 33% ,100% 33% ,200% 33% }
    66%  {background-position: -100%  66%,0%   66% ,100% 66% }
    100% {background-position:    0% 100%,100% 100%,200% 100%}
}

/*------ loader end------*/




.trade-box-content:hover h2 {
    color: #FFF !important;
}
.trade-box-content:hover p {
    color: #FFF;
}
.trade-box-content:hover .elementor-icon svg path {
    fill: #FFF;
}
.why-choose-icon-box:hover .elementor-icon-box-content p {
    color: #FFF !important;
}
/* .our-team-slider-container .slick-slide:hover {
    background-color: #162542 !important;
}
.our-team-slider-container:hover .slick-slide h2 {
    color: #FFF !important;
}
.our-team-slider-container:hover .slick-slide p {
    color: #FFF;
} */
.blog-section .uc_carousel_item:hover {
    /* background: #162542;
    background: linear-gradient(90deg,rgba(22, 37, 66, 1) 0%, rgba(182, 140, 90, 1) 50%, rgba(22, 37, 66, 1) 100%); */
    background: #162542;
    background: linear-gradient(0deg, rgb(40, 50, 70) 0%, rgba(182, 140, 90, 1) 100%);
}
.blog-section .uc_carousel_item:hover .uc_post_title {
    color: #FFF;
}
.blog-section .uc_carousel_item:hover .uc_paragraph {
    color: #FFF !important;
}
.blog-section .uc_carousel_item:hover .ue-grid-item-meta-data-icon svg path {
    fill: #FFF;
}
.blog-section .uc_carousel_item:hover .ue-grid-item-meta-data:last-child a {
    color: #FFF !important;
}



#law-office-about-section .about-doct-img {
  position: relative;
  overflow: hidden;
}
#law-office-about-section .about-doct-img::after {
  position: absolute;
  top: 0;
  left: -144%;
  z-index: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  transition: all 3s ease;
}
#law-office-about-section .about-doct-img:hover {
  transition: all 3s ease;
}
#law-office-about-section .about-doct-img:hover::after {
  -webkit-animation: shine .71s;
  animation: shine .71s;
  transition: all 3s ease;
}
@-webkit-keyframes shine {
  100% {
    left: 125%; 
  } 
}
@keyframes shine {
  100% {
    left: 125%; 
  } 
}


#law-office-about-section .about-study-img {
  position: relative;
  overflow: hidden;
}
#law-office-about-section .about-study-img::after {
  position: absolute;
  top: 0;
  left: -144%;
  z-index: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  transition: all 3s ease;
}
#law-office-about-section .about-study-img:hover {
  transition: all 3s ease;
}
#law-office-about-section .about-study-img:hover::after {
  -webkit-animation: shine .71s;
  animation: shine .71s;
  transition: all 3s ease;
}
@-webkit-keyframes shine {
  100% {
    left: 125%; 
  } 
}
@keyframes shine {
  100% {
    left: 125%; 
  } 
}


.wining-box-img {
  position: relative;
  overflow: hidden;
}
.wining-box-img::after {
  position: absolute;
  top: 0;
  left: -144%;
  z-index: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  transition: all 3s ease;
}
.wining-box-img:hover {
  transition: all 3s ease;
}
.wining-box-img:hover::after {
  -webkit-animation: shine .71s;
  animation: shine .71s;
  transition: all 3s ease;
}
@-webkit-keyframes shine {
  100% {
    left: 125%; 
  } 
}
@keyframes shine {
  100% {
    left: 125%; 
  } 
}


.winning-box-img2 {
  position: relative;
  overflow: hidden;
}
.winning-box-img2::after {
  position: absolute;
  top: 0;
  left: -144%;
  z-index: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  transition: all 3s ease;
}
.winning-box-img2:hover {
  transition: all 3s ease;
}
.winning-box-img2:hover::after {
  -webkit-animation: shine .71s;
  animation: shine .71s;
  transition: all 3s ease;
}
@-webkit-keyframes shine {
  100% {
    left: 125%; 
  } 
}
@keyframes shine {
  100% {
    left: 125%; 
  } 
}


#basic-gallery-section .gallery .gallery-item {
	position: relative;
}
#basic-gallery-section .gallery .gallery-item::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
#basic-gallery-section .gallery .gallery-item:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}


.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-image {
	/* position: relative; */
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-image::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.testimonial-main-content .elementor-widget-ucaddon_responsive_testemonial_carousel .uc_quote_item .ue-image:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}