/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR MyConsult         |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area stylef
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900');



@import url(imp.css);
@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
@import url('bootstrap-select.min.css');
@import url('imagehover.css');

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


@import url(../fonts/flaticon/flaticon.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);

/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);






/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    color: #848484;
    line-height: 26px;
    font-weight: 400;
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0;
}
h3 {
    font-size: 20px; 
    line-height: 28px;
    color: #222222;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.span-width-3 {
  width: 25%;
  float: left;
}
.span-width-4 {
  width: 33.3333333333%;
  float: left;
}
.span-width-5 {
  width: 20%;
  float: left;
}
.span-width-6 {
  width: 50%;
  float: left;
}

/* Remove left accent line only on this page */
.focus-page .premium-outcome:before {
    display: none;
    content: none;
}

/* =========================================
   OUR TEAM SECTION start
   ========================================= */

.our-team-section {
    background: #f6f6f6;
}


/* Grid spacing */
.team-grid {
    margin-top: 40px;
}

/* Team image placeholder */
.team-item {
    width: 100%;
    height: 350px;                 /* image space */
    background: #ffffff;
    box-shadow: 0px 0px 15px 2px #ebebf2;
    margin-bottom: 30px;
      
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease;
}

/* Optional hover (premium feel) */
.team-item:hover {
    transform: translateY(-5px);
}

/* When you add images later */
.team-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* =========================================
   OUR TEAM SECTION end
   ========================================= */

   /* ================================
   Audit Applicability Table Start
================================ */

.audit-content h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}

.audit-content h3 span {
    color: #420066;
}

.audit-table-wrapper {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.audit-table {
    width: 100%;
    border-collapse: collapse;
}

.audit-table thead {
    background: #420066;
    color: #fff;
    text-align: center;
}

.audit-table th,
.audit-table td {
    padding: 14px 16px;
    text-align: center;
    font-size: 15px;
    
}

.audit-table th {
    font-weight: 600;
}

.audit-table tbody tr {
    border-bottom: 1px solid #eee;
}

.audit-table tbody tr:last-child {
    border-bottom: none;
}

.audit-table tbody tr:hover {
    background: #f8f9ff;
}

/* ================================
   Audit Applicability Table End
================================ */

/* ================================
   Career Form – Premium UI Upgrade
================================ */

/* Form container */
.career-form {
  background: #ffffff;
  padding: 45px 50px;
  border-radius: 10px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
  border: 1px solid #eef1f6;
  transition: all 0.3s ease;
}

.career-form:hover {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);
}

/* Heading */
.career-heading {
  font-size: 32px;
  font-weight: 600;
  color: #1c1c1c;
  margin-bottom: 10px;
}

/* Labels */
.career-form label {
  font-size: 14px;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
}

/* Form group */
.career-form .form-group {
  margin-bottom: 24px;
}

/* Inputs & Select */
.career-form .form-control {
  height: 52px;
  border-radius: 6px;
  font-size: 15px;
  border: 1px solid #e3e7ed;
  background: #f9fbfd;
  padding: 10px 15px;
  transition: all 0.25s ease;
}

/* Focus effect */
.career-form .form-control:focus {
  border-color: #0c5adb;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(12, 90, 219, 0.08);
}

/* Hover effect */
.career-form .form-control:hover {
  border-color: #cfd6e4;
}

/* Dropdown */
.career-form select.form-control {
  cursor: pointer;
}

/* File input */
.career-form input[type="file"] {
  padding: 12px;
  height: auto;
  background: #f4f7fb;
  border: 1px dashed #cfd6e4;
}

/* Helper text */
.form-note {
  font-size: 12px;
  color: #777;
  margin-top: 5px;
}

/* Button (match your theme gradient/primary) */
.career-area .btn-one {
  padding: 14px 45px;
  font-size: 16px;
  margin-top: 15px;
  border-radius: 6px;
  background: linear-gradient(135deg, #420066, #2a0042);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}

/* Hover Effect */
.career-area .btn-one:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(66, 0, 102, 0.35);
  background: linear-gradient(135deg, #4d007a, #1f0033);
}

/* Responsive */
@media (max-width: 767px) {
  .career-form {
    padding: 30px 20px;
  }
}

/* Toast CSS Start*/
.custom-toast {
    position: fixed;
    top: 30px;
    right: 30px;
    background: #420066;
    color: #fff;
    padding: 14px 22px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 9999;
}

.custom-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.custom-toast.error {
    background: #d9534f;
}

.custom-toast.success {
    background: #420066;
}


/* ================================
   Home page Testimonials Area Start 
================================ */
.testimonial-section {
  padding: 40px 0;
  background: #420066;
}

/* VIEWPORT */
.testimonial-carousel {
  overflow: hidden;
  width: 100%;
}

.testimonial-item {
  min-width: 100%;
  padding: 0 15px;
}

/* STAGE (like owl-stage) */
.testimonial-stage {
  display: flex;
  transition: transform 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* TRACK MOVES LEFT */
.testimonial-track {
  display: flex;
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

/* EACH SLIDE = 100% WIDTH */
.single-testimonial {
  background: white;
  padding: 40px;
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 25px 50px rgba(0,0,0,0.4);
}

.rating-stars {
  color: #f5c16c;
  margin: 15px 0;
}

/* CARD */
.quote-frame {
  background: linear-gradient(145deg, #111a2e, #0b1220);
  border-radius: 18px;
  padding: 50px 45px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
  position: relative;
}

.quote-icon {
  position: absolute;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.15);
}

.quote-icon.top {
  top: 20px;
  left: 20px;
}

.quote-icon.bottom {
  bottom: 20px;
  right: 20px;
}

.testimonial-content p {
  font-size: 18px;
  line-height: 1.8;
  color: #e4e8f0;
  margin-bottom: 25px;
}

.rating-stars i {
  color: #f5c16c;
  margin-right: 4px;
  
}

.testimonial-content h4 {
  color: #ffffff;
  margin-bottom: 4px;
}

.testimonial-content span {
  color: #9aa4bf;
  font-size: 14px;
}

/* BUTTON WRAPPER POSITIONING */
.testimonial-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* COMMON BUTTON STYLE */
.testimonial-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  background: #111a2e;
  color: #ffffff;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  transition: all 0.35s ease;
  z-index: 10;
}

/* HOVER EFFECT */
.testimonial-btn:hover {
  background: #f5c16c;
  color: #000;
  transform: translateY(-2px);
}

/* LEFT BUTTON */
.testimonial-prev {
  margin-right: 12px;
}

/* RIGHT BUTTON */
.testimonial-next {
  margin-left: 12px;
}
.testimonial-section .sec-title h1 {
  color: #f5f7fa;
}

.single-testimonial p {
  font-size: 22px;       /* was ~16–18px */
  line-height: 1.9;     /* smoother reading */
}

.rating-stars {
  font-size: 22px;      /* increase star size */
  letter-spacing: 3px; /* spacing between stars */
}

.single-testimonial h4 {
  font-size: 19px;
}

.single-testimonial span {
  font-size: 15px;
}
/* ================================
   Home page Testimonials Area End 
================================ */

/* ================================
   Footer Visitor Counter
================================ */

/* Desktop & default */
.footer-area .visitor-counter {
    margin-top: 8px;
    white-space: nowrap;
    text-align: left;
    margin-bottom: 10px;
}

.footer-area .visitor-counter .views-label {
    font-size: 14px;
    color: #d6d6d6;
    font-weight: 500;
    margin-right: 6px;
}

.footer-area .visitor-counter .views-count {
    font-size: 16px;
    color: #d6d6d6;
    font-weight: 600;
}

/* Tablet & Mobile */
@media (max-width: 991px) {
    .footer-area .visitor-counter {
        margin-top: 15px;
        text-align: center;
    }
}

/* Small Mobile */
@media (max-width: 575px) {
    .footer-area .visitor-counter {
        margin-top: 12px;
        white-space: normal;      /* allow wrap if needed */
        line-height: 1.6;
    }

    .footer-area .visitor-counter .views-label,
    .footer-area .visitor-counter .views-count {
        font-size: 15px;
    }
}
/* ================================
   Footer Visitor Counter End
================================ */


/* about Section changes start */
/* ================================
   About Section – Final Styles
================================ */

/* Paragraph text */
.about-intro-text p {
  margin-bottom: 10px;
  line-height: 1.8;
  font-weight: 500;
}

/* Sub-heading */
.about-intro-text h4 {
  font-weight: 500;
  margin: 20px 0 12px;
}

/* Section title */
.about-intro-area .sec-title h2 {
  color:#222222;
  font-size: 40px;
  font-weight: 600;     /* increased weight */
  margin-bottom: 2px;   /* reduced spacing */
}

.about-title-box h2{
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 40px;  
}



/* Bullet list */
.about-points {
  list-style: none;
  padding-left: 0;
  margin-bottom: 15px;
}

.about-points li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-weight: 500;
}

/* Bullet dot */
.about-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #0056b3;
  border-radius: 50%;
}

/* Image handling */
.about-image-box img {
  max-width: 100%;
  height: auto;
}
/* ================================
   Leadership / Team Section
================================ */

/* Space between each profile row */
.leadership-area .row.align-items-center {
  margin-bottom: 70px;
}

/* Image hover container */
.leadership-area figure.imghvr-slide-up {
  width: 80%;
  margin: 0;
  overflow: hidden;
  border-radius: 6px;
  text-align: center;
  position: relative;
  
}

/* Image styling – shrink */
.leadership-area figure.imghvr-slide-up img {
  width: 300px;                 /* shrunk more */
  height: 350px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
  margin: 0 auto;
  transition: transform 0.4s ease;
}

/* Slight zoom on hover */
.leadership-area figure.imghvr-slide-up:hover img {
  transform: scale(1.04);
}

/* ===== Bottom-only hover caption ===== */
/* ================================
   Bottom-locked hover caption
================================ */

/* Ensure image container */
.leadership-area figure.imghvr-slide-up {
  position: relative;
  overflow: hidden;
}

/* Bottom-locked caption INSIDE image */
.leadership-area figure.imghvr-slide-up figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;                 /* LOCKED INSIDE BOTTOM */
  height: 85px;              /* fixed bottom bar */
  background: #ffffff;
  padding: 14px 18px;
  box-shadow: 0 -6px 16px rgba(0,0,0,0.08);
  opacity: 0;                /* hidden by default */
  transform: translateY(15px); /* slight move */
  transition: all 0.3s ease;
  text-align: center;
  /* kill imagehover.css centering */
  top: auto !important;
  transform-origin: bottom;
}

/* Hover: reveal bottom bar only */
.leadership-area figure.imghvr-slide-up:hover figcaption {
  opacity: 1;
  transform: translateY(0);
}

/* Caption text */
.leadership-area figure.imghvr-slide-up figcaption h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #222;
}

.leadership-area figure.imghvr-slide-up figcaption p {
  font-size: 13.5px;
  line-height: 1.4;
  color: #555;
  margin: 0;
}


/* Reveal only bottom bar */
.leadership-area figure.imghvr-slide-up:hover figcaption {
  bottom: 0;
}

/* Hover title */
.leadership-area figure.imghvr-slide-up figcaption h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #222;
}

/* Hover subtitle */
.leadership-area figure.imghvr-slide-up figcaption p {
  font-size: 13.5px;
  line-height: 1.5;
  color: #555;
  margin: 0;
}

/* Right content wrapper */
.leadership-area .about-intro-text {
  padding-left: 30px;
}

/* Right content text */
.leadership-area .about-intro-text p {
  font-size: 18px;
  line-height: 1.85;
  margin-bottom: 14px;
  font-weight: 500;
  text-align: justify;
}

/* Remove extra margin on last paragraph */
.leadership-area .about-intro-text p:last-child {
  margin-bottom: 0;
}

/* Responsive tuning */
@media (max-width: 991px) {
  .leadership-area .about-intro-text {
    padding-left: 0;
    margin-top: 20px;
  }

  .leadership-area figure.imghvr-slide-up img {
    width: 200px;
    height: 300px;
  }
}


/* ================================
   Vision & Mission Statements start
================================ */

.vision-mission-image img {
  max-width: 100%;
  border-radius: 8px;
}

/* Wrapper */
.vision-mission-wrapper {
  padding-left: 30px;
}

/* Vision & Mission blocks */
.vm-statement {
  margin-bottom: 30px;
}

.vm-statement h4 {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}

.vm-statement p {
  font-size: 16.5px;
  line-height: 1.9;
  color: #444;
  text-align: justify;
}

/* Core Values */
.vm-values h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #222;
}

.vm-value-item {
  margin-bottom: 18px;
}

.vm-value-item strong {
  display: block;
  font-size: 16.5px;
  font-weight: 600;
  color: #420066; /* theme accent */
  margin-bottom: 4px;
}

.vm-value-item p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
  .vision-mission-wrapper {
    padding-left: 0;
    margin-top: 30px;
  }
}

/* ================================
   Vision & Mission Statements End
================================ */

/* ================================
   Our Evolution Section Start
================================ */

.evolution-wrapper {
  margin-top: 20px;
}

/* Individual milestones */
.evolution-block {
  padding-left: 40px;
  position: relative;
  margin-bottom: 30px;
}

.evolution-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 12px;
  background: #420066;
  border-radius: 50%;
}

/* Date label */
.evolution-date {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #420066;
  margin-bottom: 6px;
  text-transform: uppercase;
}

/* Paragraph text */
.evolution-block p {
  font-size: 16.5px;
  line-height: 1.9;
  color: #444;
  text-align: justify;
}

/* Highlight block */
.evolution-highlight {
  background: #f9fafc;
  padding: 25px 30px;
  border-left: 4px solid #420066;
  margin: 40px 0;
}

.evolution-highlight p {
  font-size: 17px;
  font-weight: 500;
  color: #222;
  margin: 0;
}

/* Branches */
.evolution-branches h4 {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px;
}

/* Numbered locations */
.evolution-locations {
  padding-left: 20px;
  margin-bottom: 15px;
}

.evolution-locations li {
  font-size: 16.5px;
  margin-bottom: 6px;
  color: #444;
  font-weight: 500;
}

/* Branch description */
.evolution-branches p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #444;
  text-align: justify;
}

/* Closing line */
.evolution-footer {
  margin-top: 30px;
  text-align: center;
}

.evolution-footer p {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 991px) {
  .evolution-block {
    padding-left: 25px;
  }
}

/* ================================
   Our Evolution Section End
================================ */


/* ================================
   Testimonials Area start
================================ */
.testimonials-area {
    background: #f9fafc;
}

/* Grid spacing */
.testimonials-grid > div {
    margin-bottom: 35px;
}

