/* All New Style Here Start  */

/* Header Two Css */
.space-left {
  margin-left: auto !important;
}

/* Home-1 Process Section Css */
.text-left {
  text-align: left !important;
}

/* Client Section Css */
.client-logo {
  display: flex;
  justify-content: center;
}

.blog-area-1 .slider-padding {
  padding: 0px 12px !important;
}

/* Home Portfolio Slick css */
.slick-dots li button {
  width: 5px !important;
  height: 5px !important;
  background: #CCCCCD !important;
}

.slick-dots li {
  margin: 40px 0px 0px 0px !important;
}

.slick-dots li.slick-active button:before {
  opacity: 0 !important;
}


/* Home One client css */
.home-one-client .slick-track .slick-slide {
  min-width: 273px;
  padding: 0px 12px !important;
}



/* Home Three Portfolio Css */
.portfolio-slider3 .custom-slide {
  padding: 0px 15px !important;
}


/* Video Popup Css start */
body .disable-scroll {
  overflow: hidden;
}

.popup-video {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(11, 11, 11, 0.8);
}

.video-one__video-btn,
.video-btn {
  cursor: pointer;
}

.video-wrapper {
  position: relative;
  width: 100%;
  width: 900px;
  height: 510px;
  max-width: 900px;
  border: 5px dashed rgba(0, 0, 0, 0.7);
  z-index: 999999 !important;
}

.video-wrapper #youtube-video {
  width: 100%;
  height: 100%;
}

@media (max-width: 1280px) {
  .video-wrapper {
    width: 70%;
    height: 450px;
  }
}

@media (max-width: 1024px) {
  .video-wrapper {
    height: 350px;
  }
}

@media (max-width: 780px) {
  .video-wrapper {
    height: 300px;
  }
}

@media (max-width: 560px) {
  .video-wrapper {
    height: 170px;
  }
}

.popup {
  display: flex;
}

.popdown {
  display: none;
}

.mfp-close {
  position: absolute;
  top: -45px;
  right: -5px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 28px;
  border: 2px solid rgba(0, 0, 0, 0.7);
  border-radius: 0%;
  padding: 0;
  text-align: center;
  line-height: 38px;
}

@media (max-width: 1024px) {
  .mfp-close {
    top: -40px;
    width: 35px;
    height: 35px;
    font-size: 24px;
  }
}

/* Vieo popup css end */

/* Service Section Css */
.right-end {
  text-align: right !important;
}


/* Home Two Css */

/* home two testimonial css */
.testimonial-area-2 .testi-slider2 .slick-dots li.slick-active button {
  width: 26px !important;
  background-color: #001F5B !important;
}

.testimonial-area-2 .testi-slider2 .slick-dots li button {
  width: 26px !important;
  margin-left: 15px;
  background-color: #3A3A3A !important;
}

/* Home Two Portfolio section css */
.portfolio-area-4 .portfolio-card,
.portfolio-area-2 .portfolio-card {
  margin: 0px 15px;
}

/* Home Two Blog Section */
.blog-area-4 .blog-card,
.blog-area-2 .blog-card {
  margin: 0px 12px;
}


/* Home Four Css */
/* home four hero circle */
.home-four-circle-text span {
  color: #fff !important;
}

textPath {
  font-family: "Archivo", sans-serif;
}

.circleWrap3 {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.circleWrap3 svg {
  animation: rotate 15s linear infinite;
  width: 190px;
  height: 190px;
  position: absolute;
  bottom: -165px;
  left: -26px;
  overflow: hidden;
  border-radius: 50%;
  z-index: 10;
}

.circleWrap3 .circle-text3 {
  font: 79px/60px times;
  letter-spacing: 17.5px;
  width: 100%;
  fill: white;
}

.circleWrap4 .circle-text4 {
  font: 79px/60px times;
  letter-spacing: 17.5px;
  width: 100%;
  fill: black;
}

.circle-text-4-new svg {
  bottom: -150px;
  left: -40px;
}

@keyframes rotate {
  to {
    transform: rotate(-360deg);
  }
}



/* home four service section css */
.service-area-6 .slick-dots li {
  width: 8px !important;
  height: 8px !important;
  background: #CCCCCD !important;
  margin: 0px 15px 0px 0px !important;
  border-radius: 50%;
}

.service-area-6 li.slick-active {
  width: 8px !important;
  height: 8px !important;
  background-color: #001F5B !important;
  border-radius: 50%;
}

.service-area-6 .slick-dots li button {
  display: none !important;
}

/* home four why choose css */


@media only screen and (min-width: 1400px) {
  .why-area-left {
    margin-left: 16.66666667% !important;
    margin-right: 0% !important;
  }

}

.text-right {
  text-align: right;
}

/* Home four Portfolio css */
.portfolio-area-4 .extra-space-top {
  margin-top: 33px;
}



/* Home two Hero Css */
/* .home-two-slider-navigation-dots ul.slick-dots {
  position: absolute;
  z-index: 1;
  bottom: 56px;
  right: 20%;
} */
.home-two-slider-navigation-dots ul.custom-dots {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  right: 18.5%;
  display: flex !important;
}

.home-two-slider-navigation-dots ul.custom-dots li {
  list-style: none;
}

.home-two-slider-navigation-dots .custom-dots li button {
  width: 30px !important;
  height: 2px !important;
  background: #737373 !important;
  margin-left: 10px;
  color: transparent;
  border: none;
}

.home-two-slider-navigation-dots .custom-dots li.slick-active button {
  width: 50px !important;
  height: 2px !important;
  background-color: #001F5B !important;
}


/* Home two circle css */

.hero-wrapper .text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotation 20s linear infinite;
  z-index: 999;
}

@keyframes textRotation {
  to {
    transform: rotate(-360deg);
  }
}

.hero-wrapper .text span {
  position: absolute;
  left: 50%;
  font-size: 14px;
  transform-origin: 0 60px;
  white-space: nowrap;
  color: #737373;
}

.hero-wrapper .text2 {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0;
  /* To avoid extra spacing */
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotation 20s linear infinite;
  z-index: 999;
}

@keyframes textRotation {
  to {
    transform: rotate(-360deg);
  }
}

.hero-wrapper .text2 span {
  position: absolute;
  left: 50%;
  font-size: 14px;
  transform-origin: 0 60px;
  white-space: nowrap;
  color: #737373;
}

.hero-wrapper .text3 {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0;
  /* To avoid extra spacing */
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotation 20s linear infinite;
  z-index: 999;
}

@keyframes textRotation {
  to {
    transform: rotate(-360deg);
  }
}

.hero-wrapper .text3 span {
  position: absolute;
  left: 50%;
  font-size: 14px;
  transform-origin: 0 60px;
  white-space: nowrap;
  color: #737373;
}

/* home two accordion css */
.accordion-card .accordion-body,
.accordion-card .accordion-body p {
  font-family: "Titillium Web", sans-serif;
}


/* Home Four circle css */
.hero-wrapper .text4 {
  position: absolute;
  width: 141px;
  height: 135px;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotation 20s linear infinite;
  z-index: 999;
}

@keyframes textRotation {
  to {
    transform: rotate(-360deg);
  }
}

.hero-wrapper .text4 span {
  position: absolute;
  left: 50%;
  font-size: 14px;
  transform-origin: 0 60px;
  white-space: nowrap;
}

.hero-wrapper .text5 {
  position: absolute;
  width: 141px;
  height: 135px;
  font-size: 0;
  /* To avoid extra spacing */
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotation 20s linear infinite;
  z-index: 999;
}

@keyframes textRotation {
  to {
    transform: rotate(-360deg);
  }
}

.hero-wrapper .text5 span {
  position: absolute;
  left: 50%;
  font-size: 14px;
  transform-origin: 0 60px;
  white-space: nowrap;
}

.hero-wrapper .text6 {
  position: absolute;
  width: 141px;
  height: 135px;
  font-size: 0;
  /* To avoid extra spacing */
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotation 20s linear infinite;
  z-index: 999;
}

@keyframes textRotation {
  to {
    transform: rotate(-360deg);
  }
}

.hero-wrapper .text6 span {
  position: absolute;
  left: 50%;
  font-size: 14px;
  transform-origin: 0 60px;
  white-space: nowrap;
}

/* Home Four Service Slider Dots Style */
.service-area-6 .slick-list {
  margin-bottom: 40px;
}

/* Service Details section css */
.service-details-absolute-container .process-grid-list .process-grid-list-bg-text {
  right: -120px;
}

/* Accordion */
.accordion {
  --bs-accordion-border-color: none !important;
}

/* Home three Testimonial Css */
.testimonial-area-3 .testi-card {
  margin: 0px 12px;
}



/* Home Five Css */

/* home five hero css */
.testimonial-area-5 .slick-dots li.slick-active button,
.hero-slider5 .slick-dots li.slick-active button {
  background: var(--theme-color) !important;
}

.testimonial-area-5 .slick-dots li button,
.hero-slider5 .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

.hero-slider5 .slick-dots {
  position: absolute !important;
}

.hero-slider5 .slick-dots li {
  margin-top: 30px !important;
}

.testimonial-area-5 .slick-dots li {
  margin-right: 25px !important;
}

/* Dot Border Style */


.portfolio-area-1 .slick-dots .slick-active {
  border-radius: 50%;
  background-color: #F2F2F2 !important;
  margin-top: 2px;
}

.portfolio-area-1 ul.slick-dots li {
  padding: 5px !important;
}

.testimonial-area-5 .slick-dots .slick-active {
  border: 1px solid #ffffff33 !important;
  border-radius: 50%;
  padding: 6px;

}

.hero-five-banner-img {
  max-height: 693px;
}


/* Service Page Testimonial Css */
.testimonial-area-3 ul.slick-dots {
  margin-top: 0px !important;
}

.testimonial-area-3 .services-slider .slick-dots li {
  padding: 8px;
}


/* Project Page Img Popup Css */
.ril__caption,
.ril__toolbar {
  background-color: transparent !important;
}

.ril__navButtonNext {
  /* background: transparent !important; */
}

@media only screen and (min-width: 1200px) {
  .ril__toolbar {
    top: 19.9% !important;
    height: 50px;
    width: 812px !important;
    left: 28.8% !important;
  }

  .extra-style .ril-toolbar.ril__toolbar {
    max-width: 434px !important;
  }
}

.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* Project Details page Select Css */
.nice-select.wide {
  background-color: #F5F5F5 !important;
  height: 50px !important;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: var(--theme-color) !important;
}

.nice-select {
  border-radius: 0px !important;
  font-size: 16px;
}


/* About Page Team Css  */
.team-card {
  height: 593.78px;
}

.team-area-2 .home-three-white-space-none {
  height: 486px;
}


/* Shop Page Filter css */
.rc-slider-handle {
  background-color: #001F5B !important;
  border: solid 1px #001F5B !important;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #001F5B !important;
  box-shadow: none !important;
}

.shop-page-select-width .nice-select {
  border: none !important;
}

/* ! New Dev style started ------------------------------------ */
@keyframes progressAnimationOne {
  from {
    width: 0%;
  }

  to {
    width: 89%;
  }
}

@keyframes progressAnimationTwo {
  from {
    width: 0%;
  }

  to {
    width: 92%;
  }
}

@keyframes progressAnimationThree {
  from {
    width: 0%;
  }

  to {
    width: 78%;
  }
}

.progress-barOne {
  animation: progressAnimationOne 2.7s ease-out forwards;
}

.progress-barTwo {
  animation: progressAnimationTwo 2.5s ease-out forwards;
}

.progress-barThree {
  animation: progressAnimationThree 2.9s ease-out forwards;
}

.counter-number {
  position: relative;
  display: inline-block;
}

.product-card {
  margin: 0 0.5rem;
}

.product-card-title {
  display: flex;
  justify-content: start;
  align-items: start;
}

.client-click-slider-gap {
  margin: 0 0.7rem;
}

.services-title-area {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

/* services slider dots customize */
.services-slider .slick-dots li {
  padding: 1rem;
}

.services-slider .slick-dots li button {
  padding: 5px;
}

.custom-accordion .accordion-button::after {
  display: none;
}

.accordion-button:not(.collapsed) {
  background-color: transparent !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: none !important;
}

.accordion-item:not(:first-of-type) {
  border-top: 1px solid #dee2e6 !important;
}

.accordion-item:first-of-type {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.accordion-item:first-of-type .accordion-button {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.custom-border.accordion-card:has(.accordion-button:not(.collapsed)) {
  border-top: 2px solid #001F5B !important;
}

.process-fixed-height {
  height: 100%;
}

.custom-team-card {
  height: 100%;
}

.custom-team-card>.team-card_content>.team-card_title {
  width: 120%;
}

.homeTwo-testimonial-dots>.slick-dots>li {
  padding: 0px 5px;
}

.homeTwo-testimonial-dots>.slick-dots>li>button {
  padding: 0px 15px;
  background-color: #3a3a3a !important;
}

.homeTwo-testimonial-dots>.slick-dots>li.slick-active>button {
  background-color: #001F5B !important;
}

.homeTwo-custom-accordion-card>.accordion-card:has(.accordion-button:not(.collapsed)) {
  border: 2px solid transparent !important;
}

.homeTwo-custom-accordion-card>.accordion-card {
  border: 2px solid e3e3e4 !important;
}

/* home three why we do section implement animation */

@keyframes customFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.custom-animation>.tab-pane.custom-fadeIn {
  animation: customFadeIn 0.5s ease-in-out;
}

.homeThree-custom-titleOne {
  display: flex;
  justify-content: start;
  align-items: start;
  width: 120%;
  margin-bottom: 0px;
}

.custom-form-design>.nice-select {
  border-radius: 0px;
  border: none;
  outline: none;
  background-color: #f5f5f5;
}

.custom-form-design>.nice-select.open {
  transition: all 0.9s ease-in-out;
  outline: 1px solid #999999;
}

.custom-form-design>.nice-select.open>ul>li>.option {
  border: 1px solid black;
}

.nice-select .option.focus {
  font-weight: bold !important;
  color: #999999 !important;
  font-size: 17px !important;
}

/* page five slider dots customization */

.custom-dot2>.slick-dots>li>button {
  background-color: #353537 !important;
}

.custom-dot2>.slick-dots>li {
  position: relative;
  padding: 7px;
  color: #001F5B;
}

.custom-dot2>.slick-dots>li:nth-child(2) {
  margin: 0 10px !important;
}

.custom-dot2>.slick-dots>li>button {
  padding: 5px;
  z-index: 1;
  background-color: transparent;
  border: none;
}

.custom-dot2>.slick-dots>li.slick-active>button {
  background-color: #001F5B !important;
}

.custom-dot2>.slick-dots>li.slick-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid #353537;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 1px;
  pointer-events: none;
}

.page4-testimonial-title {
  margin-left: -10px;
}

/* page four award card height fix */
.custom-award-card {
  height: 100%;
}

/* Team card section height fixing */

.custom-team-card {
  height: 100%;
}

.custom-blog-card {
  height: 100% !important;
}




/* Select Option Style */
span.current,
.select-style {
  font-size: 16px;
}

.nice-select .option.focus {
  font-weight: 400 !important;
  color: #999999 !important;
  font-size: 16px !important;
}

.custom-form-design>.nice-select.open {
  transition: all 0.2s ease-in-out;
  outline: 1px solid #001F5B;
}


/* Cart Page Css  */
.cart_table .actions>.btn {
  margin-right: 17px;
}

/* Shop details Css */
i.ri-star-fill {
  padding-right: 3px;
}

.space-extra-top .title-area.tw\:md\:text-start\!.tw\:text-center\!.product-card-title {
  margin-bottom: 30px;
}

.btn-px-space-none {
  padding: 0px 6px;
}

/* Shop page Css */

.product-px-space {
  padding: 0px 8px;
}

.product-space-none {
  padding: 0px 4px;
}

/* Team Page Css */

.max-width-reset-team {
  max-width: 300px;
}

.team-card-white-space-none {
  margin-top: 85px !important;
}

/* footer Two css */
.btn-footer-two {
  background-color: #001F5B !important;
  color: #ffffff !important;
  padding: 19px 30px !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  overflow: hidden !important;
  align-items: center !important;
}

.btn-footer-two:hover {
  color: #15161C !important;
}

.accordion-card {
  border: 2px solid rgba(21, 22, 28, 0.1) !important;
}

/* Service Section Css  */
.global-carousel.slider-shadow .slick-list {
  padding: 24px 0px 36px 0px !important;
}

.testimonial-area-bottom-space-row {
  margin-bottom: 30px !important;
}

/* Contact Dropdown Css */
.nice-select.wide {
  background-color: #F5F5F5 !important;
  height: 48px !important;
  display: flex;
  align-items: center;
}

.nice-select:after {
  right: 20px;
  height: 6px;
  width: 11px;
  transform: rotate(0);
  border-top: solid 6px var(--body-color);
  border-bottom: transparent;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  margin-top: -1px;
  transform-origin: center;
}

.nice-select.open:after {
  transform: rotate(-180deg);
}

/* About Page css */
.process-area-1 .process-card .process-card-text {
  font-size: 17px;
}

/* Home Three Css */
.portfolio-slider3 .global-carousel .slick-slide.slick-current .portfolio-card .portfolio-card-thumb .icon-btn {
  opacity: 1;
  top: 75px;
}

/* Extra Content Heading Style */
.content-text-extra-style {
  text-align: center !important;
}

.home-two-header-justify-content-extra {
  justify-content: space-between !important;
}

.client-space-extra {
  padding: 60px 0px;
}

/* slick testimonial css  */
.home-one-testimonial .slick-slide {
  padding: 0px 20px;
}

/* Header One New Style */
.header-one-extra-style {
  position: relative !important;
  z-index: 2 !important;
  vertical-align: middle;
  display: inline-flex;
  gap: 15px;
  border: none;
  border-radius: 0px !important;
  text-align: center;
  background-color: #001F5B !important;
  color: #ffffff !important;
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 30px;
  overflow: hidden;
  align-items: center;
}

.header-one-extra-style:focus,
.header-one-extra-style:hover,
.header-one-extra-style:active {
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Service Area Testimonial css */
.service-testimonial-align {
  align-items: center !important;
}

.service-area-content-text-extra-style {
  text-align: center !important;
}

/* home three why are css */
.why-three-extra {
  display: flex;
  justify-content: center;
}

/* Home Four Blog Extra Css  */
.white-space-hidden {
  padding: 0px;
}

.testimonial-extra-padding,
.portfolio-extra-padding,
.blog-extra-padding {
  padding: 0px 26px;
}

/* Service Details style  */
.service-details-top-extra-space {
  margin-top: 40px;
}

/* Home Four Hero Slider  */
.hero-four-slider-text-inline-flex {
  display: inline-flex;
}

/* Home Two Pricing Text Align  */
.home-two-pricing-align {
  text-align: center;
}

.portfolio-area-content-text-extra-style {
  text-align: center;
}

/* Home Five Page Style */
.home-five-hero-five-flex {
  display: flex;
  gap: 4px;
  align-items: center;
}

.home-five-hero .slick-list {
  margin-left: 0px !important;
}

.blog-area-4 .slick-list {
  margin-left: 0px !important;
}

.testimonial-area-3 .slick-list {
  margin-left: 0px !important;
}

.blog-area-2 .slick-list {
  margin-left: 0px !important;
}

.portfolio-area-2 .slick-list {
  margin-left: 0px !important;
}

/* Home Two Style  */
.home-two-pricing-button-align {
  text-align: center !important;
}

.home-two-hero-space {
  max-height: 998px !important;
}

/* Sidebar Space */
.space-right-sidebar-icon {
  margin-right: 8px;
}



/* Shop Details card Heading style */
.shop-details-card-extra-style {
  justify-content: center;
}

/* Product Card Style */
.product-card-extra-style-space {
  margin: 0px 12px;
}

.shop-details-card .slick-list {
  margin-right: 24px !important;
}

.shop-details-card-space-none {
  padding: 0px !important;
}

.testimonial-area-3 .services-slider .slick-dots li {
  padding: 6px;
}

.testimonial-area-3 .slick-dots li button {
  width: 2px !important;
  height: 2px !important;
}

.testimonial-area-3 .slick-dots .slick-active {
  border: 1px solid #d8d8d88b;
  border-radius: 50%;
}

.testimonial-area-5 .slick-dots .slick-active {
  border: 1px solid #d8d8d88b;
  border-radius: 50%;
}

.testimonial-area-3 .slick-dots .slick-active {
  border: 1px solid #d8d8d88b;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 7.5px !important;
}

.service-area-6 .slick-list {
  margin-left: 0px !important;
}

/* Team Page Team Card Style  */
.team-page-team-card .team-card {
  height: 534.45px;
}

.team-page-team-card .team-card-white-space-none {
  margin-top: 30px !important;
}

.testimonial-area-5 .testi-slider5 .slick-dots {
  margin-top: 0px;
}

/* All Video cursor  */
.play-btn-wrap {
  cursor: pointer;
}

.ri-play-fill {
  cursor: pointer;
}

/* Shop Card Popup style  */
.react-responsive-modal-modal {
  max-width: 1386px !important;
  margin: 7.5rem 0rem !important;
  padding: 0rem !important;
  overflow: hidden !important;
}

.space-top-none-card {
  margin-top: 0px;
}

.shop-btn-close-icon {
  color: #15161C;
  top: 0px;
  right: 0px;
}

.nav-item {
  cursor: pointer;
}


/* Home two service card dots Style */
.service-card-dots {
  display: flex !important;
  gap: 16px;
  justify-content: center;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
}

.service-card-dots li {
  list-style: none;
  width: 8px;
  height: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: transparent;
}

.service-card-dots li button {
  color: transparent;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background-color: #CCCCCD;
}

.service-card-dots .slick-active button {
  background-color: #001F5B;
}

/* landing Page Sidebar CSS */



.hero-number-slider2 .slick-dots li button:before {
  height: 2px !important;
}

.hero-number-slider2 .slick-dots li button::after {
  margin-left: 10px;
}

.hero-number-slider2 .slick-dots li button {
  height: 2px !important;
  padding: 0px 5px !important;
  margin-left: 10px !important;
}

.hero-number-slider2 .hero-wrapper li.slick-active button {
  margin-left: 10px !important;
}

.hero-number-slider2 .slick-dots li {
  height: 2px !important;
}


.menu-bar {
  display: flex;
  justify-content: end;
  justify-items: end;
  max-width: 100%;
}

.common-about-number-style {
  display: flex;

}

.hero-four-home-four-flex {
  display: flex;
  gap: 8px;
}

.footer-img img {
  width: 183px;
  height: auto;
}

.display-none {
  display: none;
}

.cta-text-align {
  text-align: center;
}

.blog-area-content-text-extra-style {
  text-align: center !important;
}

.pricing-area-content-text-extra-style {
  text-align: center !important;
}

@media only screen and (min-width: 768px) {
  .cta-text-align {
    text-align: left;
  }

  .shop-details-card-extra-style {
    text-align: left !important;
    padding-left: 12px;
  }

  .wishlist-product-price-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 121px;
    justify-content: center;
  }

  /* wishlist table border   */
  td.product-price.wishlist-product-price-flex {
    border-left: none;
    border-right: none;
    border-top: none;
  }

}


.demo-two-possition-img {
  max-width: 320px;
  margin: 0 auto;
}

@media only screen and (min-width: 560px) {
  .demo-two-possition-img {
    max-width: 480px;
  }
}

@media only screen and (min-width: 768px) {
  .demo-two-possition-img {
    max-width: 640px;
  }

  .team-area-2 .home-three-white-space-none {
    height: 479px;
  }

  /* home two and home five client css  */
  .home-two-five-client .slick-track .slick-slide {
    min-width: 273px;
    padding: 0px 44px !important;
  }

  .slick-list {
    margin-left: 15px !important;
  }

  .content-text-extra-style {
    text-align: left !important;
  }


  .service-testimonial-align {
    align-items: start !important;
  }

  .home-one-testimonial .slick-slide {
    padding: 0px 0px;
  }

  .shop-page-select-width {
    width: 200px;
  }

  .team-page-team-card .team-card-white-space-none {
    margin-top: 30px !important;
  }
}

@media only screen and (min-width: 992px) {
  .wishlist-product-price-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 120px;
    justify-content: center;
  }

  .wishlist-product-price-flex {
    height: 122px;
  }

  .portfolio-area-content-text-extra-style {
    text-align: left;
  }

  .home-two-hero-space {
    max-height: 998px !important;
  }

  .blog-area-content-text-extra-style {
    text-align: left !important;
  }

  .team-page-team-card .team-card-white-space-none {
    margin-top: 30px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .demo-two-possition-img {
    max-width: 880px;
  }

  .team-area-2 .home-three-white-space-none {
    height: 421px;
  }

  .client-space-extra {
    padding: 100px 0px 0px 0px;
  }

  .service-details-top-extra-space {
    margin-top: 0px;
  }

  /* About Page portfolio css */
  .portfolio-card .portfolio-card-thumb img {
    min-height: 448px !important;
    object-fit: cover;
  }

  .portfolio-card-thumb img {
    min-height: 461px !important;
    object-fit: cover;
  }

  .portfolio-card:after {
    min-height: 448px;
  }

  .slick-list {
    margin-left: 15px !important;
  }

  .home-five-hero .slick-list {
    margin-left: 0px !important;
  }


}

@media only screen and (min-width: 1200px) {
  .demo-two-possition-img {
    max-width: 1060px;
  }

  .react-responsive-modal-modal {
    max-height: 666px !important;
  }

  .larger-no-space {
    padding: 0px;
  }

  .wishlist-product-price-flex {
    height: 120.57px;
  }

  .service-area-content-text-extra-style {
    text-align: left !important;
  }

  .team-area-2 .home-three-white-space-none {
    height: 489px;
  }

  .team-card-white-space-none {
    margin-top: 65px !important;
  }

  .team-page-team-card .team-card-white-space-none {
    margin-top: 10px !important;
  }
}

@media only screen and (min-width: 1400px) {
  .team-area-2 .home-three-white-space-none {
    height: 594px;
  }

  .home-two-pricing-button-align {
    text-align: left !important;
  }

  .pricing-area-content-text-extra-style {
    text-align: left !important;
  }

  .home-two-pricing-align {
    text-align: left;
  }

  .testimonial-area-5.home-one-testimonial.overflow-hidden.space.position-relative {
    max-height: 692.16px;
  }
}

@media only screen and (min-width: 1440px) {
  .demo-two-possition-img {
    max-width: 1296px;
  }

  .team-card-white-space-none {
    margin-top: -18px !important;
  }

  .team-page-team-card .team-card-white-space-none {
    margin-top: -80px !important;
  }

  .team-area-2 .home-three-white-space-none {
    height: 594px;
  }
}

.link-text {
  text-decoration: none;
}

.portfolio-image-align img {
  height: 100%;
}

.item-decoration a {
  text-decoration: none;
}

.accordion-decoration {
  border-bottom: none !important;
}

/* .service-card-underline a {
  text-decoration: none;
} */

.service-text-adjustment {
  font-size: 36px;
  line-height: 1.278;
}

@media (max-width: 1199px) {
  .service-text-adjustment {
    font-size: 40px;
  }
}

@media (max-width:767px) {
  .service-text-adjustment {
    font-size: 34px;
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .service-text-adjustment {
    font-size: 30px;
  }
}

.header-decoration a {
  text-decoration: none !important;
}

.header-underline .header-layout1 .header-top {

  border-bottom: 1px solid transparent !important;
}


.preloader{
  opacity: 1;
  transition: opacity .4s;
}
.preloader.loaded{
  opacity: 0;
  pointer-events: none;
}

/* All New Style Here End  */































































































































































































































































































































































































































/* Hero-1 Slider Animations matching Home-4 letter animations */
.hero-slider1 .hero-slide .slider-custom-anim-left {
  opacity: 0;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: 1.2s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hero-slider1 .hero-slide .slider-custom-anim-left.slider-animated {
  opacity: 1;
  animation-name: custom-anim-left;
}

@media (prefers-reduced-motion: reduce) {
  .hero-slider1 .hero-slide .slider-custom-anim-left.slider-animated {
    animation: none;
    transform: none;
    clip-path: none;
  }
}

/* Full image hero slide styling for Home 1 */
.hero-1 .hero-slide[data-overlay="title"]:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(18, 20, 29, 0.5);
  z-index: 2;
}

.hero-1 .hero-style4-adapted {
  position: relative;
  z-index: 6;
}

.hero-1 .hero-4-number-tab {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-1 .hero-4-number-tab .tab-btn {
  background: transparent;
  border: 0;
  font-size: 20px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--title-font, sans-serif);
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hero-1 .hero-4-number-tab .tab-btn.active,
.hero-1 .hero-4-number-tab .tab-btn:hover {
  color: var(--theme-color, #ea5501);
  transform: scale(1.15);
}

/* Image zoom/scale effect from index-1 */
.hero-slider1 .hero-thumb {
  overflow: hidden;
}

.hero-slider1 .hero-thumb img {
  transform: scale(1);
  transition: transform 6000ms linear;
}

.hero-slider1 .slick-active .hero-thumb img,
.hero-slider1 .hero-slide.slick-active .hero-thumb img {
  transform: scale(1.08);
}

/* 3D Flip Hover Effect for Discover More button (from index-1 thm-btn) */
.hero-style1 .btn.style2 {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--theme-color, #ea5501) !important;
  color: #ffffff !important;
  transition: all 0.3s linear;
  z-index: 1;
}

.hero-style1 .btn.style2::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #001659 !important;
  color: #ffffff !important;
  border-radius: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateY(-100%) rotateX(90deg);
  transform-origin: bottom;
  transition: transform 0.5s ease;
  z-index: 5;
}

.hero-style1 .btn.style2:hover::before {
  transform: translateY(0) rotateX(0deg);
}

.hero-style1 .btn.style2::after {
  display: none !important;
}

/* Circular pop hover effect on slider arrows from index-1 */
.hero-1 .slider-btn-wrap .icon-box .slick-arrow {
  position: relative;
  overflow: hidden;
  transition: all 300ms ease;
  z-index: 1;
}

.hero-1 .slider-btn-wrap .icon-box .slick-arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--theme-color, #ea5501);
  content: "";
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.hero-1 .slider-btn-wrap .icon-box .slick-arrow:hover::before {
  transform: scale(1.0);
}

/* Fix Hero-1 Background and Left Edge Artifacts */
.hero-1 {
  background-image: none !important;
  background-color: transparent !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.hero-slider1 .slick-list {
  margin: 0 !important;
  padding: 0 !important;
}

.hero-slider1 .hero-slide {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 850px;
}

.hero-1:after {
  display: none !important;
}

.hero-1 .hero-bg-shape1-1,
.hero-1 .hero-bg-shape1-2,
.hero-1 .section-animation-shape1-1,
.hero-1 .section-animation-shape1-2 {
  display: none !important;
}

.hero-1 .slider-controller-wrap {
  width: auto !important;
  background: transparent !important;
  right: 60px !important;
  bottom: 40px !important;
}

.hero-1 .slider-btn-wrap {
  padding: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.hero-1 .slider-btn-wrap .icon-box {
  position: static !important;
  transform: none !important;
  display: flex !important;
  gap: 12px !important;
}

.hero-1 .slider-btn-wrap .icon-box .slick-arrow {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.hero-1 .slider-btn-wrap .icon-box .slick-arrow:hover {
  background: var(--theme-color, #ea5501) !important;
  color: #ffffff !important;
  border-color: var(--theme-color, #ea5501) !important;
}

/* Service Card Button and Icon Visibility Fix */
.service-area-4 {
  overflow: visible !important;
}

.service-card {
  overflow: visible !important;
}

.service-card .btn-wrap {
  z-index: 5;
}

.service-card .btn-wrap .icon-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.service-card .btn-wrap .btn {
  z-index: 6;
  white-space: nowrap;
}

/* Why Area Background Fix - Prevent image tiling / repeating */
.why-sec-bg3-1 {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top left !important;
}

/* Header & Navigation - Titillium Web Font */
.nav-header,
.nav-header .main-menu > ul > li > a,
.nav-header .main-menu .sub-menu li a,
.nav-header .header-top-bar,
.nav-header .header-top-bar *,
.nav-header .header-contact-items,
.nav-header .header-contact-items *,
.mobile-menu ul li a {
  font-family: "Titillium Web", sans-serif !important;
}

.nav-header i,
.nav-header [class^="ri-"],
.nav-header [class*=" ri-"],
.mobile-menu i,
.mobile-menu [class^="ri-"],
.mobile-menu [class*=" ri-"] {
  font-family: 'remixicon' !important;
}

/* Breadcrumb / Page Header Image - Remove space between header and main image */
.breadcumb-wrapper {
  margin-top: 0 !important;
}

/* Service Details - Tab List Square Shape & Large Letters */
.why-tab-wrap .nav-item .nav-link {
  border-radius: 0px !important;
  font-family: var(--title-font) !important;
  transition: all 0.25s ease-in-out !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.why-tab-wrap .nav-item .nav-link.active {
  border-radius: 0px !important;
  background-color: #001F5B !important;
  color: #ffffff !important;
  box-shadow: 0px 8px 20px rgba(0, 31, 91, 0.25) !important;
}

.why-tab-wrap .nav-item .nav-link:not(.active):hover {
  background-color: #ffffff !important;
  color: #001F5B !important;
  box-shadow: 0px 6px 18px rgba(0, 31, 91, 0.12) !important;
}

/* All New Style Here End  */

/* ============================================================
   GLOBAL FONT OVERRIDE — All text uses Titillium Web
   (Archivo is reserved only for display numbers like "01")
   ============================================================ */
body,
body *:not(i):not([class^="ri-"]):not([class*=" ri-"]):not(.why-thumb-wrap3-1 .why-text-wrap .number) {
  font-family: "Titillium Web", sans-serif !important;
}

/* Keep remixicon icons using their own font */
i[class^="ri-"],
i[class*=" ri-"],
[class^="ri-"],
[class*=" ri-"] {
  font-family: 'remixicon' !important;
}

/* Display numbers (image overlay "01") keep Archivo for distinction */
.why-thumb-wrap3-1 .why-text-wrap .number {
  font-family: "Archivo", sans-serif !important;
}

/* Service badge number (navy box "01") — same Archivo font as image number */
.service-badge-num {
  font-family: "Archivo", sans-serif !important;
}


/* ---- UX polish: accessibility & interaction ---- */
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100000; padding: 12px 20px; background: #0c1527; color: #fff; border-radius: 6px; font-weight: 600; transform: translateY(-200%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); outline: 3px solid #f5a623; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #f5a623; outline-offset: 3px; border-radius: 4px; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* comfortable touch targets for icon buttons */
.icon-btn, .menu-toggle, .searchClose, .closeButton, .hero-side-arrow { min-width: 44px; min-height: 44px; }
.social-btn a, .footer-social a, .th-social a { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 575px) { body { font-size: 16px; } input, select, textarea { font-size: 16px !important; } }
/* hero readability: consistent scrim behind slide copy */
.hero-1 .hero-slide::before { content: ""; position: absolute; inset: 0; z-index: 1; opacity: 1 !important; background: linear-gradient(90deg, rgba(8,14,28,.82) 0%, rgba(8,14,28,.55) 50%, rgba(8,14,28,.2) 100%) !important; pointer-events: none; }
.hero-1 .hero-subtitle { color: #f5a623 !important; }
.hero-1 .hero-title, .hero-1 .hero-text { text-shadow: 0 2px 16px rgba(0,0,0,.35); }
@media (max-width: 767px) { .hero-1 .hero-slide { min-height: 640px !important; } .hero-1 .hero-slide::before { background: rgba(8,14,28,.68) !important; } }
/* always render on a white canvas, regardless of the visitor's OS dark mode */
:root { color-scheme: light; }
html, body { background-color: #ffffff !important; }

/* ---- project details page ---- */
.bm-back-link { display: inline-flex; align-items: center; gap: 8px; color: #001F5B; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .8px; border-bottom: 2px solid #001F5B; padding-bottom: 2px; }
.bm-back-link:hover { color: #f15a24; border-color: #f15a24; }
.bm-cta-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 32px 36px; background: #0c1527; color: #fff; margin: 10px 0 50px; }
.bm-cta-strip h3 { color: #fff; margin: 0 0 6px; font-size: 24px; }
.bm-cta-strip p { color: rgba(255,255,255,.8); margin: 0; }
.bm-pager { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #e7e8ec; border-bottom: 1px solid #e7e8ec; padding: 20px 0; }
.bm-pager a { display: flex; flex-direction: column; gap: 4px; color: #0c1527; font-weight: 600; max-width: 48%; }
.bm-pager a span { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #f15a24; }
.bm-pager a.next { text-align: end; margin-inline-start: auto; }
.bm-pager a:hover { color: #f15a24; }
.bm-mini-project { display: block; color: #0c1527; }
.bm-mini-project img { width: 100%; height: 220px; object-fit: cover; margin-bottom: 14px; transition: transform .3s; }
.bm-mini-project:hover img { transform: scale(1.02); }
.bm-mini-project .loc { display: block; font-size: 13px; color: #f15a24; text-transform: uppercase; letter-spacing: .6px; }
.bm-mini-project .title { display: block; font-weight: 700; font-size: 18px; line-height: 1.35; }
@media (max-width: 575px) { .bm-cta-strip { padding: 24px 20px; } .bm-pager a { max-width: 100%; } }
/* ---- site search results ---- */
.bm-search-results { list-style: none; margin: 18px 0 0; padding: 0; max-height: 50vh; overflow-y: auto; text-align: start; background: #fff; border: 1px solid #e7e8ec; }
.bm-search-results li { display: flex; align-items: baseline; gap: 14px; padding: 14px 20px; cursor: pointer; border-bottom: 1px solid #f0f1f4; color: #0c1527; }
.bm-search-results li:last-child { border-bottom: 0; }
.bm-search-results li.active { background: #f6f7f9; }
.bm-search-results .kind { flex: 0 0 72px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #f15a24; }
.bm-search-results .title { font-weight: 600; }
.bm-search-results li.empty { cursor: default; color: #4a5263; display: block; }
.bm-search-results li.empty a { color: #f15a24; text-decoration: underline; }

/* ---- sectors strip (replaces placeholder client logos) ---- */
.bm-sectors { list-style: none; margin: 40px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.bm-sectors li { display: inline-flex; align-items: center; gap: 12px; padding: 16px 24px; border: 1px solid #dfe3ea; background: #fff; color: #0c1527; font-weight: 600; font-size: 16px; transition: transform .2s, border-color .2s, box-shadow .2s; }
.bm-sectors li i { font-size: 24px; color: #f15a24; }
.bm-sectors li:hover { transform: translateY(-3px); border-color: #f15a24; box-shadow: 0 10px 24px rgba(12, 21, 39, .08); }
.bm-sectors.dark li { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .22); color: #fff; }
.bm-sectors.dark li:hover { background: rgba(255, 255, 255, .12); border-color: #f5a623; box-shadow: none; }
@media (max-width: 575px) { .bm-sectors { gap: 10px; margin-top: 28px; } .bm-sectors li { width: 100%; justify-content: flex-start; padding: 14px 18px; } }

/* ---- home "latest projects" cards ---- */
.bm-pcard-slider { margin: 0 -12px; }
.bm-pcard-slide { padding: 0 12px; }
.bm-pcard { position: relative; display: block; height: 480px; overflow: hidden; background: #0c1527; color: #fff; }
.bm-pcard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.bm-pcard::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,21,39,0) 35%, rgba(12,21,39,.92) 100%); transition: background .3s; }
.bm-pcard:hover img, .bm-pcard:focus-visible img { transform: scale(1.06); }
.bm-pcard:hover::after { background: linear-gradient(180deg, rgba(12,21,39,.15) 20%, rgba(12,21,39,.95) 100%); }
.bm-pcard-no { position: absolute; top: 20px; inset-inline-start: 20px; z-index: 2; padding: 6px 12px; background: #001F5B; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: 1px; }
.bm-pcard-body { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 8px; padding: 28px; }
.bm-pcard-loc { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #f5a623; }
.bm-pcard-title { font-family: var(--title-font); font-size: 22px; font-weight: 700; line-height: 1.3; color: #fff; }
.bm-pcard-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #fff; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .3s, opacity .3s, margin .3s; }
.bm-pcard:hover .bm-pcard-more, .bm-pcard:focus-visible .bm-pcard-more { max-height: 24px; opacity: 1; margin-top: 4px; }
@media (hover: none) { .bm-pcard-more { max-height: 24px; opacity: 1; } }
@media (max-width: 767px) { .bm-pcard { height: 400px; } .bm-pcard-title { font-size: 20px; } }
#project-sec .slick-arrow.default { width: 56px; height: 56px; background: #fff; border: 1px solid #e3e6ec; color: #0c1527; transition: all .2s; }
#project-sec .slick-arrow.default:hover { background: #0c1527; border-color: #0c1527; color: #fff; }
/* home (dark) sectors: large icon on top, small name underneath, all white */
.bm-sectors.dark { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; max-width: 1100px; margin-inline: auto; }
.bm-sectors.dark li { flex-direction: column; justify-content: center; text-align: center; gap: 14px; padding: 34px 16px 28px; width: auto; font-size: 14px; font-weight: 600; letter-spacing: .3px; line-height: 1.35; color: #fff; }
.bm-sectors.dark li i { font-size: 52px; line-height: 1; color: #fff; transition: transform .25s; }
.bm-sectors.dark li:hover i { transform: translateY(-4px); }
@media (max-width: 991px) { .bm-sectors.dark { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 575px) {
  .bm-sectors.dark { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .bm-sectors.dark li { width: auto; justify-content: center; padding: 26px 10px 22px; font-size: 13px; }
  .bm-sectors.dark li i { font-size: 44px; }
  .bm-sectors.dark li:last-child { grid-column: 1 / -1; }
}

/* Home service cards: every image fills the same 370x342 shape as the mask,
   whatever size or orientation was uploaded. */
.service-card.style6 .service-card-thumb { width: 100%; max-width: 370px; aspect-ratio: 370 / 342; overflow: hidden;
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.service-card.style6 .service-card-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }