:root {

  --primary: #06a3da;

  --secondary: #34ad54;

  --light: #eef9ff;

  --dark: #091e3e;

}



.ip2 {

  width: 100%;

  height: 60px;

  position: absolute;

  left: 50%;

  transform: translate(-50%, -50%);

}



.inner-padding {

  padding-top: 75px;

}



.ip {

  width: 150px;

  height: 150px;

}



.ip__track {

  stroke: hsl(var(--hue), 90%, 90%);

  transition: stroke var(--trans-dur);

}



.ip__worm1,

.ip__worm2 {

  animation: worm1 2s linear infinite;

}



.ip__worm2 {

  animation-name: worm2;

}



@media (prefers-color-scheme: dark) {

  :root {

    --bg: hsl(var(--hue), 90%, 5%);

    --fg: hsl(var(--hue), 90%, 95%);

  }



  .ip__track {

    stroke: hsl(var(--hue), 90%, 15%);

  }

}



@keyframes worm1 {

  from {

    stroke-dashoffset: 0;

  }



  50% {

    animation-timing-function: steps(1);

    stroke-dashoffset: -358;

  }



  50.01% {

    animation-timing-function: linear;

    stroke-dashoffset: 358;

  }



  to {

    stroke-dashoffset: 0;

  }

}



@keyframes worm2 {

  from {

    stroke-dashoffset: 358;

  }



  50% {

    stroke-dashoffset: 0;

  }



  to {

    stroke-dashoffset: -358;

  }

}



.spinner {

  width: 40px;

  height: 402px;

  margin: 100px auto;

  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;

  animation: sk-rotateplane 1.2s infinite ease-in-out;

}



.spinner img {

  width: 100px;

}



@-webkit-keyframes sk-rotateplane {

  0% {

    -webkit-transform: perspective(120px);

  }



  50% {

    -webkit-transform: perspective(120px) rotateY(180deg);

  }



  100% {

    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);

  }

}



@keyframes sk-rotateplane {

  0% {

    transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

  }



  50% {

    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

  }



  100% {

    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

  }

}



#spinner {

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;

  z-index: 99999;

}



#spinner.show {

  transition: opacity 0.5s ease-out, visibility 0s linear 0s;

  visibility: visible;

  opacity: 1;

}



h1,

h2,

.fw-bold {

  font-weight: 800 !important;

}



h3,

h4,

.fw-semi-bold {

  font-weight: 700 !important;

}



h5,

h6,

.fw-medium {

  font-weight: 600 !important;

}



.btn-success-our-products {

  background-color: #bb3254;

  border-color: transparent;

}



.btn-success {

  color: #fff;

  background-color: #bb3254;

  border-color: transparent;

}



.bg-success {

  transition: all 0.5s ease-in-out;

  box-shadow: #0000003d 0 3px 8px;

  background-color: #8200a1;

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  ) !important;

}



.bg-success:hover {

  box-shadow: #110c2e26 0 48px 100px 0;

}



.text-success {

  color: #fff !important;

}



.text-success-black {

  color: #282323 !important;

}



.text-success-1 {

  color: #000 !important;

}



.btn-success:hover {

  color: #fff;

  background-color: #2d4864;

  border-color: transparent;

}



.btn-success:active {

  color: #fff;

  background-color: #e9502a;

}



.bg-successer {

  background-color: #fff;

}



.call-number a {

  color: #fff;

}



.call-number a:hover {

  color: #fff;

}



.call-number-down a {

  color: #bb3254;

}



.call-number-down a:hover {

  color: #bb3254;

}



.footer-text-color p a {

  color: #ffff;

}



.footer-text-color p a:hover {

  color: #ffff;

}



.footer-height {

  height: 75px;

}



.footer-bg-color {

  background-color: #8200a1;

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

}



.contact-title {

  background-color: #8200a1;

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

}



.bg-white-inner-fact {

  background-color: #bb3254;

}



.btn-custom:hover {

  color: #fff;

  background-color: #2d4864;

  border-color: #2d4864;

}



.btn-darkers {

  color: #32485f;

  background-color: transparent;

}



.btn-media:hover {

  color: #bb3254;

}



.btn-media {

  font-family: "Nunito", sans-serif;

  font-weight: 600;

  transition: 0.5s;

  padding-left: 0;

  padding-right: 0;

  text-align: center;

}



.dropdown-item.active,

.dropdown-item:active {

  color: #fff;

  text-decoration: none;

  background-color: #bb3254;

}



.parent {

  position: relative;

}



.service-default .parent_img {

  position: relative;

}



.service-default .logo_img {

  position: absolute;

  top: 56%;

  transform: translate(-50%, -50%);

  width: 32%;

  right: -30%;

  box-shadow: #0000003d 0 3px 8px;

}



.service-default .logo1_img {

  position: absolute;

  top: 56%;

  transform: translate(-50%, -50%);

  width: 32%;

  right: 66%;

  box-shadow: #0000003d 0 3px 8px;

}



.service_text {

  text-align: justify;

  padding-right: 44px;

}



.service_text1 {

  text-align: justify;

  padding-left: 44px;

}



.default-img {

  position: absolute;

  z-index: 1;

  height: auto;

  width: 35%;

  top: 0;

  height: 32vh;

  object-fit: scale-down;

  left: 0;

}



.default1-img {

  background-image: url(../img/service_product/logo_2.png);

  position: absolute;

  z-index: 1;

  height: auto;

  width: 35%;

  top: 131px;

  height: 32vh;

  object-fit: scale-down;

  left: -16%;

}



.inner-service-text {

  padding: 110px;

  padding-right: 0;

  padding-top: 15px;

  text-align: justify;

}



.inner-service-text1 {

  padding: 110px;

  padding-top: 15px;

  padding-left: 0;

  text-align: justify;

}



.text-color {

  color: #091e3e !important;

}



.btn {

  font-family: "Nunito", sans-serif;

  font-weight: 600;

  transition: 0.5s;

}



.btn-ourproducts {

  color: #000;

  background-color: #06a3da;

  border-color: #06a3da;

}



.btn-primary,

.btn-secondary {

  color: #fff;

  box-shadow: inset 0 0 0 50px transparent;

}



.btn-primary:hover {

  box-shadow: inset 0 0 0 0 #b00;

}



.btn-secondary:hover {

  box-shadow: inset 0 0 0 0 var(--secondary);

}



.btn-square {

  width: 36px;

  height: 36px;

}



.btn-sm-square {

  width: 30px;

  height: 30px;

}



.btn-lg-square {

  width: 48px;

  height: 48px;

}



.btn-square,

.btn-sm-square,

.btn-lg-square {

  padding-left: 0;

  padding-right: 0;

  text-align: center;

}



.display-1 {

  font-size: 4rem;

}



.navbar-dark .navbar-nav .nav-link {

  font-family: "Nunito", sans-serif;

  position: relative;

  margin-left: 13px;

  padding: 35px 6px;

  color: #000;

  font-size: 18px;

  font-weight: 600;

  outline: none;

  transition: 0.5s;

}



.sticky-top.navbar-dark .navbar-nav .nav-link {

  padding: 25px 10px;

  color: var(--dark);

}



.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active {

  color: #000 !important;

}



.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link:focus {

  color: #000 !important;

}



.navbar-dark .navbar-brand h1 {

  color: #fff;

}



.navbar-dark .navbar-toggler {

  color: #d90000 !important;

  border-color: #d90000 !important;

}



.nav-item.dropdown.show > .nav-link {

  color: #000;

}



@media (max-width: 991.98px) {

  .sticky-top.navbar-dark {

    position: relative;

    background: #fff;

  }



  .navbar-dark .navbar-nav .nav-link,

  .navbar-dark .navbar-nav .nav-link.show,

  .sticky-top.navbar-dark .navbar-nav .nav-link {

    padding: 10px 0;

    color: var(--dark);

  }



  .navbar-dark .navbar-brand h1 {

    color: #790000;

  }

}



@media (min-width: 992px) {

  .navbar-dark {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    background-color: #fff;

    border-bottom: 1px solid #ffffff1a;

    z-index: 999;

  }



  .sticky-top.navbar-dark {

    position: fixed;

    background: #fff;

  }



  .navbar-dark .navbar-nav .nav-link::before {

    position: absolute;

    content: "";

    width: 0;

    height: 2px;

    bottom: -1px;

    left: 50%;

    background: #d90000;

    transition: 0.5s;

  }



  .navbar-dark .navbar-nav .nav-link:hover::before,

  .navbar-dark .navbar-nav .nav-link.active::before {

    width: 100%;

    left: 0;

  }



  .navbar-dark .navbar-nav .nav-link.nav-contact::before {

    display: none;

  }



  .sticky-top.navbar-dark .navbar-brand h1 {

    color: #790000;

  }

}



.carousel-caption {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

}



@media (max-width: 576px) {

  .carousel-caption h5 {

    font-size: 14px;

    font-weight: 500 !important;

  }



  .carousel-caption h1 {

    font-size: 30px;

    font-weight: 600 !important;

  }

}



.carousel-control-prev,

.carousel-control-next {

  width: 10%;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  width: 3rem;

  height: 3rem;

}



.section-title::before {

  position: absolute;

  content: "";

  width: 150px;

  height: 5px;

  left: 0;

  bottom: 0;

  background: #d338319e;

  border-radius: 2px;

}



.section-title.text-center::before {

  left: 50%;

  margin-left: -75px;

}



.section-title.section-title-sm::before {

  width: 90px;

  height: 3px;

}



.section-title::after {

  position: absolute;

  content: "";

  width: 6px;

  height: 5px;

  bottom: 0;

  background: #fff;

  -webkit-animation: section-title-run 5s infinite linear;

  animation: section-title-run 5s infinite linear;

}



.section-title.section-title-sm::after {

  width: 4px;

  height: 3px;

}



.section-title.text-center::after {

  -webkit-animation: section-title-run-center 5s infinite linear;

  animation: section-title-run-center 5s infinite linear;

}



.section-title.section-title-sm::after {

  -webkit-animation: section-title-run-sm 5s infinite linear;

  animation: section-title-run-sm 5s infinite linear;

}



@-webkit-keyframes section-title-run {

  0% {

    left: 0;

  }



  50% {

    left: 145px;

  }



  100% {

    left: 0;

  }

}



@-webkit-keyframes section-title-run-center {

  0% {

    left: 50%;

    margin-left: -75px;

  }



  50% {

    left: 50%;

    margin-left: 45px;

  }



  100% {

    left: 50%;

    margin-left: -75px;

  }

}



@-webkit-keyframes section-title-run-sm {

  0% {

    left: 0;

  }



  50% {

    left: 85px;

  }



  100% {

    left: 0;

  }

}



.service-item {

  position: relative;

  height: 300px;

  padding: 0 30px;

  transition: 0.5s;

  padding-top: 122px;

}



.service-item:hover {

  border: 6px solid;

  border-image: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

  border-image-slice: 1;

}



.service-item .service-icon {

  margin-bottom: 30px;

  width: 60px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 2px;

  transform: rotate(-45deg);

  transition: transform 0.5s ease;

}



.service-item .service-icon:hover {

  transform: rotate(360deg);

}



.service-item .service-icon i {

  transform: rotate(45deg);

}



.service-bg {

  background: #e6e6e6;

}



.btn-darker {

  color: #fff;

  background-color: #bb3254;

  border-color: #bb3254;

}



.bg-successer {

  background-color: #fff;

}



.service-item a.btn {

  position: absolute;

  width: 60px;

  bottom: -18px;

  left: 50%;

  margin-left: -30px;

  opacity: 0;

}



.service-item:hover a.btn {

  bottom: 80px;

  opacity: 1;

}



.testimonial-carousel .owl-dots {

  margin-top: 15px;

  display: flex;

  align-items: flex-end;

  justify-content: center;

}



.testimonial-carousel .owl-dot {

  position: relative;

  display: inline-block;

  margin: 0 5px;

  width: 15px;

  height: 15px;

  background: #ddd;

  border-radius: 2px;

  transition: 0.5s;

}



.testimonial-carousel .owl-dot.active {

  width: 30px;

  background: #d54640d4;

}



.testimonial-carousel .owl-item.center {

  position: relative;

  z-index: 1;

}



.testimonial-carousel .owl-item .testimonial-item {

  transition: 0.5s;

}



.testimonial-carousel .owl-item.center .testimonial-item {

  background: #fff !important;

  box-shadow: 0 0 30px #ddd;

}



.team-item {

  transition: 0.5s;

}



.team-social {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

}



.team-social a.btn {

  position: relative;

  margin: 0 3px;

  margin-top: 100px;

  opacity: 0;

}



.team-item:hover {

  box-shadow: 0 0 30px #ddd;

}



.team-item:hover .team-social {

  background: #091e3eb3;

}



.team-item:hover .team-social a.btn:first-child {

  opacity: 1;

  margin-top: 0;

  transition: 0.3s 0s;

}



.team-item:hover .team-social a.btn:nth-child(2) {

  opacity: 1;

  margin-top: 0;

  transition: 0.3s 0.05s;

}



.team-item:hover .team-social a.btn:nth-child(3) {

  opacity: 1;

  margin-top: 0;

  transition: 0.3s 0.1s;

}



.team-item:hover .team-social a.btn:nth-child(4) {

  opacity: 1;

  margin-top: 0;

  transition: 0.3s 0.15s;

}



.team-item .team-img img,

.blog-item .blog-img img {

  transition: 0.5s;

  border-bottom-left-radius: 30px;

  border-top-right-radius: 30px;

}



.team-item:hover .team-img img,

.blog-item:hover .blog-img img {

  transform: scale(1.15);

}



@media (min-width: 991.98px) {

  .facts {

    position: relative;

    margin-top: -75px;

    z-index: 1;

  }

}



@media (max-width: 991.98px) {

  .facts {

    position: relative;

    margin-top: -75px;

    z-index: 1;

  }

}



.back-to-top {

  position: fixed;

  display: none;

  right: 21px;

  width: 45px;

  bottom: 44px;

  z-index: 99;

  height: 45px;

}



.back-to-top:focus {

  box-shadow: none;

  position: fixed;

  display: none;

  bottom: 45px;

  z-index: 99;

}



.bg-header-about {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/wire_cables.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.bg-header {

  background: linear-gradient(#bb32544a, #d2798f36),

    url(../img/carousel-1.jpg) center center no-repeat;

  background-size: cover;

}



.bg-header-about-us {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/about_us.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.bg-header-our-partners {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/our-partners.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.bg-header-contact-us {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/contact_us.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.bg-header-led-lights {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/led_light.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.bg-header-switches {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/switches.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.bg-header-automation {

  height: 348px;

  background-position: center;

  background: linear-gradient(#000000a6, #384d5a00),

    url(../img/inner-banner/automation_solution.png) center center;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 0 100px;

  background-attachment: fixed;

}



.link-animated a {

  transition: 0.5s;

}



.link-animated a:hover {

  padding-left: 10px;

}



@media (min-width: 767.98px) {

  .footer-about {

    margin-bottom: -75px;

  }



  #second_logo {

    display: none;

  }

}



@media only screen and (max-width: 767.98px) {

  .navbar-logo {

    display: none;

  }



  #logoContainer {

    display: none;

  }



  .navbar {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-end;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }



  .navbar-toggler {

    margin-top: -39px;

  }

}



.back-to-tops {

  width: 160px;

  display: contents;

  right: -2px;

  bottom: 86px;

  z-index: 1199;

}



.back-to-tops:focus {

  box-shadow: unset;

}



.owl-carousel .owl-item img {

  display: block;

  width: 180px;

}



.form-control:focus {

  color: #6b6a75;

  background-color: #fff;

  border-color: #83d1ed;

  outline: 0;

  box-shadow: 0 0 0 0.25rem #bb325426;

}



.text-justify {

  text-align: justify !important;

}



.sidebar-contact {

  position: fixed;

  right: -350px;

  bottom: 50px;

  transform: translateY(-50%);

  width: 350px;

  height: auto;

  padding: 40px;

  background: #fff;

  box-shadow: #0000000d 0 6px 24px 0px, #00000014 0 0 0 1px;

  box-sizing: border-box;

  transition: 0.5s;

  z-index: 98;

}



.sidebar-contact.active {

  right: 0;

}



.sidebar-contact input,

.sidebar-contact textarea {

  width: 100%;

  height: 36px;

  padding: 5px;

  margin-bottom: 10px;

  box-sizing: border-box;

  border: 1px solid #00000080;

  outline: none;

}



.sidebar-contact h2 {

  margin: 0 0 20px;

  padding: 0;

}



.sidebar-contact textarea {

  height: 60px;

  resize: none;

}



.sidebar-contact input[type="submit"] {

  background: #00bcd4;

  color: #fff;

  cursor: pointer;

  border: none;

  font-size: 18px;

}



.toggle {

  display: flex;

  box-shadow: #0000003d 0 3px 8px;

  transition: all 0.5s ease-in-out;

  position: absolute;

  height: 186px;

  color: #fff;

  width: 45%;

  text-align: center;

  cursor: pointer;

  background: red;

  border-radius: 10px 0;

  padding: 4px;

  top: 235px;

  left: -158px;

  line-height: 22px;

}



.toggle:hover {

  box-shadow: #110c2e26 0 48px 100px 0;

  box-shadow: #110c2e26 0 48px 100px 0;

}



@media (max-width: 768px) {

  .sidebar-contact {

    width: 100%;

    height: 100%;

    right: -100%;

  }



  .sidebar-contact .toggle {

    top: 50%;

    transform: translateY(-50%);

    transition: 0.5s;

  }



  .sidebar-contact.active .toggle {

    top: 0;

    left: 0;

    transform: translateY(0);

  }



  .scroll {

    width: 100%;

    height: 100%;

    overflow-y: auto;

  }



  .content {

    padding: 50px;

  }

}



.inner-parteners-post img {

  width: 100%;

  object-fit: cover;

  transition: all 0.5s ease-in-out;

}



.card-wires {

  width: auto;

  height: 100%;

  border-radius: 4px;

  background: transparent;

  display: flex;

  gap: 2px;

}



.card-wires p {

  height: 83%;

  flex: 1;

  overflow: hidden;

  cursor: pointer;

  border-radius: 2px;

  transition: all 0.5s;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 4px solid;

  border-image: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

  border-image-slice: 1;

}



.card-wires p:hover {

  flex: 2;

}



.card-wires p span {

  min-width: 14em;

  padding: 0;

  text-align: center;

  transition: all 0.5s;

  text-transform: uppercase;

  color: #ff568e;

  letter-spacing: 0.1em;

}



.card-wires p span img {

  height: 560px;

}



.card-wires p:hover span {

  transform: rotate(0);

}



.social-btn-request {

  display: flex;

  width: 200px;

  align-items: center;

  justify-content: space-evenly;

  border: 1px;

  border-bottom-left-radius: 30px;

  border-top-left-radius: 30px;

  margin-bottom: 5px;

  position: relative;

  right: -145px;

  transition: right 1s;

  flex-direction: row-reverse;

  padding: 5px 0 5px 19px;

}



.social-btn-request:hover {

  right: -10px;

  transition: right 1s;

  right: -10px;

  transition: right 1s;

}



.social-btn-request p {

  color: #fff;

  margin-top: 0;

  margin-bottom: 0;

}



.social-btn-request a {

  display: flex;

  flex-direction: row-reverse;

  flex-wrap: wrap;

  align-items: center;

}



.social-btn {

  display: flex;

  width: 200px;

  align-items: center;

  justify-content: space-evenly;

  border: 1px;

  border-bottom-left-radius: 30px;

  border-top-left-radius: 30px;

  margin-bottom: 5px;

  position: relative;

  right: -145px;

  transition: right 1s;

  flex-direction: row-reverse;

  padding: 5px 20px 5px 0;

}



.social-btn a {

  display: flex;

  flex-direction: row-reverse;

  flex-wrap: wrap;

  align-items: center;

}



.social-btn:hover {

  right: -10px;

  transition: right 1s;

}



.social {

  right: 8px;

  position: fixed;

  z-index: 1;

  bottom: 19%;

}



.social a {

  text-decoration: none;

}



.color-telegram {

  background-color: #0084c6;

}



.color-contact {

  background-color: #bb3254;

}



.color-whatsapp {

  background-color: #24cc63;

}



.color-facebook {

  background-color: #0866ff;

}



.color-linkedin {

  background-color: #0077b5;

}



.color-instagram {

  background-image: linear-gradient(

    135deg,

    #405de6,

    #833ab4,

    #e1306c,

    #fdcc01,

    #f56040

  );

}



.color-request {

  background-color: #384d5a;

  color: #fff;

}



.google-font {

  font-family: "Lato", sans-serif;

  font-size: 1.25rem;

}



.social-btn img {

  width: 40px;

}



.social-btn p {

  color: #fff;

  margin-top: 0;

  margin-bottom: 0;

}



.icons8-facebook {

  order: 2;

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 12px;

  background: url(../img/social-media-icons/facebook.svg) 50% 50% no-repeat;

  background-size: 100%;

}



.icons8-contact {

  order: 2;

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 3px;

  background: url(../img/Contact/1.svg) 50% 50% no-repeat;

  background-size: 100%;

}



.icons8-request {

  order: 2;

  display: inline-block;

  width: 40px;

  height: 40px;

  background: url(../img/social-media-icons/quote.svg) 50% 50% no-repeat;

  background-size: 100%;

}



.icons8-instagram {

  order: 2;

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 10px;

  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNiAxNiIKc3R5bGU9IiBmaWxsOiNmZmZmZmY7Ij48cGF0aCBkPSJNIDQuNzczNDM4IDEgQyAyLjY5NTMxMyAxIDEgMi42OTUzMTMgMSA0Ljc3MzQzOCBMIDEgMTAuMjMwNDY5IEMgMSAxMi4zMDQ2ODggMi42OTUzMTMgMTQgNC43NzM0MzggMTQgTCAxMC4yMzA0NjkgMTQgQyAxMi4zMDQ2ODggMTQgMTQgMTIuMzA0Njg4IDE0IDEwLjIyNjU2MyBMIDE0IDQuNzczNDM4IEMgMTQgMi42OTUzMTMgMTIuMzA0Njg4IDEgMTAuMjI2NTYzIDEgWiBNIDQuNzczNDM4IDIgTCAxMC4yMjY1NjMgMiBDIDExLjc2NTYyNSAyIDEzIDMuMjM0Mzc1IDEzIDQuNzczNDM4IEwgMTMgMTAuMjI2NTYzIEMgMTMgMTEuNzY1NjI1IDExLjc2NTYyNSAxMyAxMC4yMzA0NjkgMTMgTCA0Ljc3MzQzOCAxMyBDIDMuMjM0Mzc1IDEzIDIgMTEuNzY1NjI1IDIgMTAuMjMwNDY5IEwgMiA0Ljc3MzQzOCBDIDIgMy4yMzQzNzUgMy4yMzQzNzUgMiA0Ljc3MzQzOCAyIFogTSAxMS41IDMgQyAxMS4yMjI2NTYgMyAxMSAzLjIyMjY1NiAxMSAzLjUgQyAxMSAzLjc3NzM0NCAxMS4yMjI2NTYgNCAxMS41IDQgQyAxMS43NzczNDQgNCAxMiAzLjc3NzM0NCAxMiAzLjUgQyAxMiAzLjIyMjY1NiAxMS43NzczNDQgMyAxMS41IDMgWiBNIDcuNSA0IEMgNS41NzQyMTkgNCA0IDUuNTc0MjE5IDQgNy41IEMgNCA5LjQyNTc4MSA1LjU3NDIxOSAxMSA3LjUgMTEgQyA5LjQyNTc4MSAxMSAxMSA5LjQyNTc4MSAxMSA3LjUgQyAxMSA1LjU3NDIxOSA5LjQyNTc4MSA0IDcuNSA0IFogTSA3LjUgNSBDIDguODg2NzE5IDUgMTAgNi4xMTMyODEgMTAgNy41IEMgMTAgOC44ODY3MTkgOC44ODY3MTkgMTAgNy41IDEwIEMgNi4xMTMyODEgMTAgNSA4Ljg4NjcxOSA1IDcuNSBDIDUgNi4xMTMyODEgNi4xMTMyODEgNSA3LjUgNSBaIj48L3BhdGg+PC9zdmc+)

    50% 50% no-repeat;

  background-size: 100%;

}



.icons8-whatsapp {

  order: 2;

  display: inline-block;

  width: 38px;

  height: 38px;

  margin-right: 5px;

  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiNmZmZmZmY7Ij48cGF0aCBkPSJNIDI1IDIgQyAxMi4zMDk1MzQgMiAyIDEyLjMwOTUzNCAyIDI1IEMgMiAyOS4wNzkwOTcgMy4xMTg2ODc1IDMyLjg4NTg4IDQuOTg0Mzc1IDM2LjIwODk4NCBMIDIuMDM3MTA5NCA0Ni43MzA0NjkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMuMjQwMjM0NCA0Ny45NzA3MDMgTCAxNC4yMTA5MzggNDUuMjUxOTUzIEMgMTcuNDM0NjI5IDQ2Ljk3MjkyOSAyMS4wOTI1OTEgNDggMjUgNDggQyAzNy42OTA0NjYgNDggNDggMzcuNjkwNDY2IDQ4IDI1IEMgNDggMTIuMzA5NTM0IDM3LjY5MDQ2NiAyIDI1IDIgeiBNIDI1IDQgQyAzNi42MDk1MzQgNCA0NiAxMy4zOTA0NjYgNDYgMjUgQyA0NiAzNi42MDk1MzQgMzYuNjA5NTM0IDQ2IDI1IDQ2IEMgMjEuMjc4MDI1IDQ2IDE3Ljc5MjEyMSA0NS4wMjk2MzUgMTQuNzYxNzE5IDQzLjMzMzk4NCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTQuMDMzMjAzIDQzLjIzNjMyOCBMIDQuNDI1NzgxMiA0NS42MTcxODggTCA3LjAwMTk1MzEgMzYuNDI1NzgxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA2LjkwMjM0MzggMzUuNjQ2NDg0IEMgNS4wNjA2ODY5IDMyLjUyMzU5MiA0IDI4Ljg5MDEwNyA0IDI1IEMgNCAxMy4zOTA0NjYgMTMuMzkwNDY2IDQgMjUgNCB6IE0gMTYuNjQyNTc4IDEzIEMgMTYuMDAxNTM5IDEzIDE1LjA4NjA0NSAxMy4yMzg0OSAxNC4zMzM5ODQgMTQuMDQ4ODI4IEMgMTMuODgyMjY4IDE0LjUzNTU0OCAxMiAxNi4zNjk1MTEgMTIgMTkuNTkzNzUgQyAxMiAyMi45NTUyNzEgMTQuMzMxMzkxIDI1Ljg1NTg0OCAxNC42MTMyODEgMjYuMjI4NTE2IEwgMTQuNjE1MjM0IDI2LjIyODUxNiBMIDE0LjYxNTIzNCAyNi4yMzA0NjkgQyAxNC41ODg0OTQgMjYuMTk1MzI5IDE0Ljk3MzAzMSAyNi43NTIxOTEgMTUuNDg2MzI4IDI3LjQxOTkyMiBDIDE1Ljk5OTYyNiAyOC4wODc2NTMgMTYuNzE3NDA1IDI4Ljk2NDY0IDE3LjYxOTE0MSAyOS45MTQwNjIgQyAxOS40MjI2MTIgMzEuODEyOTA5IDIxLjk1ODI4MiAzNC4wMDc0MTkgMjUuMTA1NDY5IDM1LjM0OTYwOSBDIDI2LjU1NDc4OSAzNS45NjY3NzkgMjcuNjk4MTc5IDM2LjMzOTQxNyAyOC41NjQ0NTMgMzYuNjExMzI4IEMgMzAuMTY5ODQ1IDM3LjExNTQyNiAzMS42MzIwNzMgMzcuMDM4Nzk5IDMyLjczMDQ2OSAzNi44NzY5NTMgQyAzMy41NTI2MyAzNi43NTU4NzYgMzQuNDU2ODc4IDM2LjM2MTExNCAzNS4zNTE1NjIgMzUuNzk0OTIyIEMgMzYuMjQ2MjQ4IDM1LjIyODczIDM3LjEyMzA5IDM0LjUyNDcyMiAzNy41MDk3NjYgMzMuNDU1MDc4IEMgMzcuNzg2NzcyIDMyLjY4ODI0NCAzNy45Mjc1OTEgMzEuOTc5NTk4IDM3Ljk3ODUxNiAzMS4zOTY0ODQgQyAzOC4wMDM5NzYgMzEuMTA0OTI3IDM4LjAwNzIxMSAzMC44NDc2MDIgMzcuOTg4MjgxIDMwLjYwOTM3NSBDIDM3Ljk2OTMxMSAzMC4zNzExNDggMzcuOTg5NTgxIDMwLjE4ODY2NCAzNy43Njc1NzggMjkuODI0MjE5IEMgMzcuMzAyMDA5IDI5LjA1OTgwNCAzNi43NzQ3NTMgMjkuMDM5ODUzIDM2LjIyNDYwOSAyOC43Njc1NzggQyAzNS45MTg5MzkgMjguNjE2Mjk3IDM1LjA0ODY2MSAyOC4xOTEzMjkgMzQuMTc1NzgxIDI3Ljc3NTM5MSBDIDMzLjMwMzg4MyAyNy4zNTk5MiAzMi41NDg5MiAyNi45OTE5NTMgMzIuMDgzOTg0IDI2LjgyNjE3MiBDIDMxLjc5MDIzOSAyNi43MjA0ODggMzEuNDMxNTU2IDI2LjU2ODM1MiAzMC45MTQwNjIgMjYuNjI2OTUzIEMgMzAuMzk2NTY5IDI2LjY4NTU1MyAyOS44ODU0NiAyNy4wNTg5MzMgMjkuNTg3ODkxIDI3LjUgQyAyOS4zMDU4MzcgMjcuOTE4MDY5IDI4LjE3MDM4NyAyOS4yNTgzNDkgMjcuODI0MjE5IDI5LjY1MjM0NCBDIDI3LjgxOTYxOSAyOS42NDk1NDQgMjcuODQ5NjU5IDI5LjY2MzM4MyAyNy43MTI4OTEgMjkuNTk1NzAzIEMgMjcuMjg0NzYxIDI5LjM4MzgxNSAyNi43NjExNTcgMjkuMjAzNjUyIDI1Ljk4NjMyOCAyOC43OTQ5MjIgQyAyNS4yMTE1IDI4LjM4NjE5MiAyNC4yNDIyNTUgMjcuNzgyNjM1IDIzLjE4MTY0MSAyNi44NDc2NTYgTCAyMy4xODE2NDEgMjYuODQ1NzAzIEMgMjEuNjAzMDI5IDI1LjQ1NTk0OSAyMC40OTcyNzIgMjMuNzExMTA2IDIwLjE0ODQzOCAyMy4xMjUgQyAyMC4xNzE5MzcgMjMuMDk3MDQgMjAuMTQ1NjQzIDIzLjEzMDkwMSAyMC4xOTUzMTIgMjMuMDgyMDMxIEwgMjAuMTk3MjY2IDIzLjA4MDA3OCBDIDIwLjU1Mzc4MSAyMi43Mjg5MjQgMjAuODY5NzM5IDIyLjMwOTUyMSAyMS4xMzY3MTkgMjIuMDAxOTUzIEMgMjEuNTE1MjU3IDIxLjU2NTg2NiAyMS42ODIzMSAyMS4xODE0MzcgMjEuODYzMjgxIDIwLjgyMjI2NiBDIDIyLjIyMzk1NCAyMC4xMDY0NCAyMi4wMjMxMyAxOS4zMTg3NDIgMjEuODE0NDUzIDE4LjkwNDI5NyBMIDIxLjgxNDQ1MyAxOC45MDIzNDQgQyAyMS44Mjg4NjMgMTguOTMxMDE0IDIxLjcwMTU3MiAxOC42NTAxNTcgMjEuNTY0NDUzIDE4LjMyNjE3MiBDIDIxLjQyNjk0MyAxOC4wMDEyNjMgMjEuMjUxNjYzIDE3LjU4MDAzOSAyMS4wNjQ0NTMgMTcuMTMwODU5IEMgMjAuNjkwMDMzIDE2LjIzMjUwMSAyMC4yNzIwMjcgMTUuMjI0OTEyIDIwLjAyMzQzOCAxNC42MzQ3NjYgTCAyMC4wMjM0MzggMTQuNjMyODEyIEMgMTkuNzMwNTkxIDEzLjkzNzY4NCAxOS4zMzQzOTUgMTMuNDM2OTA4IDE4LjgxNjQwNiAxMy4xOTUzMTIgQyAxOC4yOTg0MTcgMTIuOTUzNzE3IDE3Ljg0MDc3OCAxMy4wMjI0MDIgMTcuODIyMjY2IDEzLjAyMTQ4NCBMIDE3LjgyMDMxMiAxMy4wMjE0ODQgQyAxNy40NTA2NjggMTMuMDA0NDMyIDE3LjA0NTAzOCAxMyAxNi42NDI1NzggMTMgeiBNIDE2LjY0MjU3OCAxNSBDIDE3LjAyODExOCAxNSAxNy40MDgyMTQgMTUuMDA0NzAxIDE3LjcyNjU2MiAxNS4wMTk1MzEgQyAxOC4wNTQwNTYgMTUuMDM1ODUxIDE4LjAzMzY4NyAxNS4wMzcxOTIgMTcuOTcwNzAzIDE1LjAwNzgxMiBDIDE3LjkwNjcxMyAxNC45Nzc5NzIgMTcuOTkzNTMzIDE0Ljk2ODI4MiAxOC4xNzk2ODggMTUuNDEwMTU2IEMgMTguNDIzMDk4IDE1Ljk4ODAxIDE4Ljg0MzE3IDE2Ljk5OTI0OSAxOS4yMTg3NSAxNy45MDAzOTEgQyAxOS40MDY1NCAxOC4zNTA5NjEgMTkuNTgyMjkyIDE4Ljc3MzgxNiAxOS43MjI2NTYgMTkuMTA1NDY5IEMgMTkuODYzMDIxIDE5LjQzNzEyMiAxOS45MzkwNzcgMTkuNjIyMjk1IDIwLjAyNzM0NCAxOS43OTg4MjggTCAyMC4wMjczNDQgMTkuODAwNzgxIEwgMjAuMDI5Mjk3IDE5LjgwMjczNCBDIDIwLjExNTgzNyAxOS45NzM0ODMgMjAuMTA4MTg1IDE5Ljg2NDE2NCAyMC4wNzgxMjUgMTkuOTIzODI4IEMgMTkuODY3MDk2IDIwLjM0MjY1NiAxOS44Mzg0NjEgMjAuNDQ1NDkzIDE5LjYyNSAyMC42OTE0MDYgQyAxOS4yOTk5OCAyMS4wNjU4MzggMTguOTY4NDUzIDIxLjQ4MzQwNCAxOC43OTI5NjkgMjEuNjU2MjUgQyAxOC42Mzk0MzkgMjEuODA3MDcgMTguMzYyNDIgMjIuMDQyMDMyIDE4LjE4OTQ1MyAyMi41MDE5NTMgQyAxOC4wMTYyMjEgMjIuOTYyNTc4IDE4LjA5NzA3MyAyMy41OTQ1NyAxOC4zNzUgMjQuMDY2NDA2IEMgMTguNzQ1MDMyIDI0LjY5NDYgMTkuOTY0NDA2IDI2LjY3OTMwNyAyMS44NTkzNzUgMjguMzQ3NjU2IEMgMjMuMDUyNzYgMjkuMzk5Njc4IDI0LjE2NDU2MyAzMC4wOTU5MzMgMjUuMDUyNzM0IDMwLjU2NDQ1MyBDIDI1Ljk0MDkwNiAzMS4wMzI5NzMgMjYuNjY0MzAxIDMxLjMwNjYwNyAyNi44MjYxNzIgMzEuMzg2NzE5IEMgMjcuMjEwNTQ5IDMxLjU3Njk1MyAyNy42MzA2NTUgMzEuNzI0NjcgMjguMTE5MTQxIDMxLjY2NjAxNiBDIDI4LjYwNzYyNyAzMS42MDczNjYgMjkuMDI4NzggMzEuMzEwOTc5IDI5LjI5Njg3NSAzMS4wMDc4MTIgTCAyOS4yOTg4MjggMzEuMDA1ODU5IEMgMjkuNjU1NjI5IDMwLjYwMTM0NyAzMC43MTU4NDggMjkuMzkwNzI4IDMxLjIyNDYwOSAyOC42NDQ1MzEgQyAzMS4yNDYxNjkgMjguNjUyMTMxIDMxLjIzOTEwOSAyOC42NDYyMzEgMzEuNDA4MjAzIDI4LjcwNzAzMSBMIDMxLjQwODIwMyAyOC43MDg5ODQgTCAzMS40MTAxNTYgMjguNzA4OTg0IEMgMzEuNDg3MzU2IDI4LjczNjQ3NCAzMi40NTQyODYgMjkuMTY5MjY3IDMzLjMxNjQwNiAyOS41ODAwNzggQyAzNC4xNzg1MjYgMjkuOTkwODg5IDM1LjA1MzU2MSAzMC40MTc4NzUgMzUuMzM3ODkxIDMwLjU1ODU5NCBDIDM1Ljc0ODIyNSAzMC43NjE2NzQgMzUuOTQyMTEzIDMwLjg5Mzg4MSAzNS45OTIxODggMzAuODk0NTMxIEMgMzUuOTk1NTcyIDMwLjk4MjUxNiAzNS45OTg5OTIgMzEuMDc3ODYgMzUuOTg2MzI4IDMxLjIyMjY1NiBDIDM1Ljk1MTI1OCAzMS42MjQyOTIgMzUuODQzOSAzMi4xODAyMjUgMzUuNjI4OTA2IDMyLjc3NTM5MSBDIDM1LjUyMzU4MiAzMy4wNjY3NDYgMzQuOTc1MDE4IDMzLjY2NzY2MSAzNC4yODMyMDMgMzQuMTA1NDY5IEMgMzMuNTkxMzg4IDM0LjU0MzI3NyAzMi43NDkzMzggMzQuODUyNTE0IDMyLjQzNzUgMzQuODk4NDM4IEMgMzEuNDk5ODk2IDM1LjAzNjU5MSAzMC4zODY2NzIgMzUuMDg3MDI3IDI5LjE2NDA2MiAzNC43MDMxMjUgQyAyOC4zMTYzMzYgMzQuNDM3MDM2IDI3LjI1OTMwNSAzNC4wOTI1OTYgMjUuODkwNjI1IDMzLjUwOTc2NiBDIDIzLjExNDgxMiAzMi4zMjU5NTYgMjAuNzU1NTkxIDMwLjMxMTUxMyAxOS4wNzAzMTIgMjguNTM3MTA5IEMgMTguMjI3Njc0IDI3LjY0OTkwOCAxNy41NTI1NjIgMjYuODI0MDE5IDE3LjA3MjI2NiAyNi4xOTkyMTkgQyAxNi41OTI4NjYgMjUuNTc1NTg0IDE2LjM4MzUyOCAyNS4yNTEwNTQgMTYuMjA4OTg0IDI1LjAyMTQ4NCBMIDE2LjIwNzAzMSAyNS4wMTk1MzEgQyAxNS44OTcyMDIgMjQuNjA5ODA1IDE0IDIxLjk3MDg1MSAxNCAxOS41OTM3NSBDIDE0IDE3LjA3Nzk4OSAxNS4xNjg0OTcgMTYuMDkxNDM2IDE1LjgwMDc4MSAxNS40MTAxNTYgQyAxNi4xMzI3MjEgMTUuMDUyNDk1IDE2LjQ5NTYxNyAxNSAxNi42NDI1NzggMTUgeiI+PC9wYXRoPjwvc3ZnPg==)

    50% 50% no-repeat;

  background-size: 100%;

}



.icons8-linkedin {

  order: 2;

  margin-right: 25px;

  display: inline-block;

  width: 40px;

  height: 40px;

  background: url(../img/social-media-icons/linkedin.svg) 50% 50% no-repeat;

  background-size: 100%;

  color: #fff;

}



.modal {

  position: fixed;

  top: 100px;

  left: 1389px;

  z-index: 1060;

  display: none;

  width: 100%;

  height: 100%;

  overflow: hidden;

  outline: 0;

}



.modal-content {

  position: relative;

  display: flex;

  flex-direction: column;

  width: 65%;

  height: 350px;

  pointer-events: auto;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #0003;

  border-radius: 0.3rem;

  outline: 0;

}



.modal.fade:not(.in) .modal-dialog {

  -webkit-transform: translate(-100%, 0);

  -ms-transform: translate(-100%, 0);

  transform: translate(-100%, 0);

}



.modal-title i {

  color: #bb3254;

}



.inner-request-quote {

  display: flex !important;

  align-items: flex-end;

}



.inner-whatsapp {

  margin-left: 10px;

}



.square-holder {

  padding: 30px;

  align-items: center;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 10px;

  background-color: #fff;

  min-height: 200px;

}



.our-partner-cards {

  --background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

  padding: 5px;

  border-radius: 1rem;

  overflow: visible;

  background: #f7ba2b;

  background: var(--background);

  position: relative;

  z-index: 1;

  margin-bottom: 40px;

}



.text-center.inner-title {

  font-size: 18px;

  color: #fff;

}



.our-partner-cards::after {

  position: absolute;

  content: "";

  top: 30px;

  left: 0;

  right: 0;

  z-index: -1;

  height: 100%;

  width: 100%;

  transform: scale(0.8);

  filter: blur(25px);

  background: #f7ba2b;

  background: var(--background);

  transition: opacity 0.5s;

}



.our-partner-cards-info {

  --color: #181818;

  background: var(--color);

  color: var(--color);

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

  overflow: visible;

  border-radius: 0.7rem;

}



.our-partner-cards-info .title {

  font-weight: 700;

  letter-spacing: 0.1em;

}



.our-partner-cards:hover::after {

  opacity: 0;

}



.our-partner-cards:hover .our-partner-cards-info {

  color: #f7ba2b;

  transition: color 1s;

}



.square-holder img {

  max-width: 100%;

  filter: grayscale(0%);

  transition: all 0.3s;

}



.square-holder:hover img {

  filter: none;

}



.inner-card-partner {

  border-radius: 5px;

  padding: 8px;

}



.bg-light-partner {

  background-color: #bb32540f;

}



.inner-contact-us {

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

}



.inner-contact-shadow {

  padding: 5px;

  width: 30%;

  box-shadow: #0000003d 0 3px 8px;

}



.inner-contact-second {

  width: 60px;

  height: 60px;

}



.bg-light-card-modular {

  background-image: url(../img/our-product/switches-and-accesasopries/1.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-non-modular {

  background-image: url(../img/our-product/switches-and-accesasopries/2.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-accessories {

  background-image: url(../img/our-product/switches-and-accesasopries/3.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-concealed-boxes {

  background-image: url(../img/our-product/switches-and-accesasopries/4.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  box-shadow: #00000029 0 1px 4px;

}



.bg-light-card-mcb-and-db {

  background-image: url(../img/our-product/switches-and-accesasopries/5.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-hanging-lights {

  background-image: url(../img/our-product/led-lights/1.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-hanging-lights-inner {

  background-image: url(../img/our-product/led-lights/decorative_img/1-inner-.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-floor-lamps {

  background-image: url(../img/our-product/led-lights/decorative_img/5-inner.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-floor-lamps-inner {

  background-image: url(../img/our-product/led-lights/decorative_img/3-inner.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-chandelier {

  background-image: url(../img/our-product/led-lights/3.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-chandelier-inner {

  background-image: url(../img/our-product/led-lights/decorative_img/4-inner.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-wall-lamps {

  background-image: url(../img/our-product/led-lights/decorative_img/2-inner.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-celling-lights {

  background-image: url(../img/our-product/led-lights/5.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-bulb {

  background-image: url(../img/our-product/led-lights/6.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-outdoor-led {

  background-image: url(../img/our-product/led-lights/2.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card {

  background-image: url(../img/our-product/wires-cables/1.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-wires-1 {

  background-image: url(../img/our-product/wires-cables/1.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-wires-2 {

  background-image: url(../img/our-product/wires-cables/2.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-wires-3 {

  background-image: url(../img/our-product/wires-cables/3.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-wires-4 {

  background-image: url(../img/our-product/wires-cables/4.jpg);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.service-item h4 {

  border: solid 1px #fff;

  border-radius: 10px;

  font-size: 21px;

  padding: 2px 10px;

  background-color: #fff;

}



.bg-light-card-automation {

  background-image: url(../img/our-product/automation-solution/smart_door_lock.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-automation1 {

  background-image: url(../img/our-product/automation-solution/retro_fit.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-automation2 {

  background-image: url(../img/our-product/automation-solution/wired_fit.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-light-card-automation3 {

  background-image: url(../img/our-product/automation-solution/video_door_phone.png);

  color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.button-13 .quote-text {

  display: block;

}



.button-13 .quote-arrow {

  display: none;

}



.button-13:hover .quote-text {

  display: none;

}



.button-13:hover .quote-arrow {

  display: inline-block;

}



.hoverimgclass {

  display: none;

}



.button-13:hover .hoverimgclass {

  display: block;

}



.button-custom {

  width: 65px;

  height: 65px;

  color: #fff;

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  ) !important;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  justify-content: space-evenly;

  box-shadow: none;

  transition: 0.5s;

  position: relative;

  border: solid 2px;

  flex-wrap: wrap;

  align-items: center;

  align-content: space-between;

  box-shadow: #0000003d 0 3px 8px;

  transition: all 0.5s ease-in-out;

}



.button-custom:hover {

  box-shadow: 8px 10px 0 #2d4864;

  border: 2px solid #2d4864;

  color: #2d4864;

  background: transparent !important;

}



.button-custom:hover::before {

  content: "";

  background-image: url(../img/social-media-icons/quote_blue.svg);

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.button-custom span {

  margin-left: -4px;

  margin-bottom: -50px;

  overflow: hidden;

  transition: 0.4s;

}



.button-custom:hover span {

  transition: 0.4s;

  display: none;

}



.hoverimgclass1 img {

  width: 75% !important;

  padding-top: 7px;

  padding-left: 3px;

}



.button-custom-whatsapp {

  width: 65px;

  height: 65px;

  color: #fff;

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  ) !important;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  justify-content: space-evenly;

  box-shadow: none;

  transition: 0.5s;

  position: relative;

  border: solid 2px;

  flex-wrap: wrap;

  align-items: center;

  align-content: space-between;

  box-shadow: #0000003d 0 3px 8px;

  transition: all 0.5s ease-in-out;

}



.button-custom-whatsapp:hover {

  box-shadow: 8px 10px 0 #2d4864;

  border: 2px solid #2d4864;

  color: #2d4864;

  background: transparent !important;

}



.button-custom-whatsapp:hover::before {

  content: "";

  background-image: url(../img/svg_icon/whatsapp.svg);

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.button-custom-whatsapp span {

  margin-left: -4px;

  margin-bottom: -50px;

  overflow: hidden;

  transition: 0.4s;

}



.button-custom-whatsapp:hover span {

  transition: 0.4s;

  display: none;

}



.hoverimgclass1_whatsapp img {

  width: 75% !important;

  padding-top: 7px;

  padding-left: 3px;

}



.button-custom-email {

  width: 65px;

  height: 65px;

  color: #fff;

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  ) !important;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  justify-content: space-evenly;

  box-shadow: none;

  transition: 0.5s;

  position: relative;

  border: solid 2px;

  flex-wrap: wrap;

  align-items: center;

  align-content: space-between;

  box-shadow: #0000003d 0 3px 8px;

  transition: all 0.5s ease-in-out;

}



.button-custom-email:hover {

  box-shadow: 8px 10px 0 #2d4864;

  border: 2px solid #2d4864;

  color: #2d4864;

  background: transparent !important;

}



.button-custom-email:hover::before {

  content: "";

  background-image: url(../img/svg_icon/email.svg);

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.button-custom-email span {

  margin-left: -4px;

  margin-bottom: -50px;

  overflow: hidden;

  transition: 0.4s;

}



.button-custom-email:hover span {

  transition: 0.4s;

  display: none;

}



.hoverimgclass1_email img {

  width: 75% !important;

  padding-top: 7px;

  padding-left: 3px;

}



.button-12 {

  width: 190px;

  height: 60px;

  color: #fff;

  background: #bb3254;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: none;

  transition: 0.5s;

  position: relative;

  border: solid 2px;

}



.button-12:hover {

  box-shadow: 8px 10px 0 #2d4864;

  background: transparent;

  border: 2px solid #2d4864;

  color: #2d4864;

}



.button-12 span {

  margin-left: 10px;

  width: 0;

  overflow: hidden;

  transition: 0.4s;

}



.button-12:hover span {

  width: 22px;

}



.Linkedin {

  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,

    0 5px 0 #aaa,

    0 6px 1px #0000001a 0 0 5px #0000001a 0 1px 3px #0000004d 0 3px 5px #0003 0

      5px 10px #00000040 0 10px 10px #0003 0 20px 20px #0003;

  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;

  font-weight: 700;

  color: blue;

  font-size: 50px;

}



.button-12-linkedin {

  width: 230px;

  height: 60px;

  color: #fff;

  box-shadow: #0000003d 0 3px 8px;

  background: #bb3254;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

  position: relative;

  border: solid 2px;

}



.button-12-linkedin:hover {

  box-shadow: 8px 10px 0 #2d4864;

  background: transparent;

  border: 2px solid #2d4864;

  color: #2d4864;

  font-weight: 500;

  font-size: 15px;

}



.button-12-linkedin span {

  margin-left: 10px;

  width: 0;

  overflow: hidden;

  transition: 0.4s;

}



.button-12-linkedin:hover span {

  width: 22px;

}



.button-13 {

  margin-left: 6px;

  width: 190px;

  height: 45px;

  color: #fff;

  background: #bb3254;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: none;

  transition: 0.5s;

  position: relative;

  border: solid 2px;

}



.button-13:hover {

  box-shadow: 8px 10px 0 #2d4864;

  background: transparent;

  border: 2px solid #2d4864;

  color: #2d4864;

}



.button-13 span {

  margin-left: 10px;

  width: 0;

  overflow: hidden;

  transition: 0.4s;

}



.button-13:hover span {

  width: 22px;

}



.button-14 {

  margin-left: 6px;

  width: 190px;

  height: 45px;

  color: #fff;

  background: #bb3254;

  font-size: 17px;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: none;

  transition: 0.5s;

  position: relative;

  border: solid 2px #0a0d110d;

}



.button-14:hover {

  box-shadow: 8px 10px 0 #fff;

  background: transparent;

  border: 2px solid #fff;

  color: #fff;

}



.button-14 span {

  margin-left: 10px;

  width: 0;

  overflow: hidden;

  transition: 0.4s;

}



.button-14:hover span {

  width: 22px;

}



sec-title {

  position: relative;

  z-index: 1;

  margin-bottom: 60px;

}



.sec-title .title {

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 24px;

  color: #00aeef;

  font-weight: 500;

  margin-bottom: 15px;

}



.sec-title h2 {

  position: relative;

  display: block;

  font-size: 40px;

  line-height: 1.28em;

  color: #222;

  font-weight: 600;

  padding-bottom: 18px;

}



.sec-title h2:before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 50px;

  height: 3px;

  background-color: #d1d2d6;

}



.sec-title .text {

  position: relative;

  font-size: 16px;

  line-height: 26px;

  color: #848484;

  font-weight: 400;

  margin-top: 35px;

}



.sec-title.light h2 {

  color: #fff;

}



.sec-title.text-center h2:before {

  left: 50%;

  margin-left: -25px;

}



.list-style-one {

  position: relative;

}



.list-style-one li {

  position: relative;

  font-size: 16px;

  line-height: 26px;

  color: #222;

  font-weight: 400;

  padding-left: 35px;

  margin-bottom: 12px;

}



.list-style-one li:before {

  content: "\f058";

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  font-size: 18px;

  padding: 0;

  color: #f22;

  font-weight: 600;

  -moz-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1.6;

  font-family: "Font Awesome 5 Free";

}



.list-style-one li a:hover {

  color: #44bce2;

}



.btn-style-one {

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 30px;

  color: #fff;

  padding: 10px 30px;

  font-weight: 600;

  overflow: hidden;

  letter-spacing: 0.02em;

  background-color: #00aeef;

}



.btn-style-one:hover {

  background-color: #0794c9;

  color: #fff;

}



.about-section {

  position: relative;

  padding: 120px 0 70px;

}



.about-section .sec-title {

  margin-bottom: 45px;

}



.about-section .content-column {

  position: relative;

  margin-bottom: 50px;

}



.about-section .content-column .inner-column {

  position: relative;

  padding-left: 30px;

}



.about-section .text {

  margin-bottom: 20px;

  font-size: 16px;

  line-height: 26px;

  color: #848484;

  font-weight: 400;

}



.about-section .list-style-one {

  margin-bottom: 45px;

}



.about-section .btn-box {

  position: relative;

}



.about-section .btn-box a {

  padding: 15px 50px;

}



.about-section .image-column {

  position: relative;

}



.about-section .image-column .text-layer {

  position: absolute;

  right: -110px;

  top: 50%;

  font-size: 325px;

  line-height: 1em;

  color: #fff;

  margin-top: -175px;

  font-weight: 500;

}



.about-section .image-column .inner-column {

  position: relative;

  padding-left: 80px;

  padding-bottom: 0;

}



.about-section .image-column .inner-column .author-desc {

  position: absolute;

  bottom: -26px;

  z-index: 1;

  background: #2d4864;

  padding: 4px 0;

  left: 149px;

  width: calc(90% - 152px);

  border-radius: 50px;

}



.about-section .image-column .inner-column .author-desc h2 {

  font-size: 21px;

  letter-spacing: 1px;

  text-align: center;

  color: #fff;

  margin: 0;

}



.about-section .image-column .inner-column .author-desc span {

  font-size: 16px;

  letter-spacing: 6px;

  text-align: center;

  color: #fff;

  display: block;

  font-weight: 400;

}



.about-section .image-column .inner-column:before {

  content: "";

  position: absolute;

  width: calc(50% + 80px);

  height: calc(100% + 160px);

  top: -80px;

  left: -3px;

  background: transparent;

  z-index: 0;

  border-width: 44px;

  border-style: solid;

  border-image: linear-gradient(

      0deg,

      #8200a1ff 23%,

      #fd1d1dff 81%,

      #fb5702ff 100%

    )

    1;

}



.about-section .image-column .image-1 {

  position: relative;

}



.about-section .image-column .image-2 {

  position: absolute;

  left: 0;

  bottom: 0;

}



.about-section .image-column .image-2 img,

.about-section .image-column .image-1 img {

  box-shadow: 0 30px 50px #080d3e26;

  border-radius: 46px;

  width: 100%;

}



.about-section .image-column .video-link {

  position: absolute;

  left: 70px;

  top: 170px;

}



.about-section .image-column .video-link .link {

  position: relative;

  display: block;

  font-size: 22px;

  color: #191e34;

  font-weight: 400;

  text-align: center;

  height: 100px;

  width: 100px;

  line-height: 100px;

  background-color: #fff;

  border-radius: 50%;

  box-shadow: 0 30px 50px #080d3e26;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.inner-card {

  max-width: 270px;

  padding: 20px;

  border-top: 5px solid var(--border-color);

  border-radius: 5px;

  box-shadow: 0 10px 10px #174f8a1a;

}



.inner-card2 {

  max-width: 270px;

  margin: -24px 5px;

  padding: 21px;

  border-top: 5px solid var(--border-color);

  border-radius: 5px;

  box-shadow: 0 10px 10px #174f8a1a;

  transition: all 0.5s ease-in-out;

}



.inner-card2:hover {

  box-shadow: #110c2e26 0 48px 100px 0;

}



.card_title {

  margin-bottom: 1rem;

  font-size: 1.3rem;

  font-weight: var(--fw-bold);

}



.card_content {

  margin-bottom: 1.5rem;

  font-size: 0.9rem;

}



.card_img {

  margin-left: auto;

  display: block;

}



@media (max-width: 768px) {

  .card_grid {

    grid-template-columns: repeat(2, minmax(200px, 1fr));

    align-items: stretch;

  }

}



.red {

  --border-color: hsl(358.17deg 77.87% 50.39%);

}



.orange {

  --border-color: hsl(34, 97%, 64%);

}



.purple {

  --border-color: hsl(268.48deg 52.38% 37.06%);

  --border-color: hsl(268.48deg 52.38% 37.06%);

}



.orange {

  --border-color: hsl(29.16deg 91.45% 54.12%);

}



.blue {

  --border-color: hsl(171.43deg 91.62% 37.45%);

}



.pink {

  --border-color: hsl(322.5deg 59.84% 49.8%);

}



.gray {

  --border-color: hsl(0deg 0% 14.12%);

}



#outline {

  stroke-dasharray: 2.42777px, 242.77666px;

  stroke-dashoffset: 0;

  -webkit-animation: anim 1.6s linear infinite;

  animation: anim 1.6s linear infinite;

  fill: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  ) !important;

}



@-webkit-keyframes anim {

  12.5% {

    stroke-dasharray: 33.98873px, 242.77666px;

    stroke-dashoffset: -26.70543px;

  }



  43.75% {

    stroke-dasharray: 84.97183px, 242.77666px;

    stroke-dashoffset: -84.97183px;

  }



  100% {

    stroke-dasharray: 2.42777px, 242.77666px;

    stroke-dashoffset: -240.34889px;

  }

}



@keyframes anim {

  12.5% {

    stroke-dasharray: 33.98873px, 242.77666px;

    stroke-dashoffset: -26.70543px;

  }



  43.75% {

    stroke-dasharray: 84.97183px, 242.77666px;

    stroke-dashoffset: -84.97183px;

  }



  100% {

    stroke-dasharray: 2.42777px, 242.77666px;

    stroke-dashoffset: -240.34889px;

  }

}



.mkdf-content-bottom {

  padding: 80px 50px;

  background-image: url(../img/footer_bg.png);

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  background-blend-mode: overlay;

  background-position: top;

  display: flex;

  justify-content: center;

}



.mkdf-content-bottom-linkedin {

  background-color: #0078d40f;

}



.mkdf-content-bottom-instagrm {

  background-color: #fff;

}



#contact {

  background-color: #0078d40f;

}



.why-choose-us {

  padding: 80px 50px;

  background-image: url(../img/bg6.jpg);

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  backdrop-filter: blur(220px);

}



.overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #0009;

  z-index: -1;

}



.counter_card {

  text-align: center;

  justify-content: center;

  align-items: center;

  width: 100% !important;

}



.custom-height {

  height: 200px;

  border-radius: 22px 0 50px 0;

  text-align: center;

  display: flex;

  padding: 0 !important;

  animation: bounce-in-right 2.5s both;

  flex-direction: column;

  justify-content: center;

}



section.linkedin_post iframe {

  width: 100%;

  box-shadow: 3px 8px 5px #ddd;

  height: 650px;

  width: 100% !important;

  box-shadow: 3px 8px 5px #ddd !important;

  height: 650px !important;

}



.bg-white-inner-fact {

  display: flex;

  align-items: center;

  justify-content: center;

}



.bg-success {

  display: flex;

  justify-content: center;

  align-items: center;

}



.counter_card i {

  font-size: 36px;

}



.counter {

  padding: 80px 50px;

  background-image: url(../img/automatin.png);

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  height: 400px;

  background-blend-mode: overlay;

  background-position: 0 90px;

  display: flex;

  justify-content: center;

  backdrop-filter: blur(220px);

}



.mkdf-content-bottom .mkdf-content-bottom-inner {

  max-width: 1140px;

  display: flex;

  flex-wrap: wrap;

  background-color: #000000c7;

  padding: 50px !important;

  justify-content: space-around;

  align-items: center;

}



.mkdf-content-bottom .mkdf-content-bottom-inner .widget.widget_text {

  margin: 0 !important;

  padding: 20px;

}



.mkdf-widget-title {

  color: #fff;

}



.mkdf-btn {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  width: auto;

  margin: 0;

  font-family: Raleway, sans-serif;

  font-size: 12px;

  line-height: 2em;

  letter-spacing: 0.25em;

  font-weight: 700;

  text-transform: uppercase;

  outline: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,

    border-color 0.2s ease-in-out;

  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,

    border-color 0.2s ease-in-out;

  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,

    border-color 0.2s ease-in-out;

  padding: 15px 43px;

  cursor: pointer;

}



.mkdf-content-bottom1 {

  padding: 80px 50px;

  background-image: url(../img/bannar/carousel-1.jpg);

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  background-blend-mode: overlay;

  background-position: top;

  display: flex;

  justify-content: center;

}



.mkdf-content-bottom1 .mkdf-content-bottom-inner1 {

  max-width: 1140px;

  display: flex;

  flex-wrap: wrap;

  background-color: #000000c7;

  padding: 50px !important;

  justify-content: space-around;

  align-items: center;

}



.mkdf-content-bottom1 .mkdf-content-bottom-inner1 .widget.widget_text1 {

  margin: 0 !important;

  padding: 20px;

}



.mkdf-widget-title1 {

  color: #fff;

}



.mkdf-btn1 {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  width: auto;

  margin: 0;

  font-family: Raleway, sans-serif;

  font-size: 12px;

  line-height: 2em;

  letter-spacing: 0.25em;

  font-weight: 700;

  text-transform: uppercase;

  outline: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,

    border-color 0.2s ease-in-out;

  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,

    border-color 0.2s ease-in-out;

  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,

    border-color 0.2s ease-in-out;

  padding: 15px 43px;

  cursor: pointer;

}



.linkedin {

  margin-top: -36px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding-left: 7px;

}



.linkedin h2 {

  font-weight: 900;

  margin: 0;

  font-size: 3rem;

  color: #0078d4;

}



.linkedin img {

  height: 5rem;

}



.progressbar {

  margin-top: 1rem;

  height: 0.2rem;

  width: 10rem;

  background: #b3b3b3;

}



.progressbar::after {

  content: "";

  width: 3rem;

  height: 0.2rem;

  background: #0078d4;

  display: block;

  border-radius: 0.5rem;

  animation: animation 1.5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

}



@keyframes animation {

  0% {

    transform: translateX(0rem);

  }



  50% {

    transform: translateX(7rem);

  }



  100% {

    transform: translateX(0rem);

  }

}



.swing {

  transform-origin: center -20px;

  float: left;

  z-index: 1;

}



.swing:hover {

  animation: swing-hover 1s infinite alternate;

}



.swing img {

  width: 120px;

}



@keyframes swing {

  0% {

    transform: rotate(3deg);

  }



  100% {

    transform: rotate(-3deg);

  }

}



@keyframes swing-hover {

  0% {

    transform: rotate(3deg) translateX(0);

  }



  50% {

    transform: rotate(-3deg) translateX(-5px);

  }



  100% {

    transform: rotate(3deg) translateX(0);

  }

}



.inner-why-choose-us {

  color: #fff;

  font-weight: 600;

  font-size: 20px;

}



.rowgap-2 {

  row-gap: 30px;

}



.rr_inner_hover_effect {

  border: 1px solid transparent;

}



.single-product-view {

  padding: 7px 10px;

  height: 100%;

  box-shadow: #0000003d 0 3px 8px;

  transition: all 0.1s ease-in-out;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  position: relative;

  overflow: hidden;

  border-radius: 4px;

}



.single-product-view:hover {

  border: solid 2px;

  border-image: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

  border-image-slice: 1;

}



.product-view-name {

  padding: 10px;

  border-top: solid #f1f1f1;

  width: 80%;

}



.product-view-name p {

  text-transform: uppercase;

  font-size: 16px;

  line-height: 22px;

  font-weight: 500;

  color: #000;

  word-break: break-word;

  text-align: center;

  margin-bottom: 0;

}



.cable-title-otr {

  border-bottom: 2px solid #bb3254;

  margin-bottom: 20px;

}



.cable-category {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  height: 100%;

}



.cable-category li {

  padding-right: 20px;

  color: var(--new-secondary-color);

  position: relative;

}



.cable-category li::after {

  content: "|";

  position: absolute;

  font-size: inherit;

  line-height: inherit;

  color: inherit;

  right: 10%;

  transform: translateX(-50%);

}



.w-md {

  font-weight: 500;

}



li {

  list-style: none;

}



.common-btn:first-child {

  text-transform: uppercase;

  color: #fff;

  padding: 10px 20px;

  position: relative;

  border-radius: 4px;

  transition: all 0.4s;

  background: #bb3254;

  border-bottom: 1px solid #ddd;

  position: relative;

  overflow: hidden;

  display: inline-block;

}



.cable-images-otr {

  margin-bottom: 20px;

  padding: 24px 38px;

  border: 1px solid #ddd;

}



.single-cable-detail .p-title {

  color: #bb3254;

  margin-bottom: 10px;

}



.rr_product_page section {

  padding: 30px 0;

}



.cable-deep-details > p {

  margin-bottom: 20px;

}



.single-cable-detail:not(:last-of-type) {

  margin-bottom: 20px;

  padding: 0;

}



.common-points ul {

  padding-left: 20px;

}



.single-cable-detail .p-desc span {

  color: #000;

  font-weight: 500;

}



table {

  caption-side: bottom;

  border-collapse: collapse;

}



.single-cable-detail table {

  width: 100%;

  margin-bottom: 10px;

  text-align: center;

}



.single-cable-detail table tr td.bg {

  color: var(--new-secondary-color);

  background: #f7f7f7;

  font-weight: 500;

  vertical-align: middle;

}



.single-cable-detail table tr td {

  padding: 5px 10px;

  border: 1px solid #ddd;

  position: relative;

  font-size: 14px;

  line-height: 22px;

  max-width: 153px !important;

  text-align: center;

  color: #000;

}



.inner-img img {

  width: 91% !important;

  padding-left: 24px;

}



.inner-img-bubble-line img {

  width: 84% !important;

  padding-left: 38px;

}



.card-details img {

  width: 100%;

  align-items: center;

  border-radius: 10px;

}



.card-details {

  color: #000;

  height: 111%;

  background-position: center;

  display: grid;

  place-content: end center;

  justify-content: center;

  justify-items: center;

}



.text-title {

  font-size: 16px;

  border: solid 1px #fff;

  font-weight: 500;

  padding: 6px;

  color: #fff;

  border-radius: 16px;

  background: #bb3254;

  text-align: center;

}



.text-titles {

  width: 104%;

  font-size: 16px;

  border: solid 1px #fff;

  font-weight: 500;

  padding: 6px;

  color: #fff;

  border-radius: 16px;

  background: #bb3254;

  text-align: center;

}



.card-button {

  transform: translate(-50%, 125%);

  width: 60%;

  border-radius: 1rem;

  border: none;

  background-color: #0c2b4b;

  color: #fff;

  font-size: 1rem;

  padding: 0.5rem 1rem;

  position: absolute;

  left: 50%;

  bottom: 0;

  opacity: 0;

  transition: 0.3s ease-out;

}



.fg-card {

  height: 278px;

  border-radius: 20px;

  background: #fff;

  position: relative;

  padding: 1.8rem;

  border: 2px solid #c3c6ce;

  transition: 0.5s ease-out;

  overflow: visible;

}



.fg-card:hover {

  border-color: #0c2b4b;

  box-shadow: 0 4px 18px 0 #00000040;

  border-color: #0c2b4b;

  box-shadow: 0 4px 18px 0 #00000040;

}



.fg-card:hover .card-button {

  transform: translate(-50%, 50%);

  opacity: 1;

}



.fg-1 {

  background-size: 270px;

  background-repeat: no-repeat;

  background-position: top;

}



.fg-2 {

  background-size: 270px;

  background-repeat: no-repeat;

  background-position: top;

}



.fg-3 {

  background-size: 270px;

  background-repeat: no-repeat;

  background-position: top;

}



.fg-4 {

  background-size: 270px;

  background-repeat: no-repeat;

  background-position: top;

}



.fg-5 {

  background-size: 270px;

  background-repeat: no-repeat;

  background-position: top;

}



.fg-6 {

  background-size: 270px;

  background-repeat: no-repeat;

  background-position: top;

}



.div_ss_flanges p {

  align-items: center;

  justify-content: center;

  text-align: justify;

}



.div_ss_flanges {

  text-align: justify;

}



.inner-about {

  min-height: 330px;

  position: relative;

}



.text-color {

  background: linear-gradient(

    0deg,

    #8200a1ff 23%,

    #fd1d1dff 81%,

    #fb5702ff 100%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  /* text-fill-color: transparent; */

}



.testimonial-item p {

  font-size: 15px;

}



.inner-why-us {

  display: flex;

  justify-content: center;

}



@media only screen and (max-width: 600px) {

  .footer-height {

    height: 75px;

    flex-wrap: wrap;

    padding: 15px 0;

  }



  .mkdf-content-bottom  .mkdf-content-bottom-inner {

    padding: 30px !important;

  }



  .bg-success.d-flex.align-items-center.justify-content-center.rounded {

    width: 48px !important;

    height: 55px !important;

  }



  .footer-height {

    font-size: small;

  }



  .bg-header-about-us {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/about_us.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 54px;

    background-attachment: fixed;

  }



  .bg-header-about {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/wire_cables.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 54px;

    background-attachment: fixed;

  }



  .bg-header-led-lights {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/led_light.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 -89px;

    background-attachment: fixed;

  }



  .bg-header-switches {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/switches.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 -89px;

    background-attachment: fixed;

  }



  .bg-header-automation {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/automation_solution.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 -89px;

    background-attachment: fixed;

  }



  .bg-header-our-partners {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/our-partners.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 -89px;

    background-attachment: fixed;

  }



  .bg-header-contact-us {

    height: 194px;

    background-position: center;

    background: linear-gradient(#000000a6, #384d5a00),

      url(../img/inner-banner/contact_us.png) center center;

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: 0 -89px;

    background-attachment: fixed;

  }



  .about-section .content-column .inner-column {

    position: relative;

    padding-left: 0;

    padding-top: 24%;

  }



  .about-section {

    position: relative;

    padding: 54px 0 70px;

  }



  .why-choose-us {

    background-image: url(../img/bg6.jpg);

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    background-blend-mode: overlay;

    background-position: 0 0;

    display: flex;

    justify-content: center;

    backdrop-filter: blur(220px);

  }



  .display-4 {

    font-size: 22px;

  }



  .offset-2 {

    margin-left: 0;

  }



  .offset-4 {

    margin-left: 0;

  }



  .inner-contact-us {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    flex-direction: column-reverse;

  }



  .inner-contact-shadow {

    padding: 12px;

    margin-bottom: 13px;

    width: 100%;

    box-shadow: #0000003d 0 3px 8px;

  }



  .inner-count {

    padding: 80px 50px;

    background-image: url(../img/automatin.png);

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto !important;

    background-blend-mode: overlay;

    background-position: 0 90px;

    display: flex;

    justify-content: center;

    backdrop-filter: blur(220px);

  }



  .owl-carousel .owl-item img {

    display: block;

    width: 180px;

  }



  .social {

    right: -8px;

  }



  .icons8-contact {

    width: 30px;

    margin-right: 30px;

  }



  .icons8-whatsapp {

    width: 30px;

    margin-right: 37px;

  }



  .icons8-facebook {

    width: 30px;

    margin-right: 40px;

  }



  .icons8-instagram {

    width: 30px;

    margin-right: 37px;

  }



  .icons8-request {

    width: 32px;

  }



  .icons8-linkedin {

    width: 30px;

    margin-right: 52px;

  }



  .social-btn-request:hover {

    right: 12px;

  }



  .social-btn-request {

    padding-left: 0;

    padding-right: 12px;

  }



  .wires-pasd {

    padding-top: 10px;

  }



  .button-12-linkedin {

    height: 64px;

  }

}



.category .row {

  justify-content: center;

}



.default-product-img img {

  width: 92%;

}



.default-product-img-1 img {

  width: 87%;

}



.default-product-img-2 img {

  width: 86%;

}



.footer-height p {

  margin-bottom: 0;

}