/* ================================
   CMA Highlight Testimonial Style
================================ */

.testimonials-grid .single-testimonial {
    position: relative;
    background: #f9fafc;
    border: 2px solid #420066;
    padding: 40px 36px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease;
}

/* Hover – subtle premium */
.testimonials-grid .single-testimonial:hover {
    box-shadow: 0 14px 36px rgba(0,0,0,0.08);
    transform: translateY(-4px);
}

/* Quote icon */
.single-testimonial .quote-icon {
    position: absolute;
    top: -16px;
    left: 24px;
    background: #ffffff;
    padding: 6px 10px;
    font-size: 26px;
    color: #0056b3;
}

/* Rating stars */
.rating-stars {
    margin: 20px 0 18px;
}

.rating-stars i {
    color: #f4b400;
    font-size: 16px;
    margin-right: 2px;
}

/* Review text */
.single-testimonial p {
    font-size: 16px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 22px;
    text-align: justify;
}

/* Footer */
.single-testimonial h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
}

.single-testimonial span {
    font-size: 16px;
    color: #777;
}

/* ================================
   Responsive Adjustments
================================ */

@media (max-width: 1199px) {
    .testimonials-grid .single-testimonial {
        padding: 36px 30px;
    }
}

@media (max-width: 767px) {
    .testimonials-grid .single-testimonial {
        padding: 32px 26px;
    }

    .single-testimonial .quote-icon {
        top: -14px;
        left: 18px;
    }
}

@media (max-width: 575px) {
    .testimonials-grid .single-testimonial {
        padding: 28px 22px;
    }
}


/* ================================
   Testimonials Area End 
================================ */

/* ================================
   Expertise Area start 
================================ */

/* =====================================
   Know More Button (Service Section)
===================================== */

.know-more-btn {
    margin-top: 25px;
}

/* Adjustable width */
.know-more-btn .theme-btn {
    display: inline-block;
    min-width: 220px;   /* change width as needed */
    text-align: center;
}

/* Optional: full width on mobile */
@media (max-width: 576px) {
    .know-more-btn .theme-btn {
        width: 100%;
    }
}

/* =====================================
   Full Width Know More Section
===================================== */

.know-more-section {
    margin-top: 30px;
    width: 100%;
}

.know-more-btn-full {
    display: block;
    width: 100%;
    background: #420066;       /* Theme color */
    color: #ffffff;
    text-align: center;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Hover effect */
.know-more-btn-full:hover {
    background: #2d0047;
    color: #ffffff;
}

/* Mobile spacing */
@media (max-width: 991px) {
    .know-more-btn-full {
        padding: 14px 15px;
        font-size: 15px;
    }
}

/* =====================================================
   Cost Audit – Complete Styles
===================================================== */

/* ===== Section Spacing ===== */
.cost-audit-section,
.advantage-section,
.process-section {
    padding: 90px 0;
}

/* Wider content feel */
.cost-audit-section .container,
.advantage-section .container,
.process-section .container {
    max-width: 1250px;
}

/* ===== Overview ===== */
.section-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}

.section-text {
    font-size: 18px;
    line-height: 32px;
    color: #555;
    max-width: 900px;
    margin: 0 auto;
}

/* ===== Image + Content ===== */
/* =====================================
   Larger Image Style
===================================== */

.audit-image {
    overflow: hidden;
    border-radius: 8px;
}

.audit-image img {
    width: 100%;
    height: 460px;          /* increase height */
    object-fit: cover;      /* keeps image proportion */
    border-radius: 8px;
}

.audit-content {
    padding-left: 25px;
}

.content-block {
    margin-bottom: 25px;
}

.content-block h3 {
    font-size: 22px;
    color: #420066;
    margin-bottom: 8px;
    font-weight: 600;
}

.content-block p {
    font-size: 16px;
    line-height: 28px;
    color: #555;
}

.audit-list {
    padding-left: 18px;
}

.audit-list li {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 6px;
    color: #555;
}
/* =====================================================
   Premium Result + Commitment Section
===================================================== */

.premium-result-section {
    padding: 100px 0;
    background: #ffffff;
}

/* ===== Outcome (Left) ===== */
.premium-outcome {
    padding-right: 40px;
    position: relative;
}

.premium-outcome:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 5px;
    width: 4px;
    height: 60px;
    background: #420066;
}

.premium-icon {
    font-size: 42px;
    color: #420066;
    margin-bottom: 15px;
}

.premium-outcome h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #222;
}

.premium-outcome p {
    font-size: 16px;
    line-height: 30px;
    color: #555;
}

/* ===== Commitment (Right) ===== */
.premium-commitment {
    padding: 50px 45px;
    background: linear-gradient(
        135deg,
        rgba(66, 0, 102, 0.05),
        rgba(66, 0, 102, 0.12)
    );
    border-radius: 8px;
    position: relative;
}

/* Purple accent corner */
.premium-commitment:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: #420066;
    border-radius: 8px 0 0 8px;
}

.premium-commitment h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #420066;
}

.premium-commitment p {
    font-size: 16px;
    line-height: 30px;
    color: #555;
}

/* =====================================================
   Responsive
===================================================== */

@media (max-width: 991px) {

    .premium-result-section {
        padding: 60px 0;
    }

    .premium-outcome {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .premium-outcome:before {
        left: 0;
    }

    .premium-commitment {
        padding: 35px 25px;
    }

    .premium-outcome h3,
    .premium-commitment h3 {
        font-size: 22px;
    }
}

/* =====================================================
   Advantages Section
===================================================== */

.advantage-section {
    background: #f7f7f7;
}

/* Equal height columns */
.advantage-row .col-lg-3 {
    margin-bottom: 30px;
}

/* Flex equal height */
.adv-box {
    background: #ffffff;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-radius: 6px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 0.3s ease;
}

.adv-box:hover {
    transform: translateY(-6px);
}

.adv-box .icon {
    font-size: 42px;
    color: #420066;
    margin-bottom: 12px;
}

.adv-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #222;
}

.adv-box p {
    font-size: 15px;
    line-height: 26px;
    color: #666;
    margin-bottom: 0;
}

/* =====================================================
   Process Timeline
===================================================== */

.process-section {
    background: #ffffff;
}

.process-box {
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
}

.process-box .step {
    width: 55px;
    height: 55px;
    background: #420066;
    color: #fff;
    line-height: 55px;
    border-radius: 50%;
    margin: 0 auto 12px;
    font-weight: 700;
    font-size: 18px;
}

.process-box h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.process-box p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}


/* =====================================================
   White CTA Section
===================================================== */

.cta-section-white {
    background: #ffffff;
    padding: 80px 0;
    border-top: 1px solid #eee;
}

.cta-section-white h2 {
    color: #420066;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cta-section-white p {
    font-size: 16px;
    color: #555;
    margin-bottom: 25px;
}

/* =====================================================
   Responsive
===================================================== */

@media (max-width: 991px) {

    /* Section spacing */
    .cost-audit-section,
    .advantage-section,
    .process-section {
        padding: 60px 0;
    }

    /* Overview */
    .section-title {
        font-size: 28px;
    }

    .section-text {
        font-size: 16px;
        line-height: 28px;
    }

    /* Image + content stack */
    .audit-content {
        padding-left: 0;
        margin-top: 25px;
    }

    /* Advantages */
    .adv-box {
        padding: 25px 18px;
    }

    /* CTA */
    .cta-section-white h2 {
        font-size: 26px;
    }

    .cta-section-white {
        padding: 50px 0;
    }
}


/* ============   Cost Audit End ============= */

/* ================================
   Expertise Area End 
================================ */


/* ================= PROCESS SECTION ================= */
.process-section {
    padding: 80px 0;
    background: #f9fafc;
}

.process-box {
    position: relative;
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.process-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.process-box .step {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #420066; /* change to your theme primary */
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.process-box h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.process-box p {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 0;
}

/* Optional timeline spacing */
.timeline .col-lg-3 {
    margin-bottom: 30px;
}


/* ================= COMPLIANCE SECTION ================= */
.compliance-section {
    background: #ffffff;
}

.compliance-box {
    background: #f9fafc;
    padding: 25px 25px;
    border-radius: 10px;
    height: 100%;
    transition: all 0.3s ease;
    border-left: 4px solid #420066; /* theme highlight */
}

.compliance-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.compliance-box h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.compliance-box ul {
    padding-left: 18px;
    margin-bottom: 0;
}

.compliance-box ul li {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 10px;
    line-height: 1.6;
}

.compliance-box ul li strong {
    color: #000;
}

/* ================= RESPONSIVE FIXES ================= */

/* Tablets (≤ 992px) */
@media (max-width: 991px) {

    .process-section,
    .compliance-section {
        padding: 60px 0;
    }

    .process-box {
        padding: 25px 20px;
    }

    .process-box h4,
    .compliance-box h4 {
        font-size: 16px;
    }

    .process-box p,
    .compliance-box ul li {
        font-size: 13px;
    }
}

/* Mobile Devices (≤ 768px) */
@media (max-width: 767px) {

    .process-section,
    .compliance-section {
        padding: 50px 0;
    }

    .section-title {
        font-size: 22px;
        line-height: 1.4;
    }

    .section-text {
        font-size: 14px;
        padding: 0 10px;
    }

    .process-box {
        padding: 20px 15px;
    }

    .process-box .step {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .timeline .col-lg-3 {
        margin-bottom: 20px;
    }

    .compliance-box {
        padding: 20px 15px;
    }
}

/* Small Mobile (≤ 576px) */
@media (max-width: 575px) {

    .section-title {
        font-size: 20px;
    }

    .process-box h4,
    .compliance-box h4 {
        font-size: 15px;
    }

    .process-box p,
    .compliance-box ul li {
        font-size: 13px;
    }

    .process-box {
        border-radius: 8px;
    }

    .compliance-box {
        border-radius: 8px;
    }
}

/* Large Screens Optimization (≥ 1200px) */
@media (min-width: 1200px) {

    .process-section,
    .compliance-section {
        padding: 100px 0;
    }

    .process-box {
        padding: 35px 30px;
    }

    .compliance-box {
        padding: 30px;
    }
}

/* Process Timeline End */


/* ================= 2026 SECTION ================= */
.compliance-2026-section {
    background: #f9fafc;
}

.sub-title {
    font-size: 20px;
    font-weight: 600;
}

/* Cards */
.compliance-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    height: 100%;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.compliance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.compliance-card h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

.compliance-card p {
    font-size: 14px;
    color: #6c757d;
}

.deadline {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #420066;
}

/* Highlight Cards */
.compliance-card.highlight {
    border-left: 4px solid #420066;
}

/* Amnesty Box */
.amnesty-box {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.amnesty-box h3 {
    font-weight: 600;
    margin-bottom: 15px;
}

.highlight-text {
    color: #420066;
    font-weight: 600;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 767px) {
    .sub-title {
        font-size: 18px;
    }

    .compliance-card {
        padding: 20px;
    }

    .amnesty-box {
        padding: 25px;
    }
}

/*2026 compliance end*/



/* ================= FAM SECTION ================= */
.fam-section {
    background: #f9fafc;
}

/* Workflow Cards */
.fam-box {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 10px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.fam-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.fam-box .step {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #420066;
    color: #fff;
    font-weight: 600;
}

.fam-box h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

.fam-box p {
    font-size: 14px;
    color: #6c757d;
}

/* Compliance Cards */
.fam-compliance-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    height: 100%;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.fam-compliance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.fam-compliance-card h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

.fam-compliance-card p {
    font-size: 14px;
    color: #6c757d;
}

/* Highlight */
.fam-compliance-card.highlight {
    border-left: 4px solid #420066;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 767px) {
    .fam-box {
        padding: 20px;
    }

    .fam-compliance-card {
        padding: 20px;
    }

    .fam-box .step {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

/*=================== FAM Section End ===============*/


/* ================= SFT SECTION ================= */
.sft-section {
    background: #ffffff;
}

/* Cards */
.sft-card {
    background: #f9fafc;
    padding: 25px;
    border-radius: 10px;
    height: 100%;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.sft-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.sft-card h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sft-card p {
    font-size: 14px;
    color: #6c757d;
}

/* Highlight */
.sft-card.highlight {
    border-left: 4px solid #420066;
}

/* ================= WORKFLOW ================= */
.sft-step-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.sft-step-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.sft-step-box .step {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #420066;
    color: #fff;
    font-weight: 600;
}

.sft-step-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sft-step-box p {
    font-size: 14px;
    color: #6c757d;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 767px) {

    .sft-card,
    .sft-step-box {
        padding: 20px;
    }

    .sft-step-box .step {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}


/*=======================SFT section End ======================*/

/* Section padding styles End */



.sec-pding-one{
    padding: 90px 0;
}
.sec-pding-two{
    padding: 90px 0 50px;
}

.btn-one {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 17px 30px 18px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 15px;
    position: relative;
    background: #420066;
    color: #ffffff;
}
.btn-one:hover{
    opacity: 0.90;
    color: #fff;
}
.btn-two {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 17px 30px 18px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 15px;
    position: relative;
    background: #222222;
    color: #ffffff;
}
.btn-two:hover{
    opacity: 0.90;
    color: #fff;
}
.header-modern .logo img {
  position: relative;
  left: -15px;
}
/* About – Premium Bullet Layout */
.about-points {
  list-style: none;
  padding-left: 0;
  margin-top: 25px;
}

.about-points li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 16px;
  line-height: 1.75;
  font-size: 16px;
  color: #333;
}

/* Custom bullet */
.about-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: px;
  background: black; /* theme primary */
  border-radius: 50%;
}

/* Optional emphasis */
.about-points li strong {
  color: #000;
}




.sec-title {
    position: relative;
    padding-bottom: 50px;
    margin-top: -5px;
    
}
.sec-title p{
    color: #b4b4b4;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    margin: 0 0 6px;
}
.sec-title p.color-2{
    color: #b2c9ff;    
}
.sec-title h1 {
    display: block;
    color: #222222;
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}
.sec-title h1.white-color{
    color: #ffffff;
}
.sec-title .border {
    position: relative;
    display: block;
    width: 65px;
    height: 2px;
    background: transparent;
    margin: 17px 0 0;
}
.sec-title .border:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 2px;
    background: #420066;
    content: "";
}
.sec-title .border:after{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 2px;
    background: #420066;
    content: "";
}
.sec-title .border.center{
    margin: 17px auto 0;    
}
.sec-title .border.color-2:before{
    background: #ffffff;    
}
.sec-title .border.color-2:after{
    background: #ffffff;    
}
.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-one::before {
    background: #420066;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 


.flex-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-two {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-box-three {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-four {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-box-five {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.owl-nav-style-one{}
.owl-nav-style-one .owl-controls { }
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #909090;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 46px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    border: 1px solid #f3f3f3;    
    transition: all 700ms ease 0s;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #47588f;
    color: #47588f;
}


.owl-nav-style-two{}
.owl-nav-style-two .owl-controls { }
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {
    background: #fff none repeat scroll 0 0;
    border-radius: 0%;
    color: #420066;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    transition: all 700ms ease 0s;
}
.owl-nav-style-two.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
}
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ffffff;
    background: #420066;
}


.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;  
}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:99999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/preloader.gif);
}


/* Update header Style */
@keyframes menu_sticky {
    0%   {margin-top:-100px;}
    50%  {margin-top: -74px;}
    100% {margin-top: 0;}
}
.sticky-header{
	position:fixed;
	opacity: 0;
	visibility: hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background: #ffffff;
	z-index: 0;
	border-bottom:1px solid #f2f2f2;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.sticky-header .logo {
    padding: 17px 0px 18px;
}
.sticky-header .logo a {
    display: inline-block;
}
.fixed-header .sticky-header{
	z-index:99999999;
	opacity:1;
	visibility:visible;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.sticky-header .main-menu .navigation li a {
    padding: 38px 0;
}
.sticky-header .main-menu .navigation li ul li a{
    color: #353535;    
}
.sticky-header .main-menu .navigation > li > ul{
    box-shadow: none;
    border: 1px solid #f9f9f9;
}


/* scroll to top styles */
.scroll-to-top {
    background: #400461;
    border: 2px solid #23304e;
    border-radius: 50%;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 60px;
    line-height: 54px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 60px;
    z-index: 99999999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    background: #420066;
    border-color: #420066;
}

/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error{
    border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    color: #3d3d3d;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    padding: 14px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0px;
}
.post-pagination li.active a, 
.post-pagination li:hover a {
    background: #420066;
    color: #fff;
    border: 1px solid #420066;
}


/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    background-color: rgba(0, 0, 0,0.8);
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.overlay-style-one .box .content a { }



.review-box {}
.review-box ul {
  margin-left: -1px;
  margin-right: -1px;
}
.review-box ul li {
    display: inline-block;
    float: left;
    margin-right: 4px;
}
.review-box ul li:last-child{
    margin-right: 0px;    
}
.review-box ul li i {
  color: #c8c8c8;
  font-size: 12px;
}


.sociallinks-style-one{}
.sociallinks-style-one li{
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.sociallinks-style-one li:last-child{
    margin-right: 0px;
}
.sociallinks-style-one li a i{
    color: #b2c9ff;
    font-size: 14px;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #ffffff;
}


.socialicon-style-two{}
.socialicon-style-two li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.socialicon-style-two li:last-child {
    margin-right: 0px;
}
.socialicon-style-two li a i{
    height: 40px;
    width: 40px;
    display: block;
    border-radius: 50%;
    background: #404f80;
    color: #ffffff;
    font-size: 14px;
    line-height: 38px;
    border: 2px solid #47588f;
    transition: all 500ms ease;
    text-align: center;
}
.socialicon-style-two li a:hover i{
    color: #f87845;
    border-color: #404f80;
    background: #fff;
}


.sociallinks-style-two{
    overflow: hidden;
}
.sociallinks-style-two li {
    display: inline-block;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;    
}
.sociallinks-style-two li a i {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    color: #999999;
    font-size: 14px;
    height: 40px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 40px;
}
.sociallinks-style-two li a:hover i{
    background: #420066;
    border-color: #420066;
    color: #fff;
}



/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
    background: #400461;
}
.state-select-box {
    position: relative;
    width: 150px;
    display: block;
}
.state-select-box .icon-holder {
    position: absolute;
    top: 0px;
    left: 18px;
    margin: 16px 0 13px;
}
.state-select-box .icon-holder span:before {
    color: #b2c9ff;
    font-size: 18px;
    line-height: 18px;
}

.state-content{}
.state-content .state{}
.state-content .state ul {}
.state-content .state ul li {
    display: inline-block;
    float: left;
    border-left: 1px solid #23304e;
    padding-left: 45px;
    padding-right: 20px;
    position: relative;
    height: 55px;
}
.state-content .state ul li:last-child{ 
    padding-right: 0;
}
.state-content .state ul li .icon-box {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 14px 0 15px;
}
.state-content .state ul li .icon-box span:before {
    color: #b2c9ff;
    font-size: 16px;
    line-height: 16px;
    transition: all 500ms ease;
}
.state-content .state ul li .text-box{
    padding-left: 0px;
}
.state-content .state ul li .text-box p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 17px 0;
}


.social-links-box {
    margin: 15px 0 14px;
}
.top-right p {
    margin: 0;
    display: inline-block;
    float: left;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
}
.top-right .sociallinks-style-one{
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.language-switcher {
    width: 140px;
    margin-left: 30px;
    position: relative;
    border-left: 1px solid #23304e;
    border-right: 1px solid #23304e;
    height: 55px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* ================================
   Header Area – Final Safe CSS
================================ */

.header-area {
    background: #ffffff;
    position: relative;
    width: 100%;
    z-index: 99;
}

/* Header-only container */
.header-container {
    padding: 0 30px;
}

/* Flex layout */
.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eff0f8;
}

/* Logo */
.header-left {
    flex: 0 0 auto;
}

.header-left img {
    max-width: 300px;
    height: auto;
    display: block;
}

/* Right side */
.header-right {
    display: flex;
    align-items: center;
}

/* ================================
   Responsive – Header Only
================================ */

@media (max-width: 991px) {

    .header-content {
        flex-wrap: wrap;
    }

    .header-left {
        width: 100%;
        margin-bottom: 10px;
    }

    .header-left img {
        max-width: 220px;
    }

    .header-right {
        width: 100%;
        justify-content: space-between;
    }

    .mainmenu-right-box .button {
        display: none;
    }
}

@media (max-width: 575px) {

    .header-container {
        padding: 0 15px;
    }

    .header-left {
        text-align: center;
    }

    .header-left img {
        max-width: 200px;
        margin: 0 auto;
    }
}

/* ================================
   Header  Styles end

================================ */


.main-menu {
    float: left;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    float: left;
    margin: 0;
    position: relative;
}
.main-menu .navigation li {
    float: left;
    margin-left: 35px;
    position: relative;
}
.main-menu .navigation li:first-child{
    margin-left: 0px;
}
.main-menu .navigation li::before {

}
.main-menu .navigation li:last-child:before {
    display: none;
}
.main-menu .navigation li a {
    position: relative;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    text-transform: capitalize;
    opacity: 1;
    padding: 43px 0px;
    transition: all 300ms ease;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #420066;
    opacity: 1;
}

.main-menu .navigation li a:after {
    position: absolute;
    left: 0px;
    top: 65px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    transition: all 300ms ease;
    text-align: center;
    opacity: 0;
}
.main-menu .navigation li:hover > a:after,
.main-menu .navigation li.current > a:after,
.main-menu .navigation li.current-menu-item > a:after{
    opacity: 1;
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 110%;
    width: 250px;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    box-shadow: 0px 0px 5px 2px #ebebf2;
    display: block;
    padding: 10px 15px 10px;
}
.main-menu .navigation > li:hover > ul {
    top: 85%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul:before {
    position: absolute;
    top: -20px;
    left: 15px;
    content: "\f0d8";
    font-family: FontAwesome;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}
.main-menu .navigation > li > ul > li {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
}
.main-menu .navigation > li > ul li::before{
    display: none;
}
.main-menu .navigation li ul li a {
    color: #353535;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 15px 15px 15px !important;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
}
.main-menu .navigation li ul li a:before {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    color: #ffffff;
    display: block;
    transition: all 300ms ease;
    opacity: 1;
    margin: 15px 0;
}
.main-menu .navigation li ul li a:after{
    display: none;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #fff;
    background-color: #420066;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icon/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}

.mainmenu-middle {
    margin-left: 35px;
}
.mainmenu-middle ul { }
.mainmenu-middle ul li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #e4e4e4;
    padding-right: 10px;
}
.mainmenu-middle ul li:last-child{
    margin-right: 0px;
    border-right: 0px solid #e4e4e4;
    padding-right: 0px;    
}


.outer-search-box {
    display: inline-block;
    float: left;
    border-left: 1px solid #e2e2e2;
    padding-left: 10px;
    margin: 12px 0;
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #222222;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    height: 25px;
    display: block;
    width: 30px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    color: #420066;
}
.search-box {
    background: #420066;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 120%;
    transition: all 500ms ease 0s;
    visibility: hidden;
}
.search-box.now-visible {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 99999999;
}
.search-box .form-group{
    position:relative;
    padding:0px;
    margin:0px;
    width:100%;
    min-width:250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #303443;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color:#000;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #303443;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #000;
}


.mainmenu-right-box {
    width: 230px;
    margin: 25px 0px;
    margin-left: 20px;
}
.mainmenu-right-box .button {
    float: right;
}

/*** 
====================================================================
	Sub dropdown styles
====================================================================
***/
/* =====================================
   Multi Level Dropdown – Alignment Fix
===================================== */

/* Ensure parent dropdown is positioned correctly */
.main-menu .navigation > li {
    position: relative;
}

/* First level dropdown alignment */
.main-menu .navigation > li > ul {
    left: 0;
    top: 85%;
    min-width: 260px;
    overflow: visible;
}

/* Each submenu parent */
.main-menu .navigation li ul li {
    position: relative;
    width: 100%;
}

/* Second level dropdown */
.main-menu .navigation li ul li ul {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 260px;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    box-shadow: 0px 0px 5px 2px #ebebf2;
    z-index: 999;
    padding: 0;
}

/* Show second level */
.main-menu .navigation li ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

/* Hover effect (matches screenshot purple) */
.main-menu .navigation li ul li:hover > a {
    background: #420066;
    color: #ffffff !important;
}

/* Arrow for submenu items */
.main-menu .navigation li ul li.dropdown > a {
    padding-right: 30px;
}

.main-menu .navigation li ul li.dropdown > a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    top: 15px;
    font-size: 14px;
}


/* Remove extra spacing inside second level container */
.main-menu .navigation li ul li ul {
    padding: 0 !important;
}

/* Ensure each item takes full width */
.main-menu .navigation li ul li ul li {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Uniform text alignment for all items */
.main-menu .navigation li ul li ul li a {
    display: block;
    padding: 12px 15px !important;
    text-align: left;
    line-height: 20px;
}

/* =====================================
   Second Level Position & Width Fix
===================================== */

/* Move second level slightly right */
.main-menu .navigation li ul li ul {
    left: calc(100% + 15px); /* pushes submenu 15px right */
    min-width: 280px;        /* increase width for long text */
}

/* Ensure parent menu doesn't cut the submenu */
.main-menu .navigation > li > ul {
    overflow: visible;
}

/* Give space for arrow so text doesn't hide */
.main-menu .navigation li ul li.dropdown > a {
    padding-right: 35px !important;
}

/* Position arrow properly */
.main-menu .navigation li ul li.dropdown > a:after {
    right: 15px;
}
/* =====================================
   Mobile Final Fix – Remove Desktop Arrow
===================================== */

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

    /* Remove all desktop submenu arrows */
    .main-menu .navigation li a:after,
    .main-menu .navigation li ul li.dropdown > a:after,
    .main-menu .navigation li ul li a:before {
        display: none !important;
        content: none !important;
    }

    /* Show only the Finanza dropdown button */
    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
        display: block !important;
    }

    /* Make second level open vertically (not side) */
    .main-menu .navigation li ul li ul {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        box-shadow: none !important;
        padding-left: 15px;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/*** 
====================================================================
	Main Slider style
====================================================================
***/
.rev_slider_wrapper {
    position: relative;
    z-index: 10;
    margin-top: -101px;
}
.rev_slider_wrapper .tp-caption{
	z-index:5 !important;
}
.rev_slider_wrapper .tp-dottedoverlay{
	background:rgba(0, 0, 0, 0.61) !important;	
}

.rev_slider_wrapper .slide-content{
 
}
.rev_slider_wrapper .slide-content .big-title{
	position: relative;
	font-weight: 500;
	font-size: 76px;
	color: #222222;
	line-height: 1.2em;
	font-family: 'Poppins', sans-serif;
    margin: 0 0 12px;
}
.rev_slider_wrapper .slide-content .text{
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #420066;
	line-height: 1.6em;
    font-family: 'Fira Sans', sans-serif;
}
.rev_slider_wrapper .slide-content .btns-box{
    margin-top: 31px;
}
.rev_slider_wrapper .slide-content .btns-box a.btn-one.pdone{
    padding: 20.5px 45px 20.5px;
    margin-right: 9px;
}
.rev_slider_wrapper .slide-content .btns-box a.btn-two.pdtwo{
    padding: 20.5px 40px 20.5px;
}

.tparrows {
    background: rgba(255, 255, 255, .85);
    height: 55px;
    width: 55px;
    border: 2px solid #d3d3d3;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 0px;
}
.tparrows:before{
    font-size: 18px; 
    font-weight: 700;
    color: #c0c0c0; 
    display: block; 
    line-height: 52px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background: #420066;
    border-color: #420066;
}
.tparrows:hover:before{
    color: #ffffff;    
}





/*** 
=============================================
    Callto action area style
=============================================
***/
.callto-action-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.callto-action-area:before {
    background-image: linear-gradient(to top, #400461 0%, #6b3c78 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.callto-action-area ul {
    overflow: hidden;
}
.callto-action-area ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    display: block;
    padding-right: 30px;
    padding-left: 30px;
}
.callto-action-area ul li:first-child {
    border-left: 0px solid;
    padding-left: 0px;
}
.callto-action-area ul li .single-box {
    display: block;
    padding: 70px 0 65px;
}
.callto-action-area ul li .single-box .icon-holder{}
.callto-action-area ul li .single-box .icon-holder span:before{
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
}
.callto-action-area ul li .single-box .text-holder {
    position: relative;
    margin-top: 22px;
}
.callto-action-area ul li .single-box .text-holder h3{
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 17px;
}
.callto-action-area ul li .single-box .text-holder p{
    color: #ffffff;
    margin: 0;
}



/*** 
=============================================
    welcome Area style
=============================================
***/
.welcome-area{
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 50px;
}
.welcome-area .title {
    margin-top: -5px;
    padding-bottom: 41px;
}
.welcome-area .title h1 {
    color: #222222;
    font-size: 30px;
}
.welcome-area .title p{
    line-height: 28px;
    margin: 17px 0 0;
}
.welcome-text-box {
    background: #ffffff;
    display: block;
    padding-left: 40px;
    margin-right: -30px;
    padding-right: 30px;
    padding-top: 44px;
    padding-bottom: 50px;
    -webkit-box-shadow:0px 0px 15px 2px #ebebf2;
    -moz-box-shadow:0px 0px 15px 2px #ebebf2;
    box-shadow:0px 0px 15px 2px #ebebf2;
}
.welcome-text-box .bottom-text {
    position: relative;
    display: block;
    border-left: 2px solid #f2f2f2;
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 27px;
    margin-bottom: 18px;
    margin-top: 22px;
}
.welcome-text-box .bottom-text:before{
    font-family: Flaticon;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #e8e8e8;
    font-size: 20px;
    line-height: 20px;
    content: "\f114";
}
.welcome-text-box .bottom-text p{}
.welcome-text-box .bottom-text h3 {
    font-size: 18px;
}
.welcome-text-box .signature-certified-box {
    position: relative;
    display: block;
}
.welcome-text-box .signature-certified-box .certified {
    position: absolute;
    top: -60px;
    right: 20px;
}


.welcome-right-box {
    margin-right: -110px;
    position: relative;
}
.welcome-right-box .bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 355px;
    height: 100%;
}
.welcome-right-box .single-item{
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
}
.welcome-right-box .single-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.welcome-right-box .single-item .img-holder img{
    transition: all 900ms ease;
    width: 100%;
    transform: scale(1.1, 1.1);
}
.welcome-right-box .single-item:hover .img-holder img {
    transform: scale(1.2, 1.2);
}
.welcome-right-box .single-item .static-overlay {
    background: #6b3c78;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    width: 100%;
    display: block;
    padding: 28px 40px 22px;
    transition: all 700ms ease;
    transition-delay: 0.5s;
}
.welcome-right-box .single-item:hover .static-overlay {
    padding: 38px 40px 32px;
    transition-delay: 0.1s;
}
.welcome-right-box .single-item .static-overlay h3 {
    color: #ffffff;
    line-height: 22px;
    margin: 0 0 15px;
}
.welcome-right-box .single-item .static-overlay p {
    color: #ffffff;
    margin: 0;
}
.welcome-area .owl-nav-style-two .owl-controls {
    position: absolute;
    bottom: 40px;
    right: -100px;
}



/*** 
=============================================
    Services Area style
=============================================
***/
.services-area {
    background: #fff;
    position: relative;
    padding-bottom: 77px;
}
.services-area .sec-title {
    padding-bottom: 40px;
}
.single-service-item {
    position: relative;
    display: block;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 2px #ebebf2;
    -moz-box-shadow: 0px 0px 15px 2px #ebebf2;
    box-shadow: 0px 0px 15px 2px #ebebf2;
    margin: 10px 10px 10px;
}
.single-service-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;    
}
.single-service-item .img-holder img{
    transition: all 900ms ease;
    width: 100%;
    transform: scale(1.1, 1.1);    
}
.single-service-item:hover .img-holder img {
    transition: all 900ms ease;
    transition: all 0.4s ease-in-out 0.5s;
    transform: scale(1.2, 1.2);
}
.single-service-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-service-item .img-holder .overlay-style-one .box .content a i {
    background: rgba(58, 67, 176, 0.60);
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    width: 45px;
    line-height: 48px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-service-item:hover .img-holder .overlay-style-one .box .content a i{
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.single-service-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #fff;
    background: rgba(58, 67, 176, 1);
}

.single-service-item .icon-box {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    z-index: 2;
    transition: all 900ms ease;
}
.single-service-item:hover .icon-box{
    left: -100%;
    top: -100%;
    transform: rotate(360deg);
    transition: all 900ms ease;
}
.single-service-item .icon-box span:before {
    font-size: 35px;
    line-height: 35px;
    color: #222222;
    display: block;
    padding: 23px 0;
}
.single-service-item .title-box {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #6b3c78;
    z-index: 2;
    display: block;
    padding: 9px 20px 8px;
    min-width: 250px;
    text-align: center;
    transition: all 900ms ease;
    transition: all .5s ease-in-out;
}
.single-service-item .title-box h3 {
    font-size: 18px;
}
.single-service-item .title-box h3 a{
    color: #ffffff;    
}
.single-service-item .text-holder{
    padding-top: 25px;  
}
.single-service-item .text-holder p{
    margin: 0 0 15px;
}
.single-service-item .text-holder a.readmore{
    color: #222222;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-service-item .text-holder a.readmore:hover{
    color: #420066;
}
.services-area .owl-dots {
    position: relative;
    margin-top: 25px;
}
.services-area .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #cecece;
	padding:0px;
	background: #ffffff;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.services-area .owl-dots .owl-dot span{
	display:none;	
}
.services-area .owl-dots .owl-dot.active{
	background:#420066;
    border-color: #420066;
    border-radius: 15px;
}
.services-area .owl-dots .owl-dot:hover{
	background:#420066;
    border-color: #420066;
}



/*** 
=============================================
    Working area style
=============================================
***/
.working-area {
    background: #420066;
    position: relative;
    overflow: hidden;
}
.working-area .text-holder {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 90px;
}
.working-area .text-holder .sec-title {
    padding-bottom: 23px;
}
.working-area .text-holder .sec-title h1{
    color: #ffffff;
}

.working-area .text-holder .text{}
.working-area .text-holder .text p {
    color: #eef2ff;
    margin: 0 0 18px;
}
.working-area .text-holder .text a{
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.working-area .text-holder .text a i{
    display: inline-block;
    padding-left: 7px;
    font-weight: 700;
}

.working-bg {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 90px;
    padding-bottom: 80px;
    z-index: 1;
}
.working-bg:before {
    position: absolute;
    top: 0;
    left: 0px;
    content: "";
    height: 100%;
    width: 1000%;
    background: #400461;
    z-index: -1;
}
.working-area .single-item {
    position: relative;
    background: #af1cff;
    display: block;
    padding: 40px 40px 33px;
    z-index: 1;
}
.working-area .single-item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background: #420066;
    content: "";
    z-index: -1;
    transition: all 700ms ease-in;
    opacity: 0;
}
.working-area .single-item:hover:before{
    height: 100%;
    opacity: 1;
    transition: all 500ms ease-in;
}
.working-area .single-item .icon-holder{
    
}
.working-area .single-item .icon-holder span:before{
    color: #a2b8ed;
    font-size: 50px;
    line-height: 50px;
}
.working-area .single-item .text-box {
    margin-top: 24px;
}
.working-area .single-item .text-box h3{
    color: #ffffff;  
    margin: 0 0 16px;
}
.working-area .single-item .text-box p{
    color: #fff;
    margin: 0;
}

.working-area .owl-dots {
    position: absolute;
    right: -33px;
    top: 50%;
    margin-top: -40px;
}
.working-area .owl-dot-style-one .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 10px 0px;
    border: 3px solid #ffffff;
	padding:0px;
	background: transparent;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: block;
}
.working-area .owl-dot-style-one .owl-dots .owl-dot span{
	display:none;	
}
.working-area .owl-dot-style-one .owl-dots .owl-dot.active{
	background: transparent;
    border-color: #ffffff;
    background: #ffffff;
    border-radius: 15px;
}
.working-area .owl-dot-style-one .owl-dots .owl-dot:hover{
	background: transparent;
    border-color: #ffffff;
    background: #ffffff;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
  background: #f7f7f7;
  padding-bottom: 90px;
  padding-top: 90px;
}
.brand-text-box .text {
    margin-top: -5px;
}
.brand-text-box .text p{
    margin: 0 0 33px;
}
.brand-text-box .text a{}
.brand-area .video-holder {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.brand-area .video-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.brand-area .video-holder .overlay-gallery {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.brand-area .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
.brand-area .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
.brand-area .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.brand-area .video-holder:hover .overlay-gallery {
    background-color: #6b3c78;
}
.brand-area .video-holder:hover img {
    transform: scale(1.1);
}
.brand-area .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}



.brand-area .brand{
    margin-top: 80px;
    border-top: 1px solid #e9e9e9;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}
.brand-area .brand:before{
    position: absolute;
    top: 0;
    right: -5px;
    width: 20px;
    height: 100%;
    background: #F7F7F7;
    content: "";
    z-index: 100;
}
.brand-area .brand .owl-stage-outer{
  z-index:10;		
}
.brand-area .brand .single-item {
    display:block;
    border-right: 1px solid #e9e9e9;
    min-height: 70px;
    max-width: 195px;
    width: 100%;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    z-index: 1;
}
.brand-area .brand .single-item img {
    display: block;
    max-width: 100%;
    opacity: 1;
    position: relative;
    transition: all 300ms ease-in 0s;
    width: auto;
    padding-left: 13px;
    padding-right: 12px;
}
.brand-area .brand .single-item:hover img{
    opacity: .9;
}
.brand-area .owl-theme .owl-dots {
    display: none;
    text-align: center;
}
.brand-area .owl-theme .owl-nav {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.brand-area .owl-theme .owl-nav .owl-prev {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: block;
    height: 45px;
    width: 45px;
    left: -45px;
    position: absolute;
    top: -3px;
    transition: all 700ms ease 0s;
    z-index: 10;
    margin: 0;
    border-radius: 0;
    padding: 6px 0;
}
.brand-area .owl-theme .owl-nav .owl-next {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: block;
    height: 45px;
    width: 45px;
    position: absolute;
    right: -45px;
    top: -3px;
    z-index: 1000;
    transition: all 700ms ease 0s;
    margin: 0;
    border-radius: 0;
    padding: 6px 0;
}
.brand-area .owl-theme .owl-nav .owl-prev:hover{
    background: #420066;
}
.brand-area .owl-theme .owl-nav .owl-next:hover{
    background: #420066;    
}
.brand-area .owl-theme .owl-nav:hover div .fa{
    color: #fff;    
}
.brand-area .owl-theme .owl-nav div .fa {
    color: #848484;
    font-size: 25px;
    display: block;
    padding-top: 2px;
    text-align: center;
}



/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff;
    position: relative;
}
.latest-blog-area .single-blog-post {
    margin-bottom: 40px;
    transition: all 500ms ease;
}
.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-blog-post .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);  
}
.single-blog-post:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);
}
.single-blog-post:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a i {
    background: rgba(58, 67, 176, 0.60);
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    width: 45px;
    line-height: 48px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-blog-post:hover .img-holder .overlay-style-one .box .content a i{
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a:hover i{
    background: #fff;
    background: rgba(58, 67, 176, 1);
}

.single-blog-post .text-holder {
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
}
.single-blog-post .text-holder .top{
    border-bottom: 1px solid #f2f2f2;    
}
.single-blog-post .text-holder .top .date-box {
    width: 70px;
    border-right: 1px solid #f2f2f2;
    height: 68px;
    text-align: center;
    display: block;
    padding: 13px 0 13px;
}
.single-blog-post .text-holder .top .date-box h4{
    color: #420066;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
}
.single-blog-post .text-holder .top .meta-box {
    display: block;
    padding: 9px 0 12px;
    padding-left: 30px;
}
.single-blog-post .text-holder .top .meta-box span{
    color: #d8d8d8;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.single-blog-post .text-holder .top .meta-box .meta-info {
    overflow: hidden;
    margin: 3px 0 0;
}
.single-blog-post .text-holder .top .meta-box .meta-info li {
    display: inline-block;
    float: left;
    border-right: 1px solid #cfcfcf;
    padding-right: 10px;
    margin-right: 9px;
    line-height: 16px;
}
.single-blog-post .text-holder .top .meta-box .meta-info li:last-child{
    border-right: 0px solid #cfcfcf;
    padding-right: 0px;
    margin-right: 0px;    
}
.single-blog-post .text-holder .top .meta-box .meta-info li a{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 16px;    
}

.single-blog-post .text-holder .text{
    display: block;
    padding: 25px 25px 22px;
}
.single-blog-post .text-holder .blog-title {
    color: #222222;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 13px;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}
.single-blog-post .text-holder .blog-title:hover{
    color: #420066;
}
.single-blog-post .text-holder .top .meta-box .meta-info li a:hover{
    color: #420066;
}
.single-blog-post .text-holder .text p {
    margin: 0;
}
.single-blog-post .text-holder .readmore {
    overflow: hidden;
    padding-top: 15px;
}
.single-blog-post .text-holder .readmore a {
    color: #420066;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .readmore a:hover{
   
}



/*** 
=============================================
    Customer feedback  style
=============================================
***/
.customer-feedback {
    padding-top: 90px;
    padding-bottom: 82px;
}
.single-testimonial{
    position: relative;
}
.single-testimonial:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    content: "";
    background: rgba(246, 246, 246, 0.15);
}
.single-testimonial-box.pd-left100{
    padding-left: 100px;
}
.single-testimonial-box.pd-right100{
    padding-right: 100px;
}

.single-testimonial-box{ }
.single-testimonial-box .top {
    overflow: hidden;
    display: block;
    position: relative;
    padding-left: 100px;
    min-height: 80px;
}
.single-testimonial-box .top .img-holder{
    position: absolute;
    top: 0;
    left: 0;
}
.single-testimonial-box .top .img-holder img {
    border-radius: 50%;
}
.single-testimonial-box .top .title {
    border-left: 1px solid rgba(246, 246, 246, 0.15);
    margin: 12px 0;
    display: block;
    padding-left: 20px;
}
.single-testimonial-box .top .title h3{
    color: #ffffff;
    font-size: 20px;
    margin: 0 0 4px;
    line-height: 26px;
}
.single-testimonial-box .top .title span{
    color: #b2c9ff;
    line-height: 16px;
}

.single-testimonial-box .text-holder {
    overflow: hidden;
    margin-top: 40px;
}
.single-testimonial-box .text-holder .logo-box {
    margin-bottom: 25px;
    overflow: hidden;
}
.single-testimonial-box .text-holder .logo-box img{
    width: auto;    
}
.single-testimonial-box .text-holder .text{
  
}
.single-testimonial-box .text-holder .text p {
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.customer-feedback .owl-dots {
    position: absolute;
    top: -102px;
    right: 0;
}
.customer-feedback .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #5b61ae;
	padding:0px;
	background: #323a9a;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.customer-feedback .owl-dots .owl-dot span{
	display:none;	
}
.customer-feedback .owl-dots .owl-dot.active{
	background:#ffffff;
    border-color: #ffffff;
    border-radius: 15px;
}
.customer-feedback .owl-dots .owl-dot:hover{
	background:#ffffff;
    border-color: #ffffff;
}



/*** 
=============================================
    Consultation form area style
=============================================
***/
.consultation-form-area {
    position: relative;
    padding-top: 90px;
    padding-bottom: 70px;
}
.consultation-form-area .content-box {
    box-shadow: 0px 0px 15px 2px #ebebf2;
    display: block;
    padding: 65px 0px 0px;
    padding-left: 30px;
}
.consultation-form-area .text-holder{}
.consultation-form-area .text-holder .text{
    margin-bottom: 32px;
}
.consultation-form-box {}
.consultation-form-box input[type="text"],
.consultation-form-box input[type="email"] {
    border: 1px solid #f3f3f3;
    background: #f6f6f6;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 52px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    font-weight: 400;
    transition: all 500ms ease;
}
.consultation-form-box input[type="text"]:focus{
    border-color: #420066;        
}
.consultation-form-box input[type="email"]:focus{
    border-color: #420066;           
}
.consultation-form-box button {
    padding: 17px 30px 18px;
    width: 100%;
    max-width: 170px;
}
.consultation-form-box input::-webkit-input-placeholder {
    color: #909090;
}
.consultation-form-box input:-moz-placeholder {
    color: #909090;
}
.consultation-form-box input::-moz-placeholder {
    color: #909090;
}
.consultation-form-box input:-ms-input-placeholder {
    color: #909090;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    padding-top: 0px;
    position: relative;
}
.single-fact-counter {
    display: block;
    margin-bottom: 40px;
    min-height: 145px;
    width: 25%;
    float: left;
    border-right: 1px solid #f2f2f2;
}
.single-fact-counter:last-child{
    border-right: none;
}
.single-fact-counter .count-box {
    position: relative;
    display: block;
    padding: 25px 0;
}
.single-fact-counter .percent {
    position: relative;
    width: 130px;
    margin: 0 auto;
}
.single-fact-counter h1 span {
    color: #222222;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.single-fact-counter .icon-box{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.single-fact-counter .icon-box i {
    color: #222222;
    font-size: 34px;
    line-height: 50px;
}
.single-fact-counter .count-box .title{}
.single-fact-counter .count-box .title h3 {
    color: #848484;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Fira Sans', sans-serif;
    margin: 15px 0;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background: #420066 none repeat scroll 0 0;
    overflow: hidden;
}

.footer-area .contact-info-box{
    padding-top: 90px;
}
.contact-info-box {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-right: 30px;
}
.contact-carousel {
    max-width: 280px;
    margin-top: -2px;
}
.contact-carousel .title-box{
    padding-bottom: 20px;
    margin-top: 0;
}
.contact-carousel .title-box h4{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.contact-info-box ul li {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px; 
}
.footer-contact-info ul li:last-child {
    margin-bottom: 0;  
}
.contact-info-box ul li .icon-holder{
    position: absolute;
    top: 2px;
    left: 0;
}
.contact-info-box ul li .icon-holder span:before{
    color: #b2c9ff;
    font-size: 20px;
    line-height: 20px;
}
.contact-info-box ul li .text-holder p {
    color: #d6d6d6;
    font-size: 15px;
    font-style: italic;
    margin: 0;
}

.contact-info-box .social-icon-box {
    overflow: hidden;
    padding-top: 0px;
}
.contact-info-box .social-icon-box p{
    color: #d6d6d6;
    font-size: 15px;
    font-style: italic;
    display: inline-block;
    float: left;
    margin: 0;
}
.contact-info-box .social-icon-box .social-icon{
    float: left;
    display: inline-block;
    padding-left: 10px;
}
.contact-info-box .social-icon-box .social-icon li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    padding: 0;
    margin-bottom: 0;
}
.contact-info-box .social-icon-box .social-icon li:last-child{
    margin: 0;
}
.contact-info-box .social-icon-box .social-icon li a i{
    color: #b2c9ff;
    font-size: 14px;
    transition: all 500ms ease;
}
.contact-info-box .social-icon-box .social-icon li a:hover i{
    color: #ffffff;    
}

.contact-info-box .owl-dots {
    position: absolute;
    top: 0px;
    right: 50px;
}
.contact-info-box .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
    border: 2px solid #c3c4c5;
	padding:0px;
	background: #420066;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.contact-info-box .owl-dots .owl-dot span{
	display:none;	
}
.contact-info-box .owl-dots .owl-dot.active{
	background:#420066;
    border-color: #420066;
    border-radius: 15px;
}
.contact-info-box .owl-dots .owl-dot:hover{
	background:#420066;
    border-color: #420066;
}


.footer-area .footer-widget {
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 82px;
    margin-left: -65px;
    padding-left: 65px;
    z-index: 1;
}
.footer-area .footer-widget::before {
    background: #420066;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1;
}
.single-footer-widget {
    overflow: hidden;
}
.single-footer-widget .sec-title {
    padding-bottom: 40px;
    margin-top: -6px;
}
.single-footer-widget .sec-title h1 {
    font-size: 24px;
    line-height: 32px;
}

.single-footer-widget .latest-post{}
.single-footer-widget .latest-post .single-post {
    padding-left: 70px;
    position: relative;
    min-height: 70px;
}
.single-footer-widget .latest-post .single-post:last-child{

}
.single-footer-widget .latest-post .single-post .img-holder {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;    
}
.single-footer-widget .latest-post .single-post .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);   
}
.single-footer-widget .latest-post .single-post:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a i {
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-footer-widget .latest-post .single-post:hover .img-holder .overlay-style-one .box .content a i {
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;    
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a:hover i {
    color: #b2c9ff;
}
.single-footer-widget .latest-post .single-post:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}


.single-footer-widget .latest-post .single-post .text-holder {
    position: relative;
    margin-left: 30px;
    border-bottom: 1px solid #34405c;
    display: block;
    padding-bottom: 16px;
    margin-bottom: 20px;
}
.single-footer-widget .latest-post .single-post:last-child .text-holder{
    border-bottom: 0px solid;
    padding-bottom: 0;
    margin-bottom: 0;    
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    position: relative;
    top: -5px;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title:hover{
    color: #b2c9ff;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info {
    overflow: hidden;
    margin: 5px 0 0;
    line-height: 18px;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info span {
    color: #d6d6d6;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Fira Sans', sans-serif;
}


.single-footer-widget .usefull-links {
    overflow: hidden;
    margin-top: -6px;
}
.single-footer-widget .usefull-links.mar-right60{
    margin-right: 60px;
}
.single-footer-widget .usefull-links li{
    margin-bottom: 8px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li a{
    color: #d6d6d6;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a i{
    display: inline-block;
    padding-right: 9px;
}
.single-footer-widget .usefull-links li a:hover{
    color: #b2c9ff;
    text-decoration: underline;
}



/*** 
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area{
    background: #ffffff;
    padding: 22px 0;
}
.footer-bottom-area .footer-bottom {
    overflow: hidden;

}
.footer-bottom-area .footer-bottom .copyright-text {
    margin: 0px 0;
}
.footer-bottom-area .footer-bottom .copyright-text p {
    color: #848484;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.footer-bottom-area .footer-bottom .copyright-text p a {
    color: #420066; 
    font-weight: 500;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-bottom .copyright-text p a:hover{
    color: #848484;
}

.footer-bottom-area .footer-bottom .footer-menu{}
.footer-bottom-area .footer-bottom .footer-menu ul li{
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.footer-bottom-area .footer-bottom .footer-menu ul li:last-child{
    margin-right: 0px;
}
.footer-bottom-area .footer-bottom .footer-menu ul li a {
    color: #848484;
    font-size: 16px;
    font-weight: 500;
    transition: all 500ms ease; 
    font-family: 'Poppins', sans-serif;
}
.footer-bottom-area .footer-bottom .footer-menu ul li a:hover{
    color: #420066; 
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.breadcrumb-area::before {
    background: #420066;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
} 
.breadcrumb-area .breadcrumbs {
    padding: 115px 0 62px;
}
.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    text-transform: capitalize;
    text-align: center;
}
.breadcrumb-bottom {}
.breadcrumb-bottom .inner-content {
    display: block;
    padding: 13px 0px 12px;
    overflow: hidden;
}
.breadcrumb-bottom ul{}
.breadcrumb-bottom ul li{
    display: inline-block;
    margin-right: 6px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.breadcrumb-bottom ul li:last-child{
    margin-right: 0;
}
.breadcrumb-bottom ul li a{
    color: #f7f7f7;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-bottom ul li.active{
    color: #000000;    
}
.breadcrumb-bottom ul li i{
    font-size: 16px;
    color: #f7f7f7;
}
.breadcrumb-bottom ul li a:hover{
    color: #000000;    
}



/*** 
=============================================
   Welcome area.about-page style
=============================================
***/
.welcome-area.about-page{
    background: #ffffff;
    padding-bottom: 90px;
}
.welcome-area.about-page .welcome-text-box {
    display: block;
    padding-top: 0;
    padding-left: 0px;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: -5px;
    box-shadow: none;
}



/*** 
=============================================
    History Area style
=============================================
***/
.history-area{
    background: #f2f2f2;
    padding: 90px 0 90px;
}
.featured-box {
    background: #e8e8e8;
    display: block;
    padding: 44px 30px 26px;
}
.featured-box ul{}
.featured-box ul .single-item {
    position: relative;
    display: block;
    padding-left: 65px;
    margin-bottom: 20px;
}
.featured-box ul .single-item:last-child{
    margin-bottom: 0;
}
.featured-box ul .single-item .iocn-holder {
    position: absolute;
    top: 6px;
    left: 0;
}
.featured-box ul .single-item .iocn-holder span:before{
    color: #222222;
    font-size: 45px;
    line-height: 45px;
}
.featured-box ul .single-item .text-holder{
    
}
.featured-box ul .single-item .text-holder h3{
    margin: 0 0 3px;    
}
.featured-box ul .single-item .text-holder span{
    color: #420066;    
}
.featured-box ul .single-item .text-holder .text{
    margin-top: 11px;
}



.single-history {
    padding-left: 130px;
    position: relative;
    display: block;
    border-left: 1px solid #e8e8e8;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 3px;
}
.single-history:before {
    position: absolute;
    top: 0px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: #e8e8e8;
    content: "";
    border-radius: 50%;
    z-index: 1;
}
.single-history.bottom{
 
}
.single-history.bottom:before{
    display: none;
}
.single-history.bottom:after{
    position: absolute;
    bottom: 0px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: #e8e8e8;
    content: "";
    border-radius: 50%;
    z-index: 1;
}

.single-history .date-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    z-index: 2;
}
.single-history .date-box:before {
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 7px;
    height: 7px;
    background: #420066;
    content: "";
    border-radius: 50%;
    z-index: 1;
}
.single-history .date-box:after {
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 11px;
    height: 11px;
    background: #ffffff;
    content: "";
    border-radius: 50%;
    z-index: -1;
}

.single-history .date-box h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 28px 0 14px;
    text-transform: uppercase;
}

.single-history .right-content{
    overflow: hidden;
    padding-left: 70px;
    position: relative;
}
.single-history .right-content .img-box {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.single-history .right-content .text-box {
    padding-left: 23px;
}
.single-history .right-content .text-box h3 {
    color: #222222;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 5px;
}
.single-history .right-content .text-box p {
    margin: 0;
}

.history-area .owl-controls {
    position: absolute;
    left: -1px;
    bottom: -57px;
}
.history-area .owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    color: #ababab;
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    line-height: 42px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 45px;
    border: 1px solid #f2f2f2;    
    transition: all 700ms ease 0s;
    border-radius: 50%;
}
.history-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.history-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #420066;
    color: #420066;
}



/*** 
=============================================
    Opportunities Area style
=============================================
***/
.opportunities-area{
    padding: 93px 0 100px;
}
.opportunities-area .opportunities{
    max-width: 910px;
    margin: 0 auto;
}
.opportunities-area .opportunities h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    margin: 0 0 22px;
}
.opportunities-area .opportunities .text{
    
}
.opportunities-area .opportunities .text p{
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}
.opportunities-area .opportunities .button{
    margin-top: 32px;
}
.opportunities-area .opportunities .button a{
    background: #420066;
    padding: 17px 40px 18px;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    position: relative;
    padding-top: 88px;
    padding-bottom: 72px;
}
.single-team-member{
    margin-bottom: 40px; 
    background: #f6f6f6;
    display: block;
}
.single-team-member .inner-box{
    padding: 20px;
}
.single-team-member .img-holder{
    overflow: hidden;
    position: relative;
    display: block;  
}
.single-team-member .img-holder img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;     
}
.single-team-member:hover .img-holder img{
    transform: scale(1, 1);    
}
.single-team-member .img-holder .overlay-style-one {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .85);
    color: #fff;
    transition: all 500ms ease;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.single-team-member .img-holder .overlay-style-one .box .content ul{}
.single-team-member .img-holder .overlay-style-one .box .content ul li{
    display: inline-block;
    margin: 0 5px;    
}
.single-team-member .img-holder .overlay-style-one .box .content ul li a i{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #5e5d5d;
    color: #5e5d5d;
    font-size: 14px;
    line-height: 36px;
    transition: all 500ms ease;    
}
.single-team-member .img-holder .overlay-style-one .box .content ul li a:hover i{
    background: #420066;
    border-color: #420066;
    color: #ffffff;
}
.single-team-member:hover .img-holder .overlay-style-one{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
}

.single-team-member .text-holder {
    display: block;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.single-team-member .text-holder h3 {
    color: #222222;
    margin: 0 0 3px;
}
.single-team-member .text-holder span {
    color: #420066;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
}
.single-team-member .text-holder ul {
    overflow: hidden;
    margin-top: 17px;
    border-top: 1px solid #e8e8e8;
    display: block;
    padding: 14px 0 12px;
}
.single-team-member .text-holder ul li span:before {
    color: #420066;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    padding-right: 4px;
    position: relative;
}
.team-area .owl-dots {
    position: relative;
    margin-top: -20px;
}
.team-area .owl-dot-style-one .owl-dots .owl-dot{
	background-image:none;
	width: 13px;
	height: 13px;
	margin: 10px 5px;
    border: 1px solid #cecece;
	padding:0px;
	background: transparent;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.team-area .owl-dot-style-one .owl-dots .owl-dot span{
	display:none;	
}
.team-area .owl-dot-style-one .owl-dots .owl-dot.active{
    border-color: #420066;
    background: #420066;
    border-radius: 15px;
}
.team-area .owl-dot-style-one .owl-dots .owl-dot:hover{
    border-color: #420066;
    background: #420066;
}



/*** 
=============================================
   certications Area style
=============================================
***/
.certications-area {
    background: #f6f6f6;
}
.single-certications-item{
    border: 1px solid #e8e8e8;
    display: block;
    margin-bottom: 40px;
}
.single-certications-item .img-holder {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e8;
}
.single-certications-item  .text-holder{
    display: block;
    padding: 25px 30px 23px;
}
.single-certications-item  .text-holder h3{
    color: #222222;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 11px;
}
.single-certications-item  .text-holder p{
    margin: 0;
}



/*** 
=============================================
    Services page area style
=============================================
***/
.services-page-area{
    padding-top: 90px;
    padding-bottom: 50px;
}
.services-page-area .single-service-item{
    margin: 0 0 40px;
}



/*** 
=============================================
   Single service Area style
=============================================
***/
#single-service-area {
    padding: 90px 0 90px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}
#single-service-area .sec-title {
    margin-top: -5px;
    padding-bottom: 35px;
}
#single-service-area .content-box {
    position: relative;
    z-index: 1;
    margin-left: 70px;
    padding-left: 30px;
}
#single-service-area .content-box:before {
    position: absolute;
    left: 0;
    top: -500px;
    bottom: -500px;
    width: 1px;
    background: #f2f2f2;
    content: "";
    z-index: -1;
}
#single-service-area .content-box .top-content {
    overflow: hidden;
}
#single-service-area .content-box .top-content .text-holder {
    margin-bottom: 32px;
}
#single-service-area .content-box .top-content .text-holder p.mar-btm15{
    margin-bottom: 15px;    
}
#single-service-area .content-box .top-content .img-holder {
    overflow: hidden;
    padding-bottom: 70px;
}

.explore-service-box {
    overflow: hidden;
    display: block;
    position: relative;
}
.explore-service-box .text-holder{}
.explore-service-box .text-holder .inner-text {
    overflow: hidden;
}
.explore-service-box .text-holder .inner-text ul{
    overflow: hidden;
    display: block;
    margin-top: 30px;
}
.explore-service-box .text-holder .inner-text ul li {
    position: relative;
    display: block;
    padding-left: 70px;
    width: 50%;
    float: left;
    margin-bottom: 35px;
    padding-right: 30px;
}
.explore-service-box .text-holder .inner-text ul li .icon-box {
    position: absolute;
    top: 7px;
    left: 0;
    background: #f6f6f6;
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}
.explore-service-box .text-holder .inner-text ul li .icon-box:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #420066;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: all 500ms ease;
}
.explore-service-box .text-holder .inner-text ul li:hover .icon-box:after{
    transform: scale(1);        
}
.explore-service-box .text-holder .inner-text ul li .icon-box span:before {
    color: #292929;
    font-size: 40px;
    line-height: 40px;
    display: block;
    padding: 14px 0;
    transition: all 900ms ease;
}
.explore-service-box .text-holder .inner-text ul li:hover .icon-box span:before{
    color: #ffffff;    
}
.explore-service-box .text-holder .inner-text ul li .text-box{
    padding-left: 30px;
}
.explore-service-box .text-holder .inner-text ul li .text-box h3{
    font-weight: 500;
    margin: 0 0 13px;
}
.explore-service-box .text-holder .inner-text ul li .text-box p{
    margin: 0;
}



.profit-improvement-box {
    margin-top: 30px;
    margin-bottom: 65px;
    overflow: hidden;
}
.profit-improvement-box .graph-outer {
    max-width: 275px;
}
.profit-improvement-box .graph-outer .donut-graph { }
.profit-improvement-box .text-holder {
    margin-left: -30px;
}
.profit-improvement-box .text-holder .text {
    margin-bottom: 15px;
}
.profit-improvement-box .text-holder ul{}
.profit-improvement-box .text-holder ul li{
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
}
.profit-improvement-box .text-holder ul li:last-child{
    margin-bottom: 0;
}
.profit-improvement-box .text-holder ul li .iocn-box{
    position: absolute;
    top: 10px;
    left: 0;
}
.profit-improvement-box .text-holder ul li .iocn-box .box{
    height: 8px;
    width: 8px;
    background: #4f5cf8;
    display: block;
}
.profit-improvement-box .text-holder ul li .iocn-box .box.bg2{
    background: #dd3b4a;
}
.profit-improvement-box .text-holder ul li .iocn-box .box.bg3{
    background: #f89d4b;
}
.profit-improvement-box .text-holder ul li .text-box{}
.profit-improvement-box .text-holder ul li .text-box h3{ 
    font-size: 18px;
    margin: 0 0 5px;
}
.profit-improvement-box .text-holder ul li .text-box p{ 
    margin: 0;    
}


.single-service-tab-box{
    overflow: hidden;
    display: block;
}
.service-tab-box { }
.service-tab-box .tab-menu {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
}
.service-tab-box .tab-menu li {
    display: inline-block;
    float: left;
    margin-bottom: 0px;
    margin-right: 3px;
}
.service-tab-box .tab-menu li span {
    background: #ffffff;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0;
    display: block;
    margin-bottom: -1px;
    padding: 15px 30px 13px;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
    position: relative;
    display: block;
    cursor: pointer;
}
.service-tab-box .tab-menu li.active span, 
.service-tab-box .tab-menu li:hover span{
    background: #f4f4f4;
    color: #420066;
    border-left-color: #f4f4f4;
    border-top-color: #f4f4f4;
    border-right-color: #f4f4f4;
    border-bottom-color: #f4f4f4;
}
.service-tab-box .tab-content-box {
    background: #f4f4f4;
    padding: 29px 20px 20px;
    display: block;
}
.service-tab-box .tab-content-box .single-tab-content{}
.service-tab-box .tab-content-box .single-tab-content .top-content {
    margin-bottom: 10px;
}
.service-tab-box .tab-content-box .single-tab-content .top-content p{}
.service-tab-box .tab-content-box .single-tab-content .bottom-content {
    overflow: hidden;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content .title {
    padding-bottom: 10px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content .title h3 {
    font-size: 20px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul {}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul.left{
    margin-right: 50px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul li{
    line-height: 36px;
}
.service-tab-box .tab-content-box .single-tab-content .bottom-content ul li i{
    color: #420066;
    font-size: 14px;
    display: inline-block;
    padding-right: 8px;
}



.left-sidebar {
    margin-right: -70px;
}
.left-sidebar .single-sidebar {}
.left-sidebar .single-sidebar .service-list-box {
    background: #f6f6f6;
    display: block;
}
.left-sidebar .single-sidebar .service-list-box .title{
    border-bottom: 1px solid #e8e8e8;
    display: block;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 30px;
}
.left-sidebar .single-sidebar .service-list-box .title h3{
    font-size: 22px; 
    font-weight: 500;
}
.left-sidebar .single-sidebar .service-list-box .page-links {
    overflow: hidden;
    display: block;
    padding: 0 30px;
    margin-bottom: 60px;
}
.left-sidebar .single-sidebar .service-list-box .page-links li{}
.left-sidebar .single-sidebar .service-list-box .page-links li a {
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 25px 12px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
    border-bottom: 1px solid #e8e8e8;
}
.left-sidebar .single-sidebar .service-list-box .page-links li:last-child a{
    border-bottom: 0px solid;
} 
.left-sidebar .single-sidebar .service-list-box .page-links li a:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    content: "";
    background: #dedede;
    transition-delay: 0.5s;
    transition: all 500ms ease;
    margin: 23px 0;
}
.left-sidebar .single-sidebar .service-list-box .page-links li a:hover,
.left-sidebar .single-sidebar .service-list-box .page-links li a.active{
    color: #420066;
}
.left-sidebar .single-sidebar .service-list-box .page-links li a:hover:before,
.left-sidebar .single-sidebar .service-list-box .page-links li a.active:before{
    background: #420066;
}


.left-sidebar .single-sidebar .sec-title{
    padding-bottom: 40px;
}
.left-sidebar .single-sidebar .sec-title h1 {
    font-size: 22px;
    line-height: 30px;
}
.left-sidebar .single-sidebar .service-brochures {
    overflow: hidden;
    margin-bottom: 60px;
    display: block;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li{}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a {
    background: #f6f6f6;
    display: block;
    padding: 15px 20px 14px;
    transition: all 500ms ease;
    color: #848484;
    margin-bottom: 20px;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li:last-child a{
    margin-bottom: 0;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a:hover{
    background: #420066;
    color: #fff;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .icon-holder{
    width: 26px;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .icon-holder,
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .title-holder{
    display: table-cell;
    vertical-align: middle;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a .title-holder h5{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.left-sidebar .single-sidebar .service-brochures .brochures-dwn-link li a:hover .title-holder h5{
    color: #fff;    
}

.left-sidebar .single-sidebar .contact-author-info{ }
.contact-author-info {
    overflow: hidden;
    display: block;
}
.contact-author-info .text{
    margin-top: -5px;    
}
.contact-author-info .text p{
    margin: 0 0 17px;
}
.contact-author-info ul li{
    position: relative;
    padding-left: 40px;
    border-bottom: 1px solid #f2f2f2;
    display: block;
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.contact-author-info ul li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.contact-author-info ul li .icon-holder{
    position: absolute;
    top: 6px;
    left: 0;
}
.contact-author-info ul li .icon-holder span:before{
    color: #420066;
    font-size: 25px;
    line-height: 25px;
}
.contact-author-info ul li .text-holder{}
.contact-author-info ul li .text-holder p{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.contact-author-info ul li .text-holder p span {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}



/*** 
=============================================
   Team page style
=============================================
***/
.team-style-two{
    padding-top: 90px;
    padding-bottom: 50px;
    background: #f4f4f4;    
}
.team-style-two .single-team-member{
    background: #ffffff;
}
.team-style-two .single-team-member .text-holder {
    display: block;
    padding-top: 19px;
    padding-left: 15px;
    padding-right: 15px;
}
.team-style-two .single-team-member .inner-box {
    padding: 0px;
}
.team-style-two .single-team-member .text-holder ul li {
    font-size: 16px;
}



/*** 
=============================================
    Project Area style
=============================================
***/
.main-project-area{
    position: relative;
}
.project-filter {
    background: #f6f6f6;
    margin-bottom: 50px;
    display: block;
    padding: 18px 0 21px;
}
.project-filter li {
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    padding-right: 20px;
    margin-right: 20px;
    line-height: 20px;
}
.project-filter li:last-child{
    border-right: 0px solid #e5e5e5;
    padding-right: 0px;
    margin-right: 0px;    
}
.project-filter li span {
    position: relative;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}

.project-filter li span:before {
    position: absolute;
    bottom: -37px;
    left: 0;
    right: 0;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #f4f4f4;
    font-size: 25px;
    text-align: center;
    transform: scaleX(0);
    transition: .1s ease;
}
.project-filter li:hover span:before,
.project-filter li.active span:before{
    transform: scaleX(1);
    transition: .5s ease;
}
.project-filter li.active span, 
.project-filter li:hover span {
    color: #420066;
}

.main-project-area .single-project-item{
    margin-bottom: 40px;
}
.single-project-item{
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-item .img-holder img {
    width: 100%;
    transform: scale(1.1, 1.1);  
    transition: all 1s ease-in-out;
}
.single-project-item:hover .img-holder img {  
    transform: scale(1.2, 1.2);
    transition: all 1s ease-in-out;
}
.single-project-item .img-holder .overlay-style-one{
    background: rgba(15, 30, 66, 0.9);    
}
.single-project-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}

.single-project-item .img-holder .overlay-style-one .box .content {
    transform: scale(1.2);
    opacity: 0;
    text-align: left;
    vertical-align: bottom;
    transition: all 2s ease-in-out;
}
.single-project-item:hover .img-holder .overlay-style-one .box .content{
    transform: scale(1);
    opacity: 1;
    transition: all 2s ease-in-out;
}
.single-project-item .img-holder .overlay-style-one .box .content .inner-content{
    position: absolute;
    left: 30px;
    bottom: 22px;
}
.single-project-item .img-holder .overlay-style-one .box .content .border{
    width: 60px;
    height: 2px;
    background: #b2c9ff;
    display: block;
}
.single-project-item .img-holder .overlay-style-one .box .content h3{
    margin: 14px 0 3px;    
}
.single-project-item .img-holder .overlay-style-one .box .content h3 a{
    color: #ffffff;
}
.single-project-item .img-holder .overlay-style-one .box .content span{
    color: #b2c9ff;
}



/*** 
=============================================
    Project single area  style
=============================================
***/
.project-single-area {
    padding-top: 90px;
    padding-bottom: 90px;
}
.project-single-area .sec-title {
    padding-bottom: 25px;
}
.project-single-area .sec-title h1{
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
}

.project-single-area .single-project-img-box {
    margin-bottom: 50px;
}
.project-single-area .project-info {}
.project-single-area .project-info ul {
    background: #f6f6f6;
    display: block;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.project-single-area .project-info ul li {
    margin-bottom: 15px;
}
.project-single-area .project-info ul li:last-child{
    margin-bottom: 0;
}
.project-single-area .project-info ul li b {
    width: 100px;
    display: inline-block;
    color: #420066;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.project-single-area .project-info ul li span{
    font-family: 'Fira Sans', sans-serif;
    padding-left: 20px; 
    color: #848484;
    font-weight: 400;
}


.project-single-area .legal-work-content { }
.project-single-area .legal-work-content h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 8px;
}
.project-single-area .legal-work-content span{
    color: #420066;
    margin: 0;
}
.project-single-area .legal-work-content p {
    margin: 6px 0 0;
}
.project-single-area .legal-work-content a {
    margin: 16px 0 0;
}


.project-single-area .project-analysis {
    overflow: hidden;
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
    margin-top: 90px;
    background: #400461;
}
.project-single-area .project-analysis .text-holder {
    overflow: hidden;
    margin-top: -7px;
}
.project-single-area .project-analysis .text-holder p{
    color: #eef2ff;
}
.project-single-area .project-analysis .text-holder p.mar-btm{
    margin-bottom: 15px;
}


.project-single-area .project-analysis-result {
    overflow: hidden;
    display: block;
    position: relative;
    margin-top: 26px;
}
.project-single-area .project-analysis-result .inner-content{
    background: #af1cff;
    display: block;
    padding: 60px 60px;
}
.project-single-area .project-analysis-result .inner-content .graph-outer{ }
.project-analysis-result .inner-content .text {
    margin: 20px 0;
    padding-left: 30px;
}
.project-analysis-result .inner-content .text h3 {
    color: #ffffff;
    margin: 0 0 16px;
}
.project-analysis-result .inner-content .text p{
    color: #b2c9ff;
    margin: 0;    
}
.project-analysis-result .inner-content .text ul{
    overflow: hidden;
    margin-top: 15px;
}
.project-analysis-result .inner-content .text ul li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 9px;
}
.project-analysis-result .inner-content .text ul li:last-child{
    margin-bottom: 0;
}
.project-analysis-result .inner-content .text ul li .iocn-box{
    position: absolute;
    top: 11px;
    left: 0;
}
.project-analysis-result .inner-content .text ul li .iocn-box .box{
    height: 8px;
    width: 8px;
    background: #dd3b4a;
    display: block;    
}
.project-analysis-result .inner-content .text ul li .iocn-box .box.bg2{
    background: #f8924b;
}
.project-analysis-result .inner-content .text ul li .iocn-box .box.bg3{
    background: #4f5cf8;  
}
.project-analysis-result .inner-content .text ul li .text-box{ }
.project-analysis-result .inner-content .text ul li .text-box h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
}

.project-single-area .project-result {
    background: #fff;
    display: block;
    padding-top: 90px;
}
.project-single-area .project-result .sec-title h1{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
}
.project-single-area .project-result .text-holder{ }
.project-single-area .project-result .text-holder ul{ }
.project-single-area .project-result .text-holder ul li{
    color: #848484;
    font-size: 16px;
    font-style: italic;
    line-height: 40px;
}
.project-single-area .project-result .text-holder ul li i{
    color: #420066;
    display: inline-block;
    padding-right: 7px;
}
.project-single-area .project-result .business-growth-chart {
    margin-left: -30px;
    margin-top: 10px;
}



/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area{
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
}
.faq-content-area .tab-menu {
    border-bottom: none;
    display: block;
}
.faq-content-area .tab-menu li {
    background: #f6f6f6;
    display: block;
    margin-bottom: 5px;
    float: none;
    width: 100%;
}
.faq-content-area .tab-menu li:last-child{
    margin-bottom: 0;
}
.faq-content-area .tab-menu li a {
    border: none;
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 15px 20px 13px;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: #f6f6f6;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.faq-content-area .tab-menu li.active a, 
.faq-content-area .tab-menu li:hover a{
    background: #420066;
    color: #ffffff;
}

.faq-content-area .accordion-box {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 0 20px 0;
}
.accordion-box {
    display: block;
    overflow: hidden;
    padding: 0;
}
.accordion-box .accordion {
    position: relative;
}
.accordion-box .accordion .accord-btn {
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    position: relative;
    transition: all 500ms ease;
    display: block;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 19px;
}
.accordion-box .accordion .accord-btn.last{
    border-bottom: 0px solid #f2f2f2;    
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    color: #f0f0f0;
    content: "\f10a";
    font-family: "Flaticon";
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 17px;
    transition: all 500ms ease 0s;
    text-align: center;
    border: 1px solid #f0f0f0;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.accordion-box .accordion .accord-btn.active{
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #420066;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f109";
    color: #420066;
    border-color: #420066;
    background: transparent;
}
.accordion-box .accordion .accord-content {
    display: none;
    position: relative;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 0px;
    border-bottom: 1px solid #f2f2f2;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
    color: #848484;
}



/*** 
=============================================
    Faq question Form Area style
=============================================
***/
.faq-question-form-area{
    background: #f6f6f6;
    padding-top: 90px;
    padding-bottom: 90px;
}
.faq-question-form-area .question-form form input[type="text"],
.faq-question-form-area .question-form form input[type="email"],
.faq-question-form-area .question-form form textarea{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    display: block;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
}
.faq-question-form-area .question-form form input[type="text"]:focus{
    border: 1px solid #420066;    
}
.faq-question-form-area .question-form form input[type="email"]:focus{
    border: 1px solid #420066;        
}
.faq-question-form-area .question-form form textarea:focus{
    border: 1px solid #420066;    
}
.faq-question-form-area .question-form form textarea{
    height: 140px;
    padding: 15px 20px;
}
.faq-question-form-area .question-form form button {
    padding: 18px 35px 18px;
    width: 220px;
    margin: 0 auto;
    display: block;
}



/*** 
=============================================
    Testimonial Page style
=============================================
***/
.testimonial-page{
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 40px;
}
.testimonial-page .single-testimonial {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 50px;
    padding-bottom: 42px;
}
.testimonial-page .single-testimonial.last{
    border-bottom: 0px solid;
    margin-bottom: 0px;
    padding-bottom: 42px;    
}
.testimonial-page .single-testimonial:before{
    background: #f2f2f2;
    height: auto;
    top: 0;
    bottom: 50px;
}
.testimonial-page .single-testimonial-box .top .title {
    border-left: 1px solid #f2f2f2;
}
.testimonial-page .single-testimonial-box .top .title h3 {
    color: #222222;
}
.testimonial-page .single-testimonial-box .top .title span {
    color: #420066;
}
.testimonial-page .single-testimonial-box .text-holder .text p {
    color: #848484;
    margin: 0;
}



/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 90px;
    padding-top: 96px;
}
.not-found-content h1 {
    color: #1c1c1c;
    font-size: 150px;
    font-weight: 700;
    margin: 0 0 16px;
}
.not-found-content h3 {
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.not-found-content p {
    color: #420066;
    font-size: 18px;
    margin: 0 0 30px;
}

.not-found-content .search-form {
    width: 432px;
    position: relative;
    margin: 0 auto;
}
.not-found-content .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #9a9a9a;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    height: 55px;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 60px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 432px;
}
.not-found-content .search-form button {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    color: #1c1c1c;
    display: inline-block;
    height: 55px;
    padding: 11px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 55px;
}
.not-found-content .search-form button i {
    font-size: 14px
}
.not-found-content .search-form input[type="text"]:focus {
    border: 1px solid #420066;
    background: #fff;
    color: #222;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
    background: #420066 none repeat scroll 0 0;
    color: #fff;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
#blog-area{
    padding-top: 90px;
    padding-bottom: 90px;
}
.blog-default-area{ }
.blog-default-area .single-blog-post {
    margin-bottom: 50px;
}
.blog-default-area .post-pagination {
    margin-top: 0px;
}



/*** 
=============================================
    Blog large area style
=============================================
***/
.blog-large-area{}
.blog-large-area .blog-post {
    margin-right: 70px;
    border-right: 1px solid #f2f2f2;
    padding-right: 30px;
    margin-top: -90px;
    padding-top: 90px;
    margin-bottom: -90px;
    padding-bottom: 90px;
}
.blog-large-area .single-blog-post{
    margin-bottom: 50px;    
}
.blog-large-area .single-blog-post .text-holder .blog-title {
    font-size: 24px;
    line-height: 30px;
}
.blog-grid-area .post-pagination{
    margin-top: 10px;
}

.sidebar-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -70px;
}
.sidebar-wrapper .single-sidebar {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 25px;
    margin-top: 0;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
    color: #222222;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form {
    position: relative;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #ababab;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
    background: #420066 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    height: 50px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
    font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
    border: 1px solid #222222;
    background: #fff;
    color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
}


.single-sidebar .categories {
    background: #fff;
    display: block;
    padding: 15px 30px 15px;
    border: 1px solid #f4f4f4;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    padding-bottom: 7px;
    padding-left: 25px;
    position: relative;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #909090;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 7px;
    left: -20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #909090;
    content: "";
}
.single-sidebar .categories li a:hover::before{
    border: 1px solid #420066;    
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: #420066;    
}


.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 0px;
    height: 110px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 90px;
    height: auto;
}
.single-sidebar .popular-post li .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);      
}
.single-sidebar .popular-post li:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #420066;
}
.single-sidebar .popular-post li .title-holder {
    padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #222222;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    position: relative;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: #420066;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #909090;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
}
.single-sidebar .popular-post li .title-holder .post-date i {
    font-size: 13px;
    display: inline-block;
    padding-right: 5px;
    color: #420066;
}

.single-sidebar .popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
    border: 1px solid #f4f4f4;
    color: #909090;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 12px 4px;
    transition: all 500ms ease 0s;
    border-radius: 2px;
}
.single-sidebar .popular-tag li a:hover{
    background: #420066;
    border-color: #420066;
    color: #fff;
}






















































/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area{}
.blog-single-area .blog-post {
    margin-right: 70px;
    border-right: 1px solid #f2f2f2;
    padding-right: 30px;
    margin-top: -90px;
    padding-top: 90px;
    margin-bottom: -90px;
    padding-bottom: 90px;
}
.blog-single-area .single-blog-post{
    margin-bottom: 90px;    
}
.blog-single-area .single-blog-post .text-holder .blog-title {
    font-size: 24px;
    line-height: 30px;
}
.blog-single-area .single-blog-post .img-holder img{
    transform: none;        
}
.blog-single-area .single-blog-post .text-holder {
 
}
.blog-single-area .single-blog-post .text-holder .blog-title {
    font-size: 24px;
}
.blog-single-area .single-blog-post .text-holder .blog-title:hover{
    color: #222222;
}
.blog-single-area .single-blog-post .text-holder p.mar-bottom {
    margin-bottom: 15px;
}


.blog-single-area .middle-content-box {
    margin: 10px 25px 10px;
    overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
    width: 350px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-box{
    display: table-cell;
    vertical-align: top;
}
.blog-single-area .middle-content-box .text-box {
    padding-left: 30px; 
    position: relative;
}
.blog-single-area .middle-content-box .text-box:before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #f1f1f1;
    font-size: 24px;
    padding-right: ;
    position: absolute;
    top: -3px;
    left: 30px;    
}
.blog-single-area .middle-content-box .text-box {
    padding-left: 30px;
    padding-top: 32px;
    position: relative;
}
.blog-single-area .middle-content-box .text-box h3 {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0 0px;
}
.blog-single-area .middle-content-box .text-box h5 {
    color: #420066;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    margin: 0;
}
.blog-single-area .bottom-content-box {}
.blog-single-area .bottom-content-box .text {
    display: block;
    padding: 25px 25px 32px;
}

.tag-box.social-share-box {
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    margin: 0 30px;
    display: block;
    padding: 15px 0;
}
.blog-single-area .tag-box {}
.blog-single-area .tag-box .tag p {
    color: #420066;
    margin: 7px 0;
    font-size: 16px;
    font-weight: 400;
}
.blog-single-area .tag-box .tag p span {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.blog-single-area .social-share-box{
    overflow: hidden;
}
.blog-single-area .social-share-box .title {
    display: inline-block;
    float: left;
    padding-right: 15px;
    margin: 7px 0;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.blog-single-area .social-share-box i {
    display: inline-block;
    padding-left: 3px;
}


.blog-single-area .author-box {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    padding: 30px 30px 22px;
    position: relative;
}
.blog-single-area .author-box .img-holder{
    width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
    display: table-cell;
    vertical-align: top;
}
.blog-single-area .author-box .text-holder {
    padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
    color: #1c1c1c;
    font-size: 20px;
    font-weight: 500;
    margin: -2px 0 14px;
    text-transform: capitalize; 
}
.blog-single-area .author-box .text-holder p{}
.blog-single-area .author-box .text-holder .social-link {
    margin-left: -6px;
    margin-right: -6px;
    overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
    display: inline-block;
    margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
    color: #999999;
    font-size: 14px;
    transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
    color: #420066;
}

.blog-single-area .comment-box {
  overflow: hidden;
  padding-bottom: 35px;
  padding-top: 75px;
}
.blog-single-area .comment-box .sec-title{
  padding-bottom: 35px;
}
.blog-single-area .comment-box .sec-title h1 {
  color: #222222;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.blog-single-area .comment-box .single-comment-box {
    padding-left: 60px;
    position: relative;
    margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
    left: 0;
    position: absolute;
    top: 0;
}

.blog-single-area .comment-box .single-comment-box .text-holder {
    border: 1px solid #f7f7f7;
    margin-left: 20px;
    padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
    overflow: hidden;
    padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
    position: relative;
    top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
    margin-left: -0.5px;
    margin-right: -0.5px;
    overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
    color: #420066;
    font-size: 14px;
}


.blog-single-area .add-comment-box {
    overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
    padding-bottom: 30px;
}
.blog-single-area .add-comment-box .sec-title h1 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.blog-single-area .add-comment-box .add-rating-box {
    padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 6px;
}
.blog-single-area .add-comment-box .add-rating-box ul {}
.blog-single-area .add-comment-box .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 6px;
    padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
    color: #420066;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
    color: #949494;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form input[type="email"],
.blog-single-area .add-comment-box #add-comment-form textarea{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ececec;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #420066;    
}
.blog-single-area .add-comment-box #add-comment-form input[type="email"]:focus{
    border-color: #420066;    
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus{
    border-color: #420066;       
}
.blog-single-area .add-comment-box #add-comment-form button {
    padding: 18px 40px 18px;
    color: #fff;
}
.blog-single-area .add-comment-box #add-comment-form button:hover{ }



/*** 
=============================================
    Contact Info area style
=============================================
***/
.contact-info-area {
    padding: 90px 0 90px;
}
.contact-author-info.contact-info .img-holder{}


.contact-page-author-info {
    display: block;
    overflow: hidden;
    background: #420066;
    padding: 0;
    margin-right: -30px;
}

.contactpage-info-carousel{
    display: block;
    padding: 34px 30px 34px;
}
.contactpage-info-carousel .title{
    padding-bottom: 27px;
}
.contactpage-info-carousel .title h3{
    color: #ffffff;
    font-weight: 400;
}

.contact-page-author-info ul li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-page-author-info ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 0;
}
.contact-page-author-info ul li .icon-holder{
    position: absolute;
    top: 2px;
    left: 0;
}
.contact-page-author-info ul li .icon-holder span:before{
    color: #b2c9ff;
    font-size: 18px;
    line-height: 18px;
}
.contact-page-author-info ul li .text-holder p {
    color: #b2c9ff;
    margin: 0;
    line-height: 24px;
    font-weight: 400;
}
.contact-page-author-info ul li .text-holder p span {
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.contact-page-author-info .social-icon {
    overflow: hidden;
    padding-top: 20px;
}
.contact-page-author-info .social-icon li {
    border: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.contact-page-author-info .social-icon li:last-child{
    border: none; 
    margin: 0;
    padding: 0;
}
.contact-page-author-info .social-icon li a i{
    color: #b2c9ff;
    font-size: 16px;
    transition: all 500ms ease;
}
.contact-page-author-info .social-icon li a:hover i{
    color: #ffffff;    
}
.contact-page-author-info .owl-controls {
    position: absolute;
    top: 25px;
    right: 30px;
}
.contact-page-author-info .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 25px;
    line-height: 20px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 25px;
    border: none;
    transition: all 700ms ease 0s;
}

.google-map-box {
  position: relative;
}
#contact-google-map {
    height: 385px;
    width: 100%;
}

.contact-form {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 70px 40px 70px;
    -moz-box-shadow: 0px 3px 10px #f2f2f2;
    -webkit-box-shadow: 0px 3px 10px #f2f2f2;
    box-shadow: 0px 3px 10px #f2f2f2;
}
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 15px;
    height: 55px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form form textarea{
    height: 180px;
    margin-bottom: 40px;
    padding: 10px 20px;
}
.contact-form form input[type="text"]:focus{
    border-color: #420066;        
}
.contact-form form input[type="email"]:focus{
    border-color: #420066;        
}
.contact-form form textarea:focus{
    border-color: #420066;    
}
.contact-form form button {
    width: 100%;
    padding: 22px 0 23px;
    cursor: pointer;
}
.contact-form form button:hover{ }



/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 90px;
    padding-bottom: 90px;
}
#shop-area .shop-content {
    overflow: hidden;
}
.showing-result-shorting {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 11px;
}
#shop-area .showing-result-shorting .showing{}
#shop-area .showing-result-shorting .shorting{ }
#shop-area .showing-result-shorting .showing p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.single-product-item{
    background: #fff;
    margin-bottom: 40px;
    transition: all 0.7s ease;
}
.single-product-item:hover{
    -webkit-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    -moz-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
    box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);    
}
.single-product-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}
.single-product-item .img-holder .overlay-style-one {
    background-color: rgba(15, 30, 66, 0.9);    
}
.single-product-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}
.single-product-item .img-holder .cart-option{
    opacity: 0;
    transform: scale(0.3);
    transition: all 0.5s ease 0s;
}
.single-product-item:hover .img-holder .cart-option{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);    
}
.single-product-item .img-holder .cart-option li{
	position: relative;
	margin: 0px 3px;
	display: inline-block;
}
.single-product-item .img-holder .cart-option li .tooltip-data {
    position: absolute;
    left: 20px;
    bottom: 100%;
    width: 130px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    padding: 4px 0px;
    visibility: hidden;
    margin-left: -60px;
    margin-bottom: 0px;
    background-color: #b2c9ff;
    font-family: 'Fira Sans', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.single-product-item .img-holder .cart-option li .tooltip-data:after{
	position:absolute;
	content:'';
	top:100%;
	left:50%;
	margin-left:-8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #b2c9ff;
}
.single-product-item .img-holder .cart-option li:hover .tooltip-data{
	opacity:1;
	visibility:visible;
	margin-bottom:20px;
}
.single-product-item .img-holder .cart-option li a{
	position:relative;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#222222;
	font-size:18px;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.single-product-item .img-holder .cart-option li a:hover{
	color:#420066;
}


.single-product-item .title-holder {
    border: 1px solid #f7f7f7;
    background: #ffffff;
}
.single-product-item .title-holder .top {
    overflow: hidden;
    padding: 22px 15px 22px;
}
.single-product-item .title-holder .top .left h5{
    color: #222222;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 10px;
}
.single-product-item .title-holder .top .left .rate{
    color: #420066;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.single-product-item .title-holder .top .right {}
.single-product-item .title-holder .top .right ul {
    overflow: hidden;
}
.single-product-item .title-holder .top .right ul li {
    line-height: 18px;
}
.main-shop-area .post-pagination {
    padding-top: 40px;
    border-top: 1px solid #f2f2f2;
}



#shop-area .sidebar-wrapper {
    margin-left: 0px;
}
#shop-area .sidebar-wrapper .sec-title{
    padding-bottom: 30px;
}
#shop-area .sidebar-wrapper .sec-title h3{ }
.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
    background: #f7f7f7;
    border: none;
    height: 2px;
}
.single-sidebar .price-ranger .ui-slider-handle {
    background: #420066 none repeat scroll 0 0;
    border: 2px solid #420066;
    border-radius: 50%;
    height: 10px;
    margin-left: -4px;
    outline: medium none;
    width: 10px !important;
    cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
    background: #420066;
}
.single-sidebar .price-ranger #slider-range {
    margin-left: 3px;
    margin-right: 5px;
    margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 25px;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 10px 0 10px;
    text-align: center;
    width: 90px;
    border: none;
    color: #fff;
    cursor: pointer;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
   
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    outline: medium none;
    text-align: right;
    width: 40px;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #848484;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}

.sidebar-wrapper .single-sidebar .latest-product {}
.sidebar-wrapper .single-sidebar .latest-product li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden;
    padding-left: 70px;
    position: relative;
    min-height: 70px;
    padding-bottom: 25px;
}
.sidebar-wrapper .single-sidebar .latest-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-left: 70px;
    position: relative;
    padding-bottom: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder img{
    transform: scale(1.1);
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay-style-one .box .content a i {
    background: transparent;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);    
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0s;
}

.sidebar-wrapper .single-sidebar .latest-product li .title-holder {
    padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder a h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
    color: #420066;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Fira Sans', sans-serif;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box {}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li {
    display: inline-block;
    margin: 0 1px;
    position: static;
    padding: 0;
    border: none;
    min-height: auto;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #c6c6c6;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .title-holder h4{
    color: #420066;
}

.sidebar-wrapper .single-sidebar .product-tag{
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
    display: inline-block;
    margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
    border: 1px solid #f4f4f4;
    color: #909090;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 2px 10px 2px;
    transition: all 500ms ease 0s;    
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    background: #420066;
    border-color: #420066;
    color: #fff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
#shop-area.single-shop-area{
    padding-bottom: 50px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
}
.single-shop-content .img-holder img{
    width: 100%;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 10px;
    overflow: hidden;
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #c6c6c6;
}
.single-shop-content .content-box span.price {
    color: #420066;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 23px 0 9px;
}
.single-shop-content .content-box .location-box {
    margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
    color: #222222;
    font-size: 16px;
    margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
    border: 2px solid #f7f7f7;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 170px;
    transition: all 500ms ease;
    margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: #222222;
}
.single-shop-content .content-box .location-box form button {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    margin-left: 6px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    width: 95px;
    position: relative;
    top: -1px;
    line-height: 40px;
}
.single-shop-content .content-box .location-box form button:hover{
    background: #252525;
    color: #fff;
}
.single-shop-content .content-box .location-box form span {
    color: #420066;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    height: 50px;
    width: 170px;
    line-height: 30px;
    margin-left: 43px;
    color: #fff;
    padding: 0;
    cursor: pointer;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{}


.product-tab-box {
    border: 1px solid #ececec;
    border-top: none;
    border-right: none;
    border-left: none;
    overflow: hidden; 
    margin-top: 80px;
}
.product-tab-box .tab-menu {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    margin-right: 3px;
}
.product-tab-box .tab-menu li a {
    background: #f7f7f7;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    display: block;
    margin-right: 1px;
    padding: 15px 30px 13px;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background: #f7f7f7;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
    background: #ffffff;
    color: #420066;
    border-left-color: #ececec;
    border-top-color: #ececec;
    border-right-color: #ececec;
}
.product-tab-box .tab-content {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    margin-top: -30px;
    padding: 35px 30px 40px;
}
.product-tab-box .tab-content .review-box {}
.product-tab-box .tab-content .review-box .title {
    margin-bottom: 33px;
}
.product-tab-box .tab-content .review-box .title h3 {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.product-tab-box .tab-content .review-box .single-review-box {
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
    left: 0;
    position: absolute;
    top: 0;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder {
    border: 1px solid #ececec;
    margin-left: 20px;
    padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
    margin: 0 0 10px;
    overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
    margin-top: -2px;
    padding-left: 0px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
    color: #420066;
    font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
    margin: 0;
}


.product-tab-box .tab-content .review-form {
    padding-top: 30px;
}
.product-tab-box .tab-content .review-form .title {
    padding-bottom: 30px;
}
.product-tab-box .tab-content .review-form .title h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-form .add-rating-box {
    margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    font-family: 'Fira Sans', sans-serif;
    text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
    color: #d6d6d6;
    font-size: 12px;
    line-height: 20px;
    margin-right: 1px;
    opacity: 0.9;
    transition: all 500ms ease 0s;
}

.product-tab-box .tab-content .review-form form .field-label p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    font-family: 'Fira Sans', sans-serif;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
    background: #fff;
    height: 50px;
    width: 100%;
    border: 1px solid #ececec;
    color: #252525;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
    height: 110px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
    padding: 18px 40px 18px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: #420066;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
    border-color: #420066;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
    border-color: #420066;
}
.product-tab-box .tab-content .review-form form textarea:focus{
    border-color: #420066;  
}


.related-product {
  padding-top: 60px;
}
.related-product .sec-title {
  padding-bottom: 30px;
}
.related-product .sec-title h1 {
  color: #222222;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.related-product .single-product-item {}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
    padding-bottom: 90px;
    padding-top: 90px;
}
.cart-area .table-outer {
    overflow-x: auto;
    position: relative;
    width: 100%;
}
.cart-area .cart-table {
    min-width: 1024px;
    width: 100%;
}
.cart-area .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.cart-area .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
    padding-left: 30px;
    text-align: left;
}
.cart-area .cart-table thead tr th.availability {
    padding: 0 40px
}

.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {}
.cart-area .cart-table tbody tr td {
    color: #222222;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width: 100px;
    padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    min-height: 70px;
    position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty {
    padding-right: 25px;
    width: 120px;
}

.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}

.cart-area .cart-table tbody tr td.unit-price {
    padding-left: 40px;
    padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 50px;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
}
.cart-area .cart-table tbody .available-info .icon {
    background: #420066 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 40px;
}

.cart-area .cart-table tbody tr td.price {
    color: #848484;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
    color: #420066;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Fira Sans', sans-serif;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    transition: all 500ms ease 0s;
    width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
    border: 2px solid #420066
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 18px 30px 17px;
    cursor: pointer;
}
.cart-middle .update-cart button {
    background: #f7f7f7;
    padding: 18px 30px 17px;
    cursor: pointer;
    color: #222222;
}
.cart-middle .update-cart button:hover{
    background: #e7e1e1;
} 


.cart-bottom {
    overflow: hidden;
    padding-top: 76px;
}
.cart-bottom .sec-title-two {
    padding-bottom: 35px;
}
.cart-bottom .sec-title-two h2{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.cart-bottom .sec-title-two .border{
    height: 1px;
    width: 70px;
    display: block;
    background: #420066;
    margin-top: 15px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {
    background: none
}
.cart-bottom .calculate-shipping .ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f7f7f7;
    border-radius: 0;
    color: #848484;
    font-size: 14px;
    font-weight: normal;
    height: 45px;
    margin-bottom: 17px;
    outline: medium none;
    width: 100%;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    position: relative;
    text-indent: 0;
    top: 0;
    width: 43px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
    color: #9b9b9b;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 14px;
    top: 6px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 12px 17px;
    text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 45px;
    padding: 0 18px;
    width: 100%;
    margin-bottom: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 2px solid #420066
}
.cart-bottom .calculate-shipping button {
    padding: 18px 30px 17px;
    cursor: pointer;
}
.cart-bottom .calculate-shipping button:hover{ } 
.cart-bottom button.checkout-btn{
    margin-top: 30px;
    padding: 18px 30px 17px;
    cursor: pointer;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 90px;
    padding-top: 90px;
}
.checkout-area .sec-title {
    padding-bottom: 37px;
    margin-top: 0px;
}
.checkout-area .sec-title h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.checkout-area .sec-title .border {
    display: block;
    overflow: hidden;
    width: 70px;
    height: 1px;
    background: #47588f;
    margin-top: 15px;
    margin-bottom: 0;
}
.checkout-area .exisitng-customer {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #420066;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}
.checkout-area .exisitng-customer h5 a{
    color: #420066;
    display: inline-block;
    padding-left: 15px;
}
.checkout-area .coupon {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative; 
    margin-bottom: 60px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #420066;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 500;  
}
.checkout-area .coupon h5 a {
    color: #420066;
    display: inline-block;
    padding-left: 15px;  
}


.checkout-area .form form .field-label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: -3px 0 3px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 48px;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
    border: 1px solid #420066;
}
.checkout-area .create-acc .checkbox {
    margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
    color: #420066;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}
.checkout-area .create-acc .checkbox input {
    position: relative;
    top: 1px;
}
.checkout-area .shipping-info input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 40px;
    position: relative;
    top: 0px;
    vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 124px;
    margin-bottom: 28px;
    padding: 10px 15px;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
    border-color: #420066;
}

.checkout-area .bottom {
    padding-top: 60px
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #F7F7F7;
}
.checkout-area .table .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 500;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
    padding-left: 30px;
    text-align: left;
}

.checkout-area .table .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
    min-width: 110px;
    padding: 25px 25px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
    min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
    padding-right: 30px;
    width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #420066;
    font-size: 20px;
    font-weight: 400;
}


.cart-total-table {
    border: 2px solid #f7f7f7
}
.cart-total-table li {
    border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    border-right: 1px solid #f7f7f7;
    color: #222222;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
    color: #848484;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Fira Sans', sans-serif;
}
.cart-total-table li span.col b {
    color: #420066;
    font-weight: 300;
    text-decoration: underline;
}



.cart-total .payment-options {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-top: 30px;
    overflow: hidden;
    padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
    margin-bottom: 14px
}
.cart-total .payment-options .option-block .checkbox {
    margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
    font-weight: 700;
    min-height: 20px;
    padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
    position: relative;
    top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
    color: #222222;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
    color: #420066;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding-left: 25px;
    text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
    padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
    margin: 0;
    line-height: 28px;
}
.placeorder-button button {
    padding: 18px 35px 17px;
    margin-top: 20px;
    cursor: pointer;
}
.placeorder-button button:hover{ }



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 73px;
    padding-top: 90px;
}
.login-register-area .form .sec-title {
    padding-bottom: 30px;
    margin-top: 0;
}
.login-register-area .form .sec-title h2{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.login-register-area .form .sec-title .border{
    display: block;
    overflow: hidden;
    width: 70px;
    height: 1px;
    background: #420066;
    margin-top: 15px;
    margin-bottom: 0;    
}
.login-register-area .form form {
    width: 100%;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #848484;
    font-size: 16px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 18px 40px 17px;
    cursor: pointer;
}
.login-register-area .form button:hover{ }
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
}
.login-register-area .form .remember-text .checkbox input {
    margin-top: 6px;
}

.login-register-area .form .social-icon {
    float: right;
    margin-right: -8px;
    margin-top: 15px;
    position: relative;
}
.login-register-area .form .social-icon .login-with {
    display: inline-block;
    left: -100px;
    position: absolute;
    top: 8px;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #47588f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
    color: #420066;
    float: right;
    font-weight: 700;
    margin: 20px 0 0;
}
.login-register-area .form h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    margin: 28px 0 0 -50px;
    font-family: 'Fira Sans', sans-serif;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid #420066;    
}
.login-register-area .form .social-icon li a:hover i{
    background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
    background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}