@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);

*{margin: 0px; padding: 0px; box-sizing: border-box; margin: 0px; padding: 0px;}

body{margin: 0px; padding: 0px; box-sizing: border-box; margin: 0px; padding: 0px;}

h1,h2,h3,h4,h5,h6{  font-family: "Poppins", sans-serif; margin: 0px; padding: 0px; font-size: 30px;}

p{font-family: "Poppins", sans-serif; margin: 0px; padding: 0px; font-size: 14px;}

a{font-family: "Poppins", sans-serif; text-decoration:  none; font-size: 14px; margin: 0px; padding: 0px;}

ul{font-family: "Poppins", sans-serif; font-size: 14px; margin: 0px; padding: 0px;}

li{font-family: "Poppins", sans-serif; font-size: 14px; margin: 0px; padding: 0px;}

input{font-family: "Poppins", sans-serif; margin: 0px; padding: 0px;}

textarea{font-family: "Poppins", sans-serif; margin: 0px; padding: 0px;}

button{font-family: "Poppins", sans-serif; margin: 0px; padding: 0px;}

span{font-family: "Poppins", sans-serif; margin: 0px; padding: 0px;}

/* Root */

:root {

  --rs-white: #FFFFFF;  --rs-black: #1F1F1F;  --rs-light: #eee;  --rs-theme-orange: #ec6a1f;  --rs-theme-blue: #191c1e;  --rs-theme-light-blue: #0D80CE;  --rs-theme-green: #023B4A;  --rs-theme-light-green: #507A7C;  --rs-theme-deep-blue: #3B37FD;  --rs-text-primary: #616161;  --rs-text-secondary: #CBCCCD;  --rs-text-tertiary: #142340;  --rs-title-primary: #1F1F1F;  --rs-title-secondary: #152A40;  --rs-bg-primary: #F7F7F7;  --rs-border-primary: rgba(0, 0, 0, 0.05);  --rs-border-secondary:rgba(102, 102, 102, 0.2);  --rs-border-tertiary: #152A40;  --rs-placeholder: rgba(30, 30, 30, 0.4);  --rs-rgba-1: rgba(255, 255, 255, 0.07);  --rs-rgba-2: rgba(255, 255, 255, 0.05);}

/* top-header" */

/* .header {    position: sticky;    top: 0;} */

.top-header{    background-color: #0c65ad;}

.navbar{padding: 0px;}

.fennec-nav {  position: relative;}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}

.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0; line-height: 28px;}

.fennec-nav .navbar .navbar-nav .nav-item a {font-size: 16px;  font-weight: 500;  color: #000;  text-transform: capitalize;  padding: 0px 12px; position: relative;  z-index: 1;  margin: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 10px;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);   background-color: #0c65ad;   position: absolute;  border: none;  top: 80px;  left: 0;  width: 290px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 0px 10px;  display: block;  color: #fff;  margin-top: 6px;  font-size: 14px;  font-weight: 500; transition: 0.5s;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover{padding-left: 15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:first-child {  margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}

nav a {	position: relative;	display: inline-block;	outline: none;}

nav a:hover,nav a:focus {	outline: none;}

/* cursor-outer */

.cursor-outer {  margin-left: -20px;  margin-top: -20px;  width: 40px;  height: 40px;  border: 1px solid #ccc;  box-sizing: border-box;  z-index: 10000000;  opacity: 0.5;  transition: all 0.08s ease-out;}

.mouseCursor {  position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  pointer-events: none;  border-radius: 50%;  transform: translateZ(0);  visibility: hidden;  text-align: center;}

@media (max-width: 767px) {

.mouseCursor {display: none; }

}

.cursor-inner {  margin-left: -3px;  margin-top: -3px;  width: 6px;  height: 6px;  z-index: 10000001;  background-color: #0c65ad;  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;}

.cursor-inner span {  color: #fff;  line-height: 80px;  opacity: 0;  text-transform: uppercase;  letter-spacing: 1px;  font-size: 12px;}

.cursor-inner.cursor-big span {  opacity: 1;}

.mouseCursor.cursor-big {  width: 80px;  height: 80px;}

.mouseCursor.cursor-big.cursor-outer {  display: none;}

.tp-cursor-point-area {  cursor: none;}

/* venom-button */

.venom-button {    position: fixed;    bottom: 15px;    left: 15px;    font-size: 14px;    transition: bottom .2s;}

.venom-button .venom-button-button {position: relative;    border-radius: 50%;    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);    transition: box-shadow .2s;    cursor: pointer;    overflow: hidden;    top: -115px;    z-index: 999;    left: 7px;}

.venom-button .venom-button-button img,.venom-button .venom-button-button svg {    position: absolute;    width: 80%;    height: auto;    object-fit: cover;    top: 50%;    left: 50%;    transform: translate3d(-50%, -50%, 0);   border-radius: 50%;}

.venom-button:hover {    bottom: 17px;}

.venom-button:hover .venom-button-button {    box-shadow: 1px 2px 8px rgba(60, 60, 60, .4);}

.venom-button .venom-button-popup {    border-radius: 6px;    background-color: #e5ddd5;    position: absolute;    overflow: hidden;    padding: 0;    box-shadow: 1px 2px 8px rgba(60, 60, 60, .25);    width: 0;    height: 0;    bottom: 0;   opacity: 0;    transition: bottom .1s ease-out, opacity .2s ease-out;    transform-origin: bottom;}

.venom-button .venom-button-popup.active {    padding: 0 12px 12px 12px;    width: 300px;    height: auto;   bottom: 190px;   opacity: 1;}

.venom-button .venom-button-popup .venom-button-message {    background-color: #fff;    padding: 8px;    border-radius: 0 5px 5px 5px;    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);    opacity: 0;    transition: opacity .2s;}

.venom-button .venom-button-popup.active .venom-button-message { font-family: "Poppins", sans-serif;   opacity: 1;    transition-delay: .2s;}

.venom-button .venom-button-popup .venom-button-head {   text-align: right;    color: #fff;    margin: 0 -15px 10px -15px;    padding: 6px 12px;    display: flex;    justify-content: center;    cursor: pointer; justify-content: space-evenly;}

.venom-button .venom-button-input-message {    background-color: #fff;    margin: 10px -15px -15px -15px;    padding: 20px 15px;   display: flex;    align-items: center};

.venom-button .venom-button-input-message textarea {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: none;    padding: 8px;    margin: 10px 0;   width: 100%;    max-width: 100%;    font-family: inherit;    font-size: inherit;    resize: none;}

.venom-button .venom-button-input-message textarea:focus{    outline: none;}

.venom-button .venom-button-btn-send {    margin-left: 12px;    font-size: 0;    cursor: pointer;}

.venom-button-input-message textarea {    width: 100%;    padding: 10px 8px;    border: 1px solid #ccc;    resize: none;}

.whats_app-and-link li:first-child a{background-color: #ec6a1f;  padding: 8px 15px;}

.whats_app-and-link li:last-child a{background-color: #25d366;  padding: 8px 15px;}

.about-content h1 {font-size: 22px; margin-bottom: 15px; line-height: 35px;}

.about-content p {    line-height: 24px;}

.about-btn a {    background: #0c65ad;    padding: 10px 30px; transition: 0.5s;}

.about-btn a:hover{background-color: #ec6a1f;}

.about-img img {         height: 470px;    object-fit: contain;}
.about-content small {  background: #ec6a1f;    padding: 2px 12px;    border-radius: 5px;}

.lubricant-types{background: url(img/bg-img.jpg) no-repeat; background-size: cover; background-position: center;}

.counter-slide span {    font-size: 25px;}

.counter-slide small {     color: #ec6a1f;    font-weight: 800;    font-size: 40px;    position: relative;    top: 4px;    }

.counter-slide span {    font-size: 25px;    font-weight: 600;    color: #333;    position: relative;    top: 0;}

img.petrol-clean-up {    position: absolute;    /* top: 0; */    right: 0;    bottom: 0;    width: 15%;}

.lubricant_inner p { color: #fff;     font-size: 17px;}

.lubricant_inner ul{display: flex; justify-content: space-evenly;}

.lubricant_inner ul li {    display: inline-block;}

footer{/*background: #0c65ad url(img/wave-2.webp) no-repeat;*/ background-color: #0c65ad;}

#toTop { position: fixed;    bottom: 15px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}

.widget p{text-align: justify;  line-height: 23px;}

.media-part ul{text-align: left;}

.media-part ul li{text-align: left;}

.media-part ul li:first-child a{background-color: #1877F2; border-radius: 50px;}

.media-part ul li:nth-child(2) a{background-color: #000; border-radius: 50px;}

.media-part ul li:nth-child(3) a{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); border-radius: 50px;}

.media-part ul li:nth-child(4) a{background-color: #0A66C2; border-radius: 50px;}

.media-part ul li:nth-child(5) a{background-color: #FF0000; border-radius: 50px;}

.media-part a {     width: 35px;    display: block;    height: 35px;    text-align: center;    line-height: 39px;    color: #fff;    transition: 0.5s;    font-size: 13px;}

.media-part a:hover {border-radius: 50px;}

.widget ul li{list-style-type: none;  line-height: 30px;}

ul.location_set-design i {    float: left;    display: flex; margin-top: 7px;}

ul.location_set-design li {    margin-bottom: 15px;}

/* copy-right */

.copy-right{background-color:#04457a;}

.rs-blog-one .rs-blog-btn {  display: flex;  justify-content: end;}

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

.rs-blog-one .rs-blog-btn {    justify-content: start;  }

}

.rs-blog-one .rs-blog-item {  position: relative;  height: 100%;}

.rs-blog-one .rs-blog-item:hover .rs-blog-thumb img {  transform: scale(1.1);}

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

.rs-blog-one .rs-blog-item.has-thumb-height {    height: 450px;  }

}

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

 .rs-blog-one .rs-blog-item.has-thumb-height {    height: 400px;  }

}

.rs-blog-one .rs-blog-item.has-grid {  display: flex;  grid-template-columns: 1fr 320px;  height: 100%;}

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

  .rs-blog-one .rs-blog-item.has-grid {    grid-template-columns: 1fr 230px;  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .rs-blog-one .rs-blog-item.has-grid {    grid-template-columns: 1fr 170px;  }

}

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

  .rs-blog-one .rs-blog-item.has-grid {    grid-template-columns: 1fr 320px;  }

}

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

  .rs-blog-one .rs-blog-item.has-grid {    grid-template-columns: 1fr 200px;  }

}

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

  .rs-blog-one .rs-blog-item.has-grid {    grid-template-columns: 1fr;  }

}

.rs-blog-one .rs-blog-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  inset-inline-start: 0;  top: 0;  z-index: -1;  background-size: cover;}

.rs-blog-one .rs-blog-bg-thumb.has-bg::before {  position: absolute;  opacity: 0.9;  background: linear-gradient(transparent, #000000), linear-gradient(transparent, #000000);  content: "";  height: 100%;  inset-inline-start: 0;  top: 0;  width: 100%;  z-index: 1;}

.rs-blog-one .rs-blog-bg-thumb.has-clip-path {  clip-path: polygon(0% 0%, 92% 0, 100% 11%, 100% 100%, 0% 100%);}

.rs-blog-one .rs-blog-thumb {  position: relative;  overflow: hidden;  height: 100%;}

.rs-blog-one .rs-blog-thumb img {  width: 100%;  transition: all 0.5s ease;  height: 100%;  object-fit: cover;}

.rs-blog-one .rs-blog-thumb.has-clip-path {  clip-path: polygon(0% 0%, 92% 0, 100% 11%, 100% 100%, 0% 100%);}

.rs-blog-one .rs-blog-content.has-position {  position: absolute;  bottom: 0px; padding: 40px 70px 40px 40px;}

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

.rs-blog-one .rs-blog-content.has-position {    padding: 40px 40px 40px 40px;  }

}

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

.rs-blog-one .rs-blog-content.has-position {    padding: 30px 30px 35px 30px;  }

}

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

.rs-blog-one .rs-blog-content.has-position {    padding: 20px 20px 25px 20px;}

}

.rs-blog-one .rs-blog-content.has-padding {  padding: 25px 35px 25px 30px;}

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

.rs-blog-one .rs-blog-content.has-padding {    padding: 25px 25px 25px 25px;  }

}

.rs-blog-one .rs-blog-title {  margin: 10px 0 10px;}

.rs-blog-one .rs-blog-title.has-white {  color: var(--rs-white);  margin: 15px 0 15px;}

.rs-blog-one .rs-blog-title.has-big {  font-size: 36px;}

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

.rs-blog-one .rs-blog-title.has-big {    font-size: 28px;  }

}

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

 .rs-blog-one .rs-blog-title.has-big {    font-size: 25px; }

}

.rs-blog-one .rs-blog-meta-item {  position: relative;  display: flex;  align-items: center;}

.rs-blog-one .rs-blog-meta-item::before {  content: "";  position: absolute;  width: 5px;  height: 5px;  border-radius: 50%;  inset-inline-start: -15px;  top: 50%;  background: #616161;  transform: translate(-50%, -50%);}

.rs-blog-one .rs-blog-meta-item.has-white::before {  background: var(--rs-white);}

.rs-blog-one .rs-blog-meta-item:not(:last-child)::before {  content: none;}

.rs-blog-one .rs-blog-meta-item span {  font-size: 16px;}

.rs-blog-one .rs-blog-meta-item.has-white span {  color: var(--rs-white);}

.rs-blog-one .rs-blog-meta {  display: flex;  align-items: center;  gap: 20px 30px;}

.rs-blog-one .rs-blog-meta-author {  font-weight: 700;}

.rs-blog-one .rs-blog-meta-author:hover {  color: var(--rs-theme-orange);}

.rs-blog-one .rs-blog-description {  margin-bottom: 28px;}

.rs-blog-one .rs-blog-description.has-white {  color: var(--rs-white);    line-height: 25px;}

.rs-blog-one .rs-blog-tag.has-white a:hover {  background: var(--rs-white);  color: var(--rs-black);}

.rs-blog-one.has-theme-blue .rs-blog-meta-author:hover {  color: var(--rs-theme-blue);}

.rs-blog-one.has-theme-blue .rs-blog-bg-thumb.has-bg::before {

  background: linear-gradient(transparent, #005EB8), linear-gradient(transparent, #000000);}

.rs-blog-one.has-theme-blue .rs-blog-thumb {  position: relative;  overflow: hidden;  height: 100%;}

.rs-blog-one.has-theme-blue .rs-blog-title {  color: #0C3C61;}

.rs-blog-one.has-theme-blue .rs-blog-title.has-white {  color: var(--rs-white);}

.rs-blog-one.has-theme-light-blue .rs-blog-content.has-padding {  padding: 80px 40px 80px 40px;}

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

.rs-blog-one.has-theme-light-blue .rs-blog-content.has-padding {    padding: 30px 30px 30px 30px;}

}

.rs-blog-one.has-theme-light-blue .rs-blog-item.has-grid {  grid-template-columns: 1fr 400px;}

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

.rs-blog-one.has-theme-light-blue .rs-blog-item.has-grid { grid-template-columns: 1fr 300px;}

}

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

.rs-blog-one.has-theme-light-blue .rs-blog-item.has-grid {    grid-template-columns: 1fr 250px;  }

}

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

.rs-blog-one.has-theme-light-blue .rs-blog-item.has-grid {    grid-template-columns: 1fr 200px;  }

}

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

.rs-blog-one.has-theme-light-blue .rs-blog-item.has-grid {    grid-template-columns: 1fr 260px;  }

}

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

.rs-blog-one.has-theme-light-blue .rs-blog-item.has-grid {    grid-template-columns: 1fr;  }

}

.rs-blog-one.has-theme-light-blue .rs-blog-btn {  display: flex;  justify-content: end;}

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

.rs-blog-one.has-theme-light-blue .rs-blog-btn {    justify-content: start;  }

}

.rs-blog-one.has-theme-light-blue .rs-blog-meta-author:hover {

  color: var(--rs-theme-light-blue);

}

.rs-blog-two .rs-blog-item {

  position: relative;

}

.rs-blog-two .rs-blog-item:hover .rs-blog-thumb img {

  transform: scale(1.1);

}

.rs-blog-two .rs-blog-item:hover .rs-square-btn {

  background: var(--rs-theme-red);

  color: var(--rs-white);

}

.rs-blog-two .rs-blog-content {

  position: relative;

  background: var(--rs-bg-primary);

  padding: 30px 30px 30px 30px;

}

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

  .rs-blog-two .rs-blog-content {

    padding: 20px 20px 20px 20px;

  }

}

.rs-blog-two .rs-blog-thumb {  position: relative;  overflow: hidden;}

.rs-blog-two .rs-blog-thumb img {  width: 100%;  transition: all 0.5s ease;}

.rs-blog-two .rs-blog-title {  margin: 5px 0 15px;}

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

.rs-blog-two .rs-blog-title {    margin: 15px 0 15px;  }

}

.rs-blog-two .rs-blog-meta-item {  position: relative;  display: flex;  align-items: center;}

.rs-blog-two .rs-blog-meta-item::before {  content: "";  position: absolute;  width: 5px;  height: 5px;  border-radius: 50%;  inset-inline-start: -15px;  top: 50%;  background: #616161;  transform: translate(-50%, -50%);}

.rs-blog-two .rs-blog-meta-item:not(:last-child) {  padding-inline-end: 15px;  margin-inline-end: 15px;}

.rs-blog-two .rs-blog-meta-item:not(:last-child)::before {  content: none;}

.rs-blog-two .rs-blog-meta-item span {  font-size: 16px;}

.rs-blog-two .rs-blog-meta {  display: flex;  align-items: center;}

.rs-blog-two .rs-blog-meta-author {  font-weight: 700;}

.rs-blog-two .rs-blog-meta-author:hover {  color: var(--rs-theme-red);}

.rs-blog-two .rs-blog-description {  margin-bottom: 28px;}

.rs-blog-two .rs-blog-description.has-white {  color: var(--rs-white);}

.rs-blog-two .rs-blog-tag {  position: absolute;  top: -15px;}

.rs-blog-two .rs-blog-btn-wrapper {  display: flex;  justify-content: space-between;  align-items: center;  gap: 30px;  border-top: 1px solid rgba(0, 0, 0, 0.12);  padding-top: 25px;  margin-top: 30px;}

.rs-blog-two.has-theme-yellow .rs-blog-item:hover .rs-square-btn {  background: var(--rs-theme-yellow);  color: var(--rs-black);}

.rs-blog-two.has-theme-yellow .rs-blog-item:hover .rs-square-btn .icon-box i {  color: var(--rs-black);}

.rs-blog-two.has-theme-yellow .rs-blog-title {  margin: 5px 0 15px;}

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

.rs-blog-two.has-theme-yellow .rs-blog-title {    margin: 15px 0 15px;}

}

.rs-blog-two.has-theme-yellow .rs-blog-meta-author:hover {  color: var(--rs-theme-yellow);}

.rs-blog-two.has-theme-yellow .rs-blog-thumb img {  height: 235px;  object-fit: cover;}

.rs-blog-two.has-theme-deep-blue .rs-blog-content {  position: relative;  background: transparent;  padding: 0;}

.rs-blog-two.has-theme-deep-blue .rs-blog-title {  margin: 5px 0 15px;}

.rs-blog-two.has-theme-deep-blue .rs-blog-tag {  margin-inline-start: 30px;  position: relative;}

.rs-blog-two.has-theme-deep-blue .rs-blog-meta-author:hover {  color: var(--rs-theme-deep-blue);}

.rs-blog-two.has-theme-green .rs-blog-item:hover .rs-square-btn {  background: var(--rs-theme-light-green);}

.rs-blog-two.has-theme-green .rs-blog-title {  color: var(--rs-theme-green);}

.rs-blog-two.has-theme-green .rs-blog-title a:hover {  color: var(--rs-theme-light-green);}

.rs-blog-two.has-theme-green .rs-blog-meta-author:hover {  color: var(--rs-theme-light-green);}

.rs-blog-two.has-theme-orange {  position: relative;  z-index: 1;}

.rs-blog-two.has-theme-orange.has-pos-none::before {  content: none;}

.rs-blog-two.has-theme-orange::before {  position: absolute;  content: "";  width: 100%;  height: 550px;  background: var(--rs-bg-primary);  z-index: -1;  top: 0;  inset-inline-start: 0;}

.rs-blog-two.has-theme-orange .rs-blog-item:hover .rs-square-btn {  background: var(--rs-theme-orange);}

.rs-blog-two.has-theme-orange .rs-blog-meta-author:hover {  color: var(--rs-theme-orange);}

.rs-blog-three .rs-blog-item {  display: grid;  grid-template-columns: repeat(2, 1fr);}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.rs-blog-three .rs-blog-item {    grid-template-columns: 200px 1fr;  }

}

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

.rs-blog-three .rs-blog-item {    grid-template-columns: repeat(1, 1fr);  }

}

.rs-blog-three .rs-blog-item:hover .rs-blog-thumb img {  transform: scale(1.1);}

.rs-blog-three .rs-blog-thumb {  position: relative;  overflow: hidden;}

.rs-blog-three .rs-blog-thumb img {  width: 100%;  height: 100%;  object-fit: cover;  transition: all 0.5s ease;}

.rs-blog-three .rs-blog-thumb .rs-blog-tag {  position: absolute;  top: 20px;  inset-inline-start: 20px;}

.rs-blog-three .rs-blog-content {  background: var(--rs-white);  padding: 50px 30px 50px 30px;}

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

.rs-blog-three .rs-blog-content {    padding: 40px 15px 40px 20px;  }

}

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

 .rs-blog-three .rs-blog-content {    padding: 40px 15px 40px 15px;  }

}

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

.rs-blog-three .rs-blog-content {    padding: 20px 30px 30px 30px;  }

}

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

.rs-blog-three .rs-blog-content {    padding: 20px 20px 20px 20px;  }

}

.rs-blog-three .rs-blog-meta {  display: flex;  align-items: center;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.rs-blog-three .rs-blog-meta {    flex-wrap: wrap;   gap: 5px 0;  }

}

.rs-blog-three .rs-blog-meta-item {  position: relative;}

.rs-blog-three .rs-blog-meta-item::before {  content: "";  position: absolute;  width: 5px;  height: 5px;  border-radius: 50%;  inset-inline-start: -15px;  top: 50%;  background: #616161; transform: translate(-50%, -50%);}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.rs-blog-three .rs-blog-meta-item::before {    content: none;}

}

.rs-blog-three .rs-blog-meta-item:not(:last-child) {  padding-inline-end: 15px;  margin-inline-end: 15px;}

.rs-blog-three .rs-blog-meta-item:not(:last-child)::before {  content: none;}

.rs-blog-three .rs-blog-meta-item span {  font-size: 16px;}

.rs-blog-three .rs-blog-title {  color: var(--rs-theme-green);  margin-top: 15px;}

.rs-blog-three .rs-blog-title a:hover {  color: var(--rs-theme-green);}

.rs-blog-three .rs-blog-btn-wrapper {  display: flex;  justify-content: space-between;  align-items: center;  gap: 30px;  border-top: 1px solid rgba(0, 0, 0, 0.12);  padding-top: 20px;  margin-top: 25px;}

.rs-blog-three .rs-blog-meta-author {  font-weight: 700;}

.rs-blog-three .rs-blog-meta-author:hover {  color: var(--rs-theme-green);}

.rs-blog-three .rs-blog-btn {  display: flex;  justify-content: end;}

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

.rs-blog-three .rs-blog-btn {    justify-content: start;  }

}

.rs-blog-four {  position: relative;  z-index: 1;}

.rs-blog-four .rs-blog-item {  position: relative;  z-index: 1;}

.rs-blog-four .rs-blog-bg-thumb {  position: absolute;  width: 100%;  height: calc(100% - 230px);  top: 0;  inset-inline-start: 0;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-blog-four .rs-blog-thumb {  position: relative;}

.rs-blog-four .rs-blog-thumb img {  width: 100%;}

[dir=rtl] .rs-blog-four .rs-blog-thumb img {  transform: rotateY(-180deg);}

.rs-blog-four .rs-blog-inner {  background: var(--rs-bg-primary);  border-radius: 15px 0px 15px 15px;  padding: 20px 30px 25px 30px;}

[dir=rtl] .rs-blog-four .rs-blog-inner {  border-radius: 0px 15px 15px 15px;}

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

.rs-blog-four .rs-blog-inner {    padding: 20px 20px 20px 20px;  }

}

.rs-blog-four .rs-blog-content {  position: absolute;  bottom: 0;  z-index: 1;  margin-inline-start: 30px;}

.rs-blog-four .rs-blog-meta {  display: flex;  align-items: center;  flex-wrap: wrap;  gap: 30px;}

.rs-blog-four .rs-blog-meta-item {  position: relative;  display: flex;  align-items: center;}

.rs-blog-four .rs-blog-meta-item::before {  content: "";  position: absolute;  width: 5px;  height: 5px;  border-radius: 50%;  inset-inline-start: -15px;  top: 50%;  background: #616161;  transform: translate(-50%, -50%);}

.rs-blog-four .rs-blog-meta-item:not(:last-child)::before {  content: none;}

.rs-blog-four .rs-blog-meta-item span {  font-size: 16px;}

.rs-blog-four .rs-blog-title {  margin-bottom: 15px;}

.rs-blog-four .rs-blog-tag {  position: absolute;  top: 20px;  inset-inline-end: 20px;}

.rs-blog-four .rs-blog-tag a {  border-radius: 30px 30px 30px 30px;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);  background: var(--rs-white);  color: var(--rs-theme-orange);}

.rs-blog-four .rs-blog-tag a:hover {  background: var(--rs-theme-orange);  color: var(--rs-white);}

.rs-blog-four .rs-blog-meta-author {  font-weight: 700;}

.rs-blog-four .rs-blog-meta-author:hover {  color: var(--rs-theme-orange);}

.rs-blog-tag a {  color: var(--rs-white);  font-size: 15px;  padding: 6px 15px 6px 15px;  border-radius: 2px;  background: var(--rs-theme-orange);  transition: 0.3s;  display: inline-flex;  align-items: center; justify-content: center;  height: 30px;}

.rs-blog-tag a:hover {  background: var(--rs-black);}

.rs-blog-tag.has-theme-red a {  background: var(--rs-theme-red);}

.rs-blog-tag.has-theme-red a:hover {  background: var(--rs-black);}

.rs-blog-tag.has-theme-blue a {  background: var(--rs-theme-blue);}

.rs-blog-tag.has-theme-blue a:hover {  background: var(--rs-black);}

.rs-blog-tag.has-theme-green a {  background: var(--rs-theme-light-green);}

.rs-blog-tag.has-theme-green a:hover {  background: var(--rs-theme-green);}

.rs-blog-tag.has-theme-yellow a {  background: var(--rs-theme-yellow);  color: var(--rs-black);}

.rs-blog-tag.has-theme-yellow a:hover {  background: #EBB40E;}

.rs-blog-tag.has-theme-deep-blue a {  background: var(--rs-theme-deep-blue);  color: var(--rs-white);}

.rs-blog-tag.has-theme-deep-blue a:hover {  background: #1F1CB9;}

.rs-blog-tag.has-theme-orange a {  background: var(--rs-theme-orange); color: var(--rs-white);}

.rs-blog-tag.has-theme-orange a:hover {  background: rgb(255, 92, 0);}

span.rs-section-subtitle {    background: #ec6a1f;    padding: 5px  15px;    border-radius: 5px;}

h3.rs-blog-title a {    font-size: 24px;    color: #fff;    text-transform: capitalize;}

h5.rs-blog-title a {    color: #000;    font-size: 20px;}





.vid-bx {    overflow: hidden;    position: relative;    border-radius: 10px;    transition: 0.1s linear;}

.vid-bx:hover {    transform: scale(1.03);}

.vid-bx .tt {    position: absolute;    z-index: 1;    bottom: 0;    text-align: center;    width: 100%;    padding: 15px 10px;    color: white;}

.vid-bx svg {    position: absolute;    cursor: pointer;    top: -200px;    left: 50%;    transform: translate(-50%, -50%);    width: 50px;    height: 50px;    color: white;    transition: 0.2 ease-in-out;    opacity: 0;}

.vid-bx:hover svg {    opacity: 0.9;}

.vid-bx video {    max-width: 100%;    border-radius: 30px;    width: 100%;}

.custom-controls {  display: none;}

video::-internal-media-controls-download-button {    display:none;}

video::-webkit-media-controls-enclosure {      display:none;}

video::-webkit-media-controls-panel {      display:none;}

.frame-text h4 {    color: #fff;  font-size: 25px;  margin-bottom: 12px;    margin-top: 12px;}

.frame-text p {    color: #fff; text-align: justify;}

.frame-img img {    border-radius: 20px;}





.item-video iframe{border-radius: 30px;}



.video-btn a{background: var(--rs-theme-orange);}



.video-btn a {    padding: 10px 30px; background-color: #0c65ad;   border-radius: 7px; transition: 0.5s;}

.video-btn a:hover {background-color: #ec6a1f;}

/* .lubricant_inner ul li img {    filter: grayscale(1) invert(1);} */

.tagline-this{background-color: #ec6a1f;}

.tagline-this h6{font-size: 30px;}

.tagline-content-btn a{background-color: #000; float: right;     padding: 10px 30px;}



.our-products{background: url(./img/bg-products.jpg) no-repeat; padding: 50px 0px; background-size: cover;}

.our-products .title h4{font-size: 30px;}

.product-content ul li:first-child a {    background: #ec6a1f;    padding: 10px 30px;}

.product-content ul li:last-child a {    background: #0c65ad;    padding: 10px 30px;}



.set-absoulte img {    width: 20%;}

.set-absoulte { position: absolute;    left: 240px;    top:180px;    width: 35%;    text-align: center;}

.set-absoulte img {    width: 55%;}

.product-img img {    position: relative;    z-index: 1;}



.main-products .slick-next,

.main-products .slick-prev {  font-size: 0;  line-height: 0;  position: absolute;  top: 50%;  transform: translate(0, -50%);  display: block;  width: 45px;  height: 45px;  padding: 0;  cursor: pointer;  color: #0c65ad;  border: 1px solid #0c65ad;  outline: none;  background-color: transparent; border-radius: 50px;}

.main-products .slick-next {  right: 2%;}

.main-products .slick-prev {  left: 2%;}

.main-products .slick-next::before,

.main-products .slick-prev::before {  font-family: 'Font Awesome 5 Free';  font-weight: 900;  font-size: 15px;  line-height: 1;  color: #0c65ad;   position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.main-products .slick-prev::before {  content: '\f053';}

.main-products .slick-next::before {  content: '\f054'; }

.product-img img{width: 80%;}
.form-design{background-color:var( --rs-theme-orange)}
.form-design-inner input{width: 16%; border: none; background-color: #fff; padding-left: 15px; height: 35px; font-size: 14px; margin-right: 12px;}

.form-design-inner textarea{width: 16%; border: none; background-color: #fff; padding-left: 15px; height: 35px; resize: none; font-size: 14px;}



.form-design-inner input:focus{outline: none;}

.form-design-inner textarea:focus{outline: none;}

.form-design-inner {    text-align: center;}



.form-design-inner button {  border: none;    background-color: #000;    height: 36px;    border-radius: 5px;    width: 11%;}





.review-item {    position: relative;    padding-left: 50px;}

.review-thumb {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);}

.review-thumb img {    width: 100px;    height: 100px;    border-radius: 50%;    object-fit: cover;    border: 5px solid #fff;    box-shadow: 0px 0px 20px 0.5px rgb(0 0 0 / 20%);    z-index: 1;}

.review-content {    background-color: #fff;    padding: 30px 30px 30px 60px;    border-radius: 2px;    box-shadow: 0px 0px 10px 0.5px rgb(0 0 0 / 10%);    position: relative;    z-index: -1; min-height: 250px;}

.review-content:before {    background-color: #0c65ad;    content: "";    width: 4px;    height: 70%;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);}

.review-content .quote {    background-color: #0c65ad;    /* color: var(--heading-color); */	  color: #fff;    font-size: 25px;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    position: absolute;    right: 50px;    top: 12px;}

.review-content p {    font-size: 16px;    margin-top: 10px;    color: #000;}

.review-carousel .carousel-pagination {    margin-top: 30px;}

ul.rattings i{color: #ff9529;}

.testimonial .title span {  font-size: 30px;    font-weight: 500;}

.product-content h4 {    font-size: 22px;}

#exampleModal form input{height: 40px; border: 1px solid #ccc; padding-left: 15px; margin-bottom: 15px;}

#exampleModal form input:focus{outline: none;}

#exampleModal form textarea{height: 100px; border: 1px solid #ccc; padding-left: 15px; margin-bottom: 15px; padding-top: 10px; resize: none;}

#exampleModal form textarea:focus{outline: none;}

#exampleModal form button{background-color: #0c65ad; height: 40px;}



button.button-design {    position: fixed;    left: 25px;    width: 55px;    height: 55px;    background-color: #0c65ad;    border: none;    border-radius: 50px;    z-index: 9;    color: #fff;    bottom: 50px;    font-size: 23px;    line-height: 0;}

#topbar {box-sizing: border-box;      position: absolute;      top: 37px;      left: 0;      z-index: 1;      width: 100%;      padding: 10px;      text-align: center;      background: #fff;      color: #fff;    }

.carousel{ margin-top: 75px;}

.plan-design{background: #f1f1f1 url(img/About-Ester-BG.png) no-repeat; background-size: cover; background-position: 50% 50%; background-position: bottom center;    background-repeat: no-repeat;    padding: 100px 0 180px 0;}

.under-content ul li{display: inline-block; width: 109px; height: 109px; margin-right: 40px;}

.under-content ul li img{width: 100%; }

.under-content ul {    margin-top: 15px;}

.under-content p {font-size: 12px; margin-bottom: 15px; line-height: 16px; text-align: center; margin-top: 6px; padding-left: 25px; padding-right: 25px;}



.under-content small {    font-size: 17px;  font-family: "Poppins", sans-serif;  display: block;    margin-bottom: 12px;}

.ttm-page-title-row {    background-image: url(img/ttm-pagetitle-bg.png);    background-size: cover;    background-repeat: no-repeat;    background-position: center;}

.ttm-page-title-row {    display: block;    padding-top: 165px;    padding-bottom: 158px;}

.title-box .page-title-heading h1 {    font-weight: 600;    font-size: 53px;    line-height: 58px;    color: #fff;    padding-left: 25px;    margin-bottom: 10px;    text-transform: capitalize;}

.title-box .page-title-heading {    position: relative;}

.title-box .page-title-heading .title-breadcumb:before {    display: block;    content: '';    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 6px;}

.breadcrumb-wrapper a {    font-weight: 400;    text-transform: capitalize;    font-size: 15px;    line-height: 20px;    color: #ffffff;}

.title-box .page-title-heading .title-breadcumb:before {    background-color: #588be4;}

.ttm-bgcolor-darkgrey .social-icons.circle li>a, .ttm-bgcolor-skincolor .social-icons.circle li>a {    border: none;    color: #2c2c2c;}

.ttm-bgcolor-darkgrey .social-icons.circle li>a, .ttm-bgcolor-skincolor .social-icons.circle li>a, .ttm-bgcolor-grey .social-icons.circle li>a {    background-color: #fff;}

.contact-bg-information {    background: #000;    padding: 15px;}

.ttm-col-bgcolor-yes {  background-color: #0c65ad;    padding: 15px;}

form.contactform label {    width: 100%;}

form.contactform input {    width: 100%;    background: transparent;    color: #fff;    border: none;    border-bottom: 1px solid #ccc;    height: 45px;}

form.contactform textarea {    width: 100%;    color: #fff;    background: transparent;    border: none;    border-bottom: 1px solid #ccc;}

form.contactform input:focus {    outline: none;}

form.contactform textarea:focus {    outline: none;}

form.contactform input::placeholder {   color: #fff;}

form.contactform textarea::placeholder {    color: #fff;}

form.contactform button {    width: 100%;    background-color: #ec6a1f;    padding: 10px 0px;}

.social-icons ul {    margin: 0;    padding: 0;}

.social-icons.circle li {    margin: 6px 0 5px;}

.social-icons li {    display: inline-block;    padding-left: 2px;    border: none;}

.social-icons.circle li>a {    display: block;    width: 37px;    height: 37px;    line-height: 37px;   border-radius: 50%;    font-size: 16px;    text-align: center;    border: 1px solid #ededed;   color: #7f7f7f;}

.color-site {    background-color: #0c65ad;}

.sitema-links-item span {    font-size: 20px;    font-weight: 500;}

.small-link a {    text-transform: capitalize; display: block;}



.full-width-type h3 {    text-align: center;    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}

.full-width-type {    background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}

.inner-states a {    background: #0c65ad;    display: block;    text-align: center;    color: #fff;    margin-bottom: 15px;}

ul.three-button-design-presence {    display: flex;    text-align: center;    width: 100%;    justify-content: center;}

ul.three-button-design-presence li {    list-style-type: none;    margin-right: 20px;    width: 33%; }

ul.three-button-design-presence li a {    background: #ec6a1f;    font-size: 18px;    padding: 10px 0;    display: block; }

/* overlay */
.ttm-box-view-overlay {    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    background-color: #0c64adc8;    opacity: 0;    -webkit-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;}
.featured-item:hover .ttm-box-view-overlay, .featured-item:hover .ttm-box-view-overlay {    height: 100%;    opacity: 1;}


.ttm-box-view-overlay .featured-iconbox a {    width: 40px;    height: 40px;    line-height: 40px;    display: inline-block;    border-radius: 50%;   font-size: 18px;    -webkit-transition: unset;    -moz-transition: all 0.3s ease 0s;    -ms-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: unset;}

.ttm-box-view-overlay .featured-iconbox a i {    display: block;    height: 40px;    line-height: 40px;    border-radius: 50%;    text-align: center;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -ms-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;   font-size: 30px;}
.ttm-box-view-overlay .featured-iconbox.ttm-media-link {    position: absolute;    z-index: 5;    top: 0%;    width: 100%;    text-align: center;    padding: 0 15px;    -webkit-transform: translateY(-50%);    -khtml-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);    -webkit-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;}

.featured-item.ttm-portfolio-view-topimage:hover .ttm-box-view-overlay .featured-iconbox.ttm-media-link {    top: 45%;}
.featured-item .featured-team-item.ttm-item-view-topimage a {    position: absolute;    top: 50%;    left: 50%;    margin-top: -43px;    margin-left: -22px;    -webkit-transform: translateY(50%);   -ms-transform: translateY(50%);    transform: translateY(50%);}

.featured-team-item .ttm-box-view-overlay {    height: 0;    top: 0;}

.featured-team-item:hover .ttm-box-view-overlay {    height: 100%;    opacity: 1;}

.featured-portfolio-item .ttm-box-view-overlay:hover .ttm-media-link {    top: 39%;}


.featured-team-item .featured-img-left a {    width: 40px;    height: 40px;    border-radius: 50%;    line-height: 40px;    color: #fff;    text-align: center;    font-size: 19px;    display: block;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    transition: all .3s ease;    opacity: 0;    margin-top: 0;}

.featured-team-item:hover .featured-img-left .ttm-box-view-overlay {    opacity: 1;    transform: scale(1);}

.featured-team-item .featured-img-left a {    opacity: 1;}


/* portfolio */

.featured-portfolio-item .content-post.content-portfolio-post {    padding: 16px 18px;}

.featured-portfolio-item .content-post.content-portfolio-post {    position: absolute;   width: 100%;    top: auto;   left: 0;    right: 0;    bottom: 0;    opacity: 0;    -webkit-transform: translateY(100%);    -moz-transform: translateY(100%);    -ms-transform: translateY(100%);    transform: translateY(100%);    -webkit-transition: -webkit-transform 0.4s,opacity 0.1s 0.3s;    -moz-transition: -moz-transform 0.4s,opacity 0.1s 0.3s;    transition: transform 0.4s,opacity 0.1s 0.3s;}

.featured-portfolio-item:hover .content-post.content-portfolio-post {    opacity: 1;    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);    -webkit-transition: -webkit-transform 0.4s,opacity 0.1s;    -moz-transition: -moz-transform 0.4s,opacity 0.1s;    transition: transform 0.4s,opacity 0.1s;}

.featured-portfolio-item .content-post.content-portfolio-post:before {    position: absolute;    bottom: 100%;   transform: translateX(-50%);    content: "";    display: inline-block;    width: 0;    height: 0;    left: 30px;    border-style: solid;    border-width: 0 15px 15px 15px;    border-color: transparent transparent #fff transparent;    z-index: 1;    top: -14px;}

.featured-portfolio-item .content-post.content-portfolio-post:before {    border-color: transparent transparent #ff5e14 transparent;}

/* team */
.featured-team-item {    overflow: hidden;    position: relative;    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);    border: 6px solid #fff;}
.featured-team-item.style2 {    border: 0;    margin: 15px 0;    padding: 15px;    background-color: #fff;}
.featured-item.ttm-team-view-topimage .content-post.content-team-post {    text-align: center;    padding: 23px 0 0 0;   padding-bottom: 2px;    background-color: #f3f7f9;    margin-bottom: 0;}

.featured-img-left {    padding-left: 0;    padding-right: 0;}

.featured-team-item .featured-img-right.ttm-post-content .content-post.content-team-post {    padding: 15px 25px 0;    text-align: left;    background-color: inherit;    box-shadow: inherit;}

.featured-item .featured-img-right.ttm-post-content .content-post .content-post-desc {    margin: 0;    padding: 0;}

.ttm-team-details-list {    padding: 0;    margin: 0;}

.ttm-team-details-list li {    position: relative;    padding: 3px 0 3px 25px;    font-size: 15px;    line-height: 24px;    display: block;}

.sidebar .widget.widget-nav-menu ul li {    padding: 0;}

.ttm-sidebar-left, .ttm-sidebar-right {    display: block;}


.sidebar.sidebar-left, .ttm-sidebar-right .content-area, .ttm-sidebar-left > [class*='col-'] {    float: left;}

.ttm-sidebar-left div.content-area {    float: right;}
.sidebar-left .widget-nav-menu ul li:not(:first-child) {    border-top: 1px solid #e5eaef;}
.sidebar-left .widget-nav-menu ul li.active::after , .widget-nav-menu ul li:hover:after {    color: #FFF;}

.sidebar-left .widget.widget-nav-menu ul li a {    display: block;    padding: 8px 30px 8px 20px;    position: relative;    font-weight: 700;    font-size: 17px;    background-color: #333;    text-transform: capitalize;    color: #fff;}

.sidebar-left .widget.widget-nav-menu ul li a:before {    left: 0;    bottom: 0;    width: 100%;    height: 1px;    background-color: #e1e1e1;}
.sidebar-left .widget-nav-menu ul li:last-child a:before {    content: none;}

/* sidebar-right */
.sidebar.sidebar-right, .ttm-sidebar-right > [class*='col-'] {    float: right;}
.ttm-sidebar-right .content-area {    float: left;}
.sidebar-left .widget-nav-menu ul li {    padding: 0;    position: relative;}

/* widget-download */

.sidebar .widget.widget-download {    margin-bottom: 43px;}

.sidebar .widget-download .download li {    position: relative;}

.sidebar .widget-download .download li a {    font-size: 15px;    line-height: 22px;   padding-left: 40px;}

.sidebar .widget-download .download li i {    font-size: 34px;    position: absolute;    top: -12%;    left: 0%;}

/* contact-widget */
.sidebar ul.contact-widget-wrapper li i {    position: absolute;   top: 6px;    left: 0;}
.sidebar ul.contact-widget-wrapper li {    padding-left: 30px;    position: relative;   padding-top: 0;    padding-bottom: 17px;    line-height: 20px;}

/*widget-search*/
.sidebar .widget.widget-search {    position: relative;}
.sidebar .widget.widget-search .search-form label {    display: block;}
.sidebar .widget-search .screen-reader-text {    clip: rect(1px,1px,1px,1px);    position: absolute!important;    height: 1px;    width: 1px;    overflow: hidden;}

.sidebar .widget.widget-search .input-text {    border-width: 1px;    background-color: #fff;    border-radius: 0;    text-indent: 0;}

/* widget-Categories */

.sidebar .widget ul:not(.contact-widget-wrapper):not(.widget-menu):not(.download):not(.rating)> li {    padding: 7px 0;    border-top: 1px solid #e5eaef;}

.sidebar .widget ul>li:first-child {    border-top: 0;}
.widget-Categories a {    display: inline-block;    padding-left: 20px;    position: relative;}
/*widget-post*/
.sidebar .widget.widget-recent-post ul>li {    padding: 15px 0 !important;    margin: 0;}

/* tagcloud-widget */
.sidebar .widget .tagcloud a {    display: inline-block;    padding: 7px 27px;    margin: 0 2px 10px;    border: 1px solid #ddd;    border-radius: 3px;   font-size: 14px;    background-color: #f7f7f7;    font-weight: 600;}

/* flicker-widget */
.flicker-widget .ttm-flicker-widget-wrapper a {    overflow: hidden;    display: block;    margin: 0 7px 0 0;    width: 75px;    height: 75px;    display: inline-block;    background: none;}

.featured-item .content-post {    padding: 25px;    position: relative;    text-align: left;    background-color: #fff;    -webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);    -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);    box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);}

.featured-item .content-post h2.title-post {    font-size: 22px;    margin-bottom: 0;    font-weight: 400;    text-align: center;    line-height: 25px;}
.featured-item .content-post h2.title-post a{    font-size: 22px;    margin-bottom: 0;    font-weight: 400;    text-align: center;    line-height: 25px;}

p.related-heading {    background-color: #0c65ad;    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}

span.text-theme-colored {    font-size: 30px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_img img {    height: 160px;    margin: 10px 0px;}

span.btn-title {    font-weight: 700;    color: #5fb0ce;}
.read-btn a {    background-color: #ec6a1f;    padding: 10px 30px;    border-radius: 50px;}


.single-service-sidebar {    position: relative;    display: block;    margin-left: 0;    padding: 15px 15px 15px;    background-color: #0c65ad;    -webkit-box-shadow: 0px 0px 8px 3px #f5f5f5;    box-shadow: 0px 0px 8px 3px #f5f5f5;}
.single-service-sidebar .sidebar-appoinment .title h3 {    color: #333333;    font-size: 20px;    font-weight: 800;    text-transform: uppercase;}
.input-box textarea {    border: 0px;    margin-bottom: 20px;    height: 100px;    resize: none;   padding-left: 15px;}

.input-box input {    border: 0px;   margin-bottom: 20px;    height: 35px;    padding-left: 15px;}
button.btn-one {    width: 100%;    border: none;    padding: 10px 0;    background-color: #000;    cursor: pointer;}

.content-area img {    width: 35%;    float: left;}

.content-area img {    margin-right: 25px;}

.content-area p {    margin-bottom: 15px;    text-align: justify;}
.content-area h3 {   font-size: 24px;    margin-bottom: 15px;}
nav.mobile-menu {    display: none;}
p.rs-section-title {    font-size: 30px;}
.service-box-design {    margin-bottom: 30px;}
.widget p { color: #fff;}
/* .about-content p {    margin-bottom: 15px;} */
.copy-right_inner {    text-align: center;}


.accordion-container .accordion-title {    position: relative;    margin: 0;    padding: 20px 15px; background-color: #0c65ad;  font-size: 1.25em;    font-weight: normal;    color: #000;    cursor: pointer;    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border: 1px solid #e6e6e6; display: block; width: 100%;}
.accordion-title.open { background: #000;}
.accordion-container .accordion-title::before {  content: "";  position: absolute;  top: 50%;  right: 25px;  width: 15px;  height: 2px;  transform: rotate(90deg);  background: #fff;  transition: all .3s ease-in-out;}
.accordion-container .accordion-title::after {  content: "";  position: absolute;  top: 50%;  right: 25px;  width: 15px;  height: 2px;  background: #fff;  transition: all .2s ease-in-out;}
.accordion-container .accordion-title.open::before {  transform: rotate(180deg);}
.accordion-container .accordion-title.open::after {  opacity: 0;}
.accordion-content {    padding-left: 2.3125em;    border: 1px solid #f1f1f1;    background-color: #f8f8f8;    border-left: 5px solid #ec6a1f;}
/* CSS for Demo */
.accordion-container {  max-width: 100%;  margin: 0 auto;}
/* .under-faqs {    margin-bottom: 10px;} */
.faqs-design .title span{color: #588be4;      font-family: "Roboto", sans-serif;}

.about-img-side {    position: sticky;    top: 0;}

form.contactform select {    background: transparent;    height: 45px; border:none;   color: #000;    border-bottom: 1px solid #fff; font-family: "Poppins", sans-serif;}
form.contactform select option { color: #000;}

span.heading-for-contact {    font-size: 25px;    text-align: center;    display: block;}

form.contactform select:focus{outline: none;}

.product-content span {    font-size: 22px;    font-weight: 600;    display: block; }
/* .skin-color {    background: #000;} */
/* .skin-color a{    background: #000; display: block;} */
span.title-post a {    font-size: 19px;    text-align: center;    display: block;}

.content-area h2 {    margin-bottom: 18px; font-size: 22px;    font-family: "Poppins", sans-serif !important;}
.content-area h3 {    margin-bottom: 18px; font-size: 22px;    font-family: "Poppins", sans-serif !important;}
.content-area h4 {    margin-bottom: 18px; font-size: 22px;    font-family: "Poppins", sans-serif !important;}
.content-area h5 {    margin-bottom: 18px; font-size: 22px;    font-family: "Poppins", sans-serif !important;}
.content-area h6 {    margin-bottom: 18px; font-size: 22px;    font-family: "Poppins", sans-serif !important;}

.content-area h2 span{    margin-bottom: 18px !important; font-size: 22px !important; font-family: "Poppins", sans-serif !important;}
.content-area h3 span{    margin-bottom: 18px !important; font-size: 22px !important; font-family: "Poppins", sans-serif !important;}
.content-area h4 span{    margin-bottom: 18px !important; font-size: 22px !important; font-family: "Poppins", sans-serif !important;}
.content-area h5 span{    margin-bottom: 18px !important; font-size: 22px !important; font-family: "Poppins", sans-serif !important;}
.content-area h6 span{    margin-bottom: 18px !important; font-size: 22px !important; font-family: "Poppins", sans-serif !important;}

/* .content-area ul li span {  font-family: "Poppins", sans-serif; padding-left: 15px;} */
.content-area ul {    margin-bottom: 20px;}
a.part-content {    font-size: 25px;}
.full-color--city {    background: #ec6a1f;  margin-bottom: 15px; margin-top: 15px;}
.g-recaptcha {    width: 100%; margin-top: 20px;}
.g-recaptcha iframe {    width: 90%;}
form.contactform select {    color: #fff;}
.content-area ul li span { font-size: 14px;  color: #000; font-family: "Poppins", sans-serif !important;}
.content-area ul li {    margin-bottom: 5px;}
.content-area p {    line-height: 26px;}

/* .main-slider {width: 40%;    margin: auto;    position: relative;    float: left;} */
.main-slider img {      width: 90%;      border-radius: 8px;      cursor: zoom-in;    }
.thumb-slider {      display: flex;      justify-content: center;  gap: 10px;    flex-wrap: wrap;    }
.thumb-slider div { cursor: pointer; }
.thumb-slider img {      width: 100px;      height: auto;      object-fit: cover;      border-radius: 6px;      border: 2px solid transparent;      transition: transform 0.3s ease, border-color 0.3s ease;    }
.thumb-slider img.active {      border-color: #1e88e5;      transform: scale(1.1); }
/* Magnifier Glass */
.magnifier {      position: absolute;      border: 3px solid #333;      border-radius: 50%;      width: 120px;      height: 120px;      overflow: hidden;      display: none;      box-shadow: 0 4px 15px rgba(0,0,0,0.4);      pointer-events: none;      z-index: 999;    }
.magnifier img {      position: absolute;      transform: scale(2); /* zoom level */      transform-origin: top left;    }
/* Custom arrows */   
/* .slick-prev, .slick-next {      background: #1e88e5;      color: #fff;      border-radius: 50%;      width: 35px;      height: 35px;      z-index: 10;    }
.slick-prev:hover, .slick-next:hover { background: #1565c0; } */


.product-slider-side {    width: 40%;    float: left;}
.social_media-follow img {    margin-bottom: 15px;}
.social_media-follow span {    margin-bottom: 15px;    font-weight: 500;}

a.color-mode-1 {    background: #415e9b;    padding: 10px 30px;}
a.color-mode-2 {    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );  padding: 10px 30px;}

a.color-mode-3 {    background: #ff0000;    padding: 10px 30px;}
a.color-mode-4 {    background: #0078b7;    padding: 10px 30px;}



.main-video .slick-next{    font-size: 0;    line-height: 0;    right: -40px;    position: absolute;    top: 50%;    transform: translate(0, -50%);    display: block;    width: 45px;    height: 45px;    padding: 0;    cursor: pointer;    color: #0c65ad;    border: 1px solid #0c65ad;    outline: none;    background-color: transparent;    border-radius: 50px;}
.main-video .slick-prev{    font-size: 0;    line-height: 0;    right: -40px;    position: absolute;    top: 50%;    transform: translate(0, -50%);    display: block;    width: 45px;    height: 45px;    padding: 0;    cursor: pointer;    color: #0c65ad;    border: 1px solid #0c65ad;    outline: none;    background-color: transparent;    border-radius: 50px;}
.main-video .slick-next::before {    content: '\f054';}
.main-video .slick-prev::before {    content: '\f053';}
.main-video .slick-next::before {    font-family: 'Font Awesome 5 Free';    font-weight: 900;    font-size: 15px;    line-height: 1;   color: #0c65ad;    position: absolute;    top: 50%;    left: -40px;    left: 50%;    transform: translate(-50%, -50%);    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.main-video .slick-prev::before {    font-family: 'Font Awesome 5 Free';    font-weight: 900;    font-size: 15px;    line-height: 1;    color: #0c65ad;    position: absolute;    top: 50%;    left: -40px;    left: 50%;    transform: translate(-50%, -50%);    -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;}
.main-video .slick-prev { left: -40px;}


/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {
    border: none;
    outline: none;
}

#whatsapp .wtsapp {
    position: fixed;
    transition: all .5s ease;
    background: #25d366;
    display: block;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    /* margin: 0; */
    border-radius: 50px;
    border-right: none;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    bottom: 141px;
    left: 25px;
    border: 0;
    z-index: 999;
    width: 50px;
    height: 50px;
    line-height: 48px;
}

#whatsapp .wtsapp:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #25d366;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}