/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/hello-theme/
 Description: A child theme of Hello Elementor for custom modifications.
 Author: Elementor Team
 Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
 Template: hello-elementor
 Version: 1.0.0
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain: hello-elementor-child
*/

/*default-css*/
.mb-0 p { margin-bottom: 0px;}
.container {max-width: 1440px; width: 100%; padding-inline: 40px;margin:auto; }
.subtitle .elementor-heading-title { padding: 15px 22px; display: inline-block; background: #07525C1A; border: 1px solid #07525C66; border-radius: 90px; }
.white-subtitle .elementor-heading-title { padding: 15px 22px; display: inline-block; background: #FFFFFF66; border: 1px solid #FFFFFF66; border-radius: 90px; }
.row-reverse .elementor-container {flex-direction: row-reverse; }
.home .main-footer {padding-top: 280px !important; }
.home .contact-section {margin-bottom: -200px; position: relative; z-index: 1; }
.image-sticky .elementor-widget-image {position: sticky; top: 60px; }
span {font-size: 18px; }
.link-items ul li {transition: 0.5s all ease;}
.link-items ul li svg {animation: spinPulse 4s infinite linear; transform-origin: center; }
.link-items ul li:hover svg path {fill: #07525c !important; }
.link-items ul li:hover span {color: #07525c !important; }
.column-sticky {display: block; }
.column-sticky .elementor-widget-wrap {position: sticky; top: 50px; }


/*main-header*/
.home .header-main {position: fixed; width: 100%; background: transparent; z-index: 99; color: #fff; }
.header-main:before { content: ""; background: linear-gradient(180deg, #E9F6F8 3.23%, rgb(233 246 248 / 0%) 100%); position: absolute; width: 100%; height: 120px; left: 0; right: 0; top: 0;z-index:-1 }
#masthead .header-main .hfe-nav-menu li .sub-menu {overflow: unset; border-radius: 6px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); animation: dropdownFade 0.3s ease-in-out; }
 section#header_main.header_fix {/*position: fixed; top: 0; left: 0; width: 100%;*/background: #fff;  box-shadow: 0px 2px 10px rgba(0,0,0,0.2); }
#masthead { z-index: 99; position: sticky !important; top: 0; background-color: #fff; box-shadow: none; transition: all 0.3s ease; }

/*home-banner-sec*/
.home-banner-sec {position: relative; z-index: 1; }
.home-banner-sec:before {content: ""; background: linear-gradient(90deg, #defbff 25.23%, rgb(233 246 248 / 0%) 100%); position: absolute; width: 65%; height: 100%; left: 0; right: 0; top: 0; z-index: -1; }

/*offer-sec*/
.offer-sec .elementor-widget-wrap .elementor-element img { width: 100%; }
.offer-sec .elementor-inner-column .elementor-widget-wrap {flex-direction: column; }
.offer-sec .elementor-widget-wrap .elementor-widget-image {margin-top: auto; }
.offer-sec .elementor-container .elementor-column:nth-child(2) .elementor-widget-image {margin-top: 0; margin-bottom: auto; }

/*why-choose-sec*/
.why-choose-sec .choose-inner {z-index: 1; position: relative; }
.why-choose-sec .choose-inner:after { content: ""; position: absolute; left: 60px; bottom: -48px; width: 0; height: 50px; border-right: 85px solid transparent; border-top: 50px solid #064f57; border-bottom-left-radius: 10px; }

/*.experience-sec*/
.experience-sec .years-sec .elementor-widget-wrap {position: relative; z-index: 1; padding-left: 15px !important; }
.experience-sec .years-sec .elementor-widget-wrap:before {content: ""; background: #fff; position: absolute; width: 1px; height: 60px; left: 0; top: 15px; bottom: 0; }
.experience-sec .years-sec .elementor-inner-column .elementor-widget-wrap .elementor-element {margin: 0; }
.experience-sec .years-sec .elementor-inner-column .elementor-heading-title {display: inline-block; margin-bottom: 14px; padding: 15px 40px 15px 15px; background: #39757d6e  ; border: 0.5px solid #609097; border-radius: 10px; }

.experience-sec .elementor-inner-section .elementor-widget-wrap .elementor-element {margin: 0; }
.experience-sec .elementor-inner-section .elementor-heading-title { display: inline-block; margin-bottom: 0px; padding: 15px 40px 15px 15px; background: #FFFFFF33; border: 0.5px solid #FFFFFF33; border-radius: 10px; }

/*blog-sec*/
.blog-sec .premium-blog-post-container .premium-blog-thumbnail-container {border-radius: 24px; }
.blog-sec .premium-blog-post-container .premium-blog-thumbnail-container img {border-radius: 24px; }
.blog-sec .premium-blog-post-container .premium-blog-content-wrapper { background: transparent; }
.blog-sec .premium-blog-post-container  .premium-blog-inner-container { flex-direction: column-reverse; }
.blog-sec .premium-blog-post-container .premium-blog-content-wrapper { background: transparent; display: flex; flex-direction: column; justify-content: center; }
.blog-sec .premium-blog-post-container .premium-blog-content-wrapper .premium-blog-entry-meta { margin-bottom: 5px; }
.premium-blog-even .premium-blog-post-container .premium-blog-post-author {color: #035c68; }
.blog-sec .premium-blog-post-container .premium-blog-post-time span {font-family: "Montserrat", sans serif; font-size: 15px; font-weight: 500; }
.blog-sec .premium-blog-post-container .premium-blog-meta-separator {display: none; }
.blog-sec .premium-blog-post-container .premium-blog-post-author {margin-right: 15px; }

/*custom-form*/
.custom-form .gform_fields {grid-column-gap: 40px  !important; }
.custom-form .gform_fields .gfield {grid-column: span 6 !important; }
.custom-form .gform_fields .gfield label {color: #000; font-size: 16px; font-family: "Montserrat", sans serif; font-weight: 600; }
.custom-form .gform_fields .gfield input, 
.custom-form .gform_fields .gfield select,
.custom-form .gform_fields .gfield textarea { font-family: "Montserrat", sans serif;  transition: 0.5 all ease; background: #07525C08; border: 1px solid #07525C66; height: 50px; border-radius: 75px; padding: 8px 15px !important;}
.custom-form .gform_fields .gfield input:hover, 
.custom-form .gform_fields .gfield select:hover,
.custom-form .gform_fields .gfield textarea:hover,
.custom-form .gform_fields .gfield input:focus, 
.custom-form .gform_fields .gfield select:focus,
.custom-form .gform_fields .gfield textarea:focus {outline: none !important; border: 1px solid #035c68 !important;}
.custom-form .gform_fields .gfield select { appearance: none; background-image: url(https://sistagging.com/opalconsult/wp-content/uploads/2025/07/down-arrow.webp); background-position: 95% 50%; background-repeat: no-repeat; background-size: 15px; }
.custom-form .gform_footer { padding-block: 0 !important; margin-bottom: 0px; margin-top: 40px !important; }
.custom-form .gform_footer input { margin-bottom: 0px !important; background: #07525C; color: #fff; border: none; border-radius: 75px; padding: 17px 50px; line-height: 1; font-size: 18px; font-weight: 600;transition:0.5s all ease; }
.custom-form .gform_footer input:hover { background: #F8BD00; color: #07525C;}
.contact-section .image-col .elementor-element { height: 100%; }
.contact-section .image-col .elementor-element img { height: 100%; object-fit: cover; }
.contact-section .elementor-inner-section { overflow: auto; }
.custom-form .gform_fields .gfield .gfield_radio { display: flex; gap: 20px; align-items: center;}
.custom-form .gform_fields .gfield .gfield_radio .gchoice { display: inline-block;}
.custom-form .gform_fields .gfield .gfield_radio .gchoice input { height: auto;margin-right: 5px;}
.custom-form .validation_message { display: none !important; }
.custom-form .gform_fields .gfield_error input {border: 1px solid red !important; }
.custom-form .gform_fields .gfield textarea {height: 130px !important; border-radius: 30px; padding: 15px !important; }
/*.contact-page-form .gform_fields .gfield {grid-column: span 12 !important; }*/
.custom-form .gform_fields .gfield input, 
.custom-form .gform_fields .gfield select {height: 55px !important;}
.custom-form .validation_message {display: none !important; }
.custom-form .gform_fields #field_1_8 {grid-column: span 12 !important; }
 
.gform_confirmation_wrapper .gform_confirmation_message {background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0px 2px 10px rgba(0,0,0,0.1); color: green; text-align: center; font-size: 16px; font-weight: 600; border: 1px solid #00800073; }
.gform_wrapper .gform_validation_errors {display: none; }
.gform_wrapper .gform_heading .gform_required_legend {display: none; }

.testimonial-sec .slide-item .single-item-wrapper { flex-direction: column-reverse;background: #E9F6F8; box-shadow: 0px 1px 30px 0px #0000000A; padding: 20px; border-radius: 30px; }
.testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper { background: transparent; padding: 0; }
.testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper::before {display: none; top: auto; bottom: -70px; right: 10px !important; left: auto; font-size: 40px; color: #DCECEF; transform: rotate(180deg); }
.testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper::break-after:{display: none;}
.testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper .item-content { padding: 0; font-style: normal; }
.testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }


@media (max-width: 1365px) {

  .testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper .item-content {height: 350px; }

}

@media (min-width: 1366px) {

  .testimonial-sec .slide-item .single-item-wrapper .item-content-wrapper .item-content {height: 600px; }

}

/*.testimonial-sec .slide-item .single-item-wrapper .tss-meta-info {display: flex; max-width: 100%; align-items: center; gap: 20px; margin-top: 0px; padding: 20px 0px 0px; }*/
.testimonial-sec .slide-item .single-item-wrapper .tss-meta-info {display: none;}
.testimonial-sec .slide-item .single-item-wrapper .tss-meta-info .author-name { color: #07525C; font-size: 18px; margin: 0; font-weight: 600; }
.testimonial-sec  .swiper-pagination-bullet {opacity: 0.2; background: #07525C; }
.testimonial-sec .swiper-pagination-bullet-active {background: #07525C !important; opacity: 1 !important; }

/*about-page*/
.founder-sec .elementor-column {position: relative; z-index: 1; }
.opal-services-carousel {overflow: hidden; }
.opal-services-carousel .swiper-slide {background: #fff; border-radius: 24px; overflow: auto; height: 100%; border: 1px solid #07525c66; }
.opal-services-carousel .swiper-slide .service-thumb img {width: 100%; height: 280px; object-fit: cover; border-radius: 24px 24px 0px 0px; }
.opal-services-carousel .swiper-slide .service-title {font-size: 20px; line-height: 1.4; color: #000; padding: 15px 20px; margin: 0; min-height: 90px; }

/*blog-page*/
.blog-page .premium-blog-post-container .premium-blog-thumbnail-container { border-radius: 30px; margin-bottom: 20px; }
.blog-page .premium-blog-post-container .premium-blog-thumbnail-container img { height: 250px !important; }
.blog-page .premium-blog-content-wrapper {padding: 0; background: transparent; }
.blog-page .premium-blog-content-wrapper .premium-blog-inner-container { flex-direction: column-reverse; }
.blog-page .premium-blog-entry-meta {margin-bottom: 5px; }

/*single-blog*/
.single-post .header-main {position: static; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); }

/* MAIN CONTENT */
.single-blog-sec { padding-block: 50px; }
.single-blog-sec .main-content {background: #ffffff; padding: 30px; border-radius: 24px; box-shadow: 0 0px 28px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
.single-blog-sec .main-content h1 {font-size: 32px; margin-bottom: 18px; color: #111827; margin-top: 0; font-weight: 800; }
.single-blog-sec .meta {font-size: 15px; color: #6b7280; margin-bottom: 28px; font-weight: 500; }
.single-blog-sec .featured-img img {width: 100%; border-radius: 14px; margin-bottom: 28px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
.single-blog-sec .entry-content p {font-size: 18px; line-height: 1.6; color: #000; margin: 0px; }

/* SIDEBAR */
.single-blog-sec .sidebar {display: flex; flex-direction: column; gap: 10px; padding: 30px; border-radius: 24px; background: #ebf7f8; box-shadow: 0 0px 28px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; height: 100%; position: sticky; top: 50px; }
.single-blog-sec .sidebar h3 {font-size: 20px; margin-bottom: 15px; color: #111827; padding-bottom: 8px; border-bottom: 2px solid #e5e7eb; }
.single-blog-sec .sidebar ul {list-style: none; padding-left: 0; }
.single-blog-sec .sidebar ul li {transition: all 0.25s ease; margin-bottom: 15px; position: relative; padding-left: 35px; }
.single-blog-sec .sidebar ul li:before { content: ""; background: url(https://sistagging.com/opalconsult/wp-content/uploads/2025/07/right-arrow-1.webp); position: absolute; width: 24px; height: 24px; background-size: 24px; left: 0; top: 1px; background-repeat: no-repeat; background-position: center; }
.single-blog-sec .sidebar ul li:hover {transform: translateX(6px); background: transparent; }
.single-blog-sec .sidebar ul li a {text-decoration: none; color: #1f2937; font-weight: 500; transition: color 0.3s ease; }
.single-blog-sec .sidebar ul li a:hover {color: #07525c; }

/* Responsive */
@media (max-width: 768px) {

  .main-content, .sidebar {width: 100%; }
  .main-content {padding: 25px; }
  .sidebar ul li {padding: 12px 16px; }

}

/*search-results*/
.search-results .elementor-top-section { border-bottom: 1px solid  #ddd; box-shadow: 0px 1px 10px rgba(0,0,0,0.1); }
.search-results #content {max-width: 1200px; margin: 50px auto; padding: 0px; background-color: #ffffff; border-radius: 16px; }
.search-results #content .entry-title { margin-inline: 0; }
.search-results #content .page-header .entry-title {font-size: 42px; margin-bottom: 40px; font-weight: 700; text-align: center; margin-top: 0; }
.search-results .page-content .post { border: 1px solid #ddd; padding: 20px 30px; border-radius: 12px; box-shadow: 0px 1px 10px rgba(0,0,0,0.1); margin-bottom: 24px; }
.search-results #content .entry-title a {color: #000; transition: 0.5s all ease; }
.search-results #content .entry-title {font-size: 24px; margin: 0px;}
.search-results .page-content .post p {margin-top: 15px; }
.search-results #content .entry-title a:hover {color: #F8BD00; }
.search-results .page-content .post img {margin-top: 15px; max-width: 250px; width: 100%; }
.search-results .pagination .nav-previous a, 
.search-results .pagination .nav-next a {font-weight: 500; color: #000; transition: 0.5s all ease; }
.search-results .pagination .nav-previous a:hover, 
.search-results .pagination .nav-next a:hover {color: #F8BD00; }

/*service-page*/
.service-page .opal-service-categories {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.service-page .opal-service-categories .opal-service-category {border-radius: 24px; overflow: auto; background: #fff; padding: 20px; border: 1px solid #07525c66; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);transition: 0.5s all ease; }
.service-page .opal-service-categories .opal-service-category:hover {transform: translateY(-10px); }
.service-page .opal-service-categories .opal-service-category .service-card-title {line-height: 1; margin-top: 15px; }
.service-page .opal-service-categories .opal-service-category img {border-radius: 24px; width: 100%; }
.service-page .opal-service-categories .opal-service-category .service-card-title a {font-size: 24px; font-weight: 800; color: #000;transition: 0.5s all ease; line-height: 1.4; display: block;  }
.service-page .opal-service-categories .opal-service-category .service-card-title a:hover {color: #F8BD00; }
.service-page .opal-service-categories .opal-service-category .service-card-description {font-size: 16px; color: #000; margin-bottom: 0; }

.service-category-wrapper {max-width: 1440px; padding: 80px 40px; width: 100%; margin: auto; }
.service-category-wrapper .services-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.service-category-wrapper .services-grid .service-item {border-radius: 24px; overflow: auto; background: #e9f6f8; padding: 20px; border: 1px solid #07525c66; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);transition: 0.5s all ease; }
.service-category-wrapper .services-grid .service-item:hover {transform: translateY(-10px); }
.service-category-wrapper .services-grid .service-item .service-thumbnail img { width: 100% !important; height: 250px !important; object-fit: cover !important; border-radius: 24px; margin-bottom: 10px; }
.service-category-wrapper .services-grid .service-item .service-content .service-title  {line-height: 1; margin-top: 15px; }
.service-category-wrapper .services-grid .service-item .service-content .service-title {font-size: 24px; font-weight: 800; color: #000;transition: 0.5s all ease; line-height: 1.4; display: block;  }
.service-category-wrapper .services-grid .service-item .service-content .service-title:hover {color: #F8BD00; }
.service-category-wrapper .services-grid .service-item .service-description {font-size: 16px; color: #000; margin-bottom: 0; }

.category-banner {position: relative; z-index: 1; background-position: center center; !important;min-height: 50vh; text-align: center; background-repeat: no-repeat; background-size: cover;     display: flex;align-items: center;}
/*.category-banner:before { content: ""; background-color: var(--e-global-color-primary); opacity: 0.3; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; inset: 0; position: absolute; width: 100%; height: 100%; z-index: -1; }*/
.category-banner h1 { font-size: 54px !important; font-weight: 700; color: #07525c; text-align: left; max-width: 630px; width: 100%; }
.term-property-solutions .category-banner {background-position: center bottom; }

/*service-inner-page*/
.inner-services .opal-services-grid {display: grid; grid-template-columns: 1fr 1fr 1fr;gap: 30px; }
.inner-services .opal-services-grid .opal-service-card {border-radius: 24px; overflow: auto; background: #fff; padding: 20px; border: 1px solid #07525c66; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);transition: 0.5s all ease; }
.inner-services .opal-services-grid .opal-service-card:hover {transform: translateY(-10px); }
.inner-services .opal-services-grid .opal-service-card img { width: 100%; height: 250px; object-fit: cover; border-radius: 24px; margin-bottom:10px;}
.inner-services .opal-services-grid .opal-service-card .service-title {margin-bottom: 15px; }
.inner-services .opal-services-grid .opal-service-card .service-title a {font-size: 24px; font-weight: 800; color: #000; transition: 0.5s all ease; line-height: 1.4; display: block; }
.inner-services .opal-services-grid .opal-service-card .service-title a:hover {color: #F8BD00; }
.inner-services .opal-services-grid .opal-service-card  .service-excerpt {color: #000; }

/*category-page*/
.category #content { max-width: 1440px; padding: 80px 40px; width: 100%; margin: 0px auto;}
.category #content .page-header .entry-title {max-width: 100%; text-align: center; font-family: "Plus Jakarta Sans"; font-size: 54px; font-weight: 700; margin-bottom: 40px !important; margin-top: 0px; }
.category #content .page-content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.category #content .page-content .post {display: flex ; flex-direction: column; border-radius: 24px; overflow: auto; background: #fff; padding: 20px; border: 1px solid #07525c66; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); transition: 0.5s all ease; }
.category #content .page-content .post .entry-title a { font-size: 22px; font-weight: 800; color: #000; transition: 0.5s all ease; line-height: 1.4; display: block; }
.category #content .page-content .post .entry-title a:hover {color: #F8BD00; }
.category #content .page-content .post>p { order: 3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.category #content .page-content .post>a {order: 1; }
.category #content .page-content .post .entry-title {order: 2; }
.category #content .page-content .post  img {height: 250px; border-radius: 20px; overflow: auto;max-width: 100%; }

form.search-form { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; margin-bottom: 24px; }
.search-form .search-field { padding: 12px 20px; outline: none; font-size: 16px; color: #000; border-top-left-radius: 75px; border-bottom-left-radius: 75px; border: 1px solid #07525c; }
.search-form .search-field::placeholder {color: #888; font-style: italic; }
.search-form .search-submit { background: #07525c; border: 1px solid #07525c !important; color: #fff; border: none; padding: 12px 25px; cursor: pointer !important; font-size: 16px; font-weight: 600; transition: all 0.3s ease; border-radius: 0 50px 50px 0; }
.search-form .search-submit:hover,
.search-form .search-submit:focus,
#downloadPDF:hover,
#downloadPDF:focus {background: #f8bd00 !important; color: #fff !important; border-color: #f8bd00 !important; }
#downloadPDF {background-color: #07525c !important; font-family: "Plus Jakarta Sans"; font-size: 18px; font-weight: 600; border-radius: 25px 25px 25px 25px !important; padding: 15px 24px 15px 24px !important; line-height: 1; }

.search #content {max-width: 1440px; padding: 80px 40px; width: 100%; margin: 0px auto; }
.search #content .page-header .entry-title {max-width: 100%; text-align: center; font-family: "Plus Jakarta Sans"; font-size: 54px; font-weight: 700; margin-bottom: 40px !important; margin-top: 0px; }
.search #content .page-content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.search #content .page-content .post {display: flex ; flex-direction: column; border-radius: 24px; overflow: auto; background: #fff; padding: 20px; border: 1px solid #07525c66; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); transition: 0.5s all ease; }
.search #content .page-content .post .entry-title a { font-size: 22px; font-weight: 800; color: #000; transition: 0.5s all ease; line-height: 1.4; display: block; }
.search #content .page-content .post .entry-title a:hover {color: #F8BD00; }
.search #content .page-content .post>p { order: 3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.search #content .page-content .post>a {order: 1; }
.search #content .page-content .post .entry-title {order: 2; }
.search #content .page-content .post  img {height: 250px; border-radius: 20px; overflow: auto;max-width: 100%; }


@media (min-width: 1024px) and (max-width: 1400px) { 

    .inner-page-banner {background-position: 70% 50% !important; }

}


@media (min-width: 767px) and (max-width: 1023px) { 


  .home .header-main {position: static;}
  .elementor-heading-title br {display: none; }
  .home-banner-sec .elementor-container {min-height: auto !important; }

    /*main-footer*/
  .main-footer .elementor-inner-column .elementor-widget .hfe-nav-menu li {margin-bottom: 24px !important; }

}


@media (max-width: 767px) {

  .home .header-main {position: static;}
  .elementor-heading-title br {display: none; }
  .home-banner-sec .elementor-container {min-height: auto !important; }

  /*blog-sec*/
  .blog-sec .premium-blog-post-container .premium-blog-content-wrapper {padding-inline: 0px !important; }

  /*custom-form*/
  .custom-form .gform_fields {grid-column-gap: 0px  !important; }
  .custom-form .gform_fields .gfield {grid-column: span 12 !important; }

  /*main-footer*/
  .main-footer .elementor-inner-column .elementor-widget .hfe-nav-menu li {margin-bottom: 24px !important; }

}

/*@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.2); }
}*/

@keyframes spinPulse {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}