/* Css For Medimart */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


:root{
  --theme-color: #1D3CE2;
  --secondary-color: #F9313B;
  --pink-color: #FFC0CB;
  --violet-color: #7F00FF;
  --crimson-color: #DC143C;
  --orange-color: #FFA500;
  --text-color: #676767;
  --title-color: #0E1136;
  --text-font: 'Poppins', sans-serif;
  --title-font: 'Poppins', sans-serif;
  --secondary-font: 'Soleil', sans-serif;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:29px;
  font-weight:400;
  background:#ffffff;
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1200px;
    padding: 0px 15px;
  }
}

.info-box {
    background-color: #f8f9fa; /* Light grey - adjust if using dark theme */
    border-left: 5px solid #0d6efd; /* Use your theme's primary color */
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
}
.info-box strong {
    /* Optional: Style the title within the box */
    color: #0d6efd; /* Use your theme's primary color */
    display: block;
    margin-bottom: 8px;
}
/* Add a dark theme variant if needed */
/* body.dark-theme .info-box { background-color: #343a40; border-left-color: #4dabf7; } */
/* body.dark-theme .info-box strong { color: #4dabf7; } */
.large-container{
  max-width: 1550px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1320px;
  padding:0px 15px;
  margin:0 auto;
  margin-bottom: 0;
}

.fa-youtube {
  font-size: 16px; /* Adjust size if needed */
  color: white;    /* Makes the icon white */
}
.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}

@font-face {
    font-family: 'typewriter';
    src: url('../fonts/typewriter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.scritta {
    font-family: 'typewriter', cursive;
    font-size: 27px !important; 
    color: #0056b3;
}

/* First, define the font file source */
@font-face {
  font-family: 'typewriter';
  src: url('../fonts/typewriter.ttf') format('truetype');
}

.quote-container-paper {
    font-family: 'typewriter', cursive;
    max-width: 750px;
    margin: 2rem auto;
    padding: 60px 70px;
    border-radius: 3px;
    border: 1px solid #c0b593;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);

    /* --- ADDING TEXTURE --- */
    /* 1. The yellowish color gradient from Option 1 */
    /* 2. A comma, followed by the URL to your texture image */
    background: 
        linear-gradient(to bottom, #faf3dd 0%, #e8dcb5 100%),
        url('https://www.tilingtextures.com/wp-content/uploads/edd/2025/05/090-white-paper-with-fibers-768x511.webp'); /* Replace with the actual path */
    
    /* This makes the texture blend nicely with the colors underneath */
    background-blend-mode: multiply;
}


@media screen and (max-width: 600px) {
 .scritta {
 font-size: 30px; /* Smaller font for mobile */
 }
 .scritta-ink {
 font-size: 28px; /* Smaller font for mobile */
 line-height: 1.6; /* Adjust line height for readability */
 }
}

    /* Stile per il testo che fluisce */
    .flowing-text-container {
        /* Aggiungiamo un po' di padding per non far iniziare il testo
           attaccato al bordo della pagina */
        padding-right: 20px; 
        padding-top: 20px;
    }

    .flowing-text-container blockquote {
        color: #ffffff;
        font-size: 1.1em;
        line-height: 1.6;
        font-weight: 400;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        margin-bottom: 20px;
        background: none;
        border: none;
        padding: 0;
    }
    
    /* Gestione per schermi piccoli (mobile) */
@media (max-width: 991px) {
    .content-box {
        display: block;
    }
    .shape-image-container {
        float: none; 
        shape-outside: none; 
        width: 70%; 
        margin: 0 auto 30px;
    }
    .flowing-text-container {
        text-align: center;
        padding-right: 0;
        padding-top: 30px; /* Aggiungi questa riga per creare spazio in alto */
    }
}



.newbutton {
  --black-700: #212121; /* default (black) */
  --border_radius: 9999px;
  --transtion: 0.3s ease-in-out;
  --offset: 2px;

  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: var(--border_radius);
  background-color: transparent;
  transition: transform var(--transtion);
}

.newbutton .text_button {
  position: relative;
  z-index: 10;
  font-size: 0.85rem;
  color: white;
  white-space: nowrap;
}

.newbutton .sparkle {
  position: relative;
  z-index: 10;
  width: 1.2rem;
}


/* Green variant (e.g. Prenota visita) */
.newbutton.green {
  --black-700: #059669; /* emerald */
}

/* Blue variant */
.newbutton.blue {
  --black-700: #2563eb; /* blue */
}

/* Red variant (alert, danger) */
.newbutton.red {
  --black-700: #dc2626; /* red-600 */
}

/* Yellow/Gold variant */
.newbutton.yellow {
  --black-700: #d97706; /* amber-600 */
}

.newbutton::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;
  background-color: var(--black-700);

  border-radius: var(--border_radius);
  box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%),
    0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))),
    0 0 0 calc(var(--active, 0) * 0.375rem) hsl(260 97% 50% / 0.75);

  transition: all var(--transtion);
  z-index: 0;
}

.newbutton::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;
  background-color: hsla(260 97% 61% / 0.75);
  background-image: radial-gradient(
      at 51% 89%,
      hsla(266, 45%, 74%, 1) 0px,
      transparent 50%
    ),
    radial-gradient(at 100% 100%, hsla(266, 36%, 60%, 1) 0px, transparent 50%),
    radial-gradient(at 22% 91%, hsla(266, 36%, 60%, 1) 0px, transparent 50%);
  background-position: top;

  opacity: var(--active, 0);
  border-radius: var(--border_radius);
  transition: opacity var(--transtion);
  z-index: 2;
}

.newbutton:is(:hover, :focus-visible) {
  --active: 1;
}
.newbutton:active {
  transform: scale(1);
}

.newbutton .dots_border {
  --size_border: calc(100% + 2px);

  overflow: hidden;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;

  border-radius: var(--border_radius);
  z-index: -10;
}

.newbutton .btn-label {
  position: relative;
  z-index: 5;  /* higher than ::before (0) and ::after (2) */
  color: white;
  font-weight: 600;
  gap: 0.5rem;
}
.newbutton .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);

  width: 100%;
  height: 2rem;
  background-color: white;

  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite;
}

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

.newbutton .sparkle {
  position: relative;
  z-index: 10;
  width: 1.2rem;
}

.newbutton .sparkle .path {
  fill: currentColor;
  stroke: currentColor;
  transform-origin: center;
  color: hsl(0, 0%, 100%);
}

.newbutton:is(:hover, :focus) .sparkle .path {
  animation: path 1.5s linear 0.5s infinite;
}

.newbutton .sparkle .path:nth-child(1) { --scale_path_1: 1.2; }
.newbutton .sparkle .path:nth-child(2) { --scale_path_2: 1.2; }
.newbutton .sparkle .path:nth-child(3) { --scale_path_3: 1.2; }

@keyframes path {
  0%, 34%, 71%, 100% { transform: scale(1); }
  17% { transform: scale(var(--scale_path_1, 1)); }
  49% { transform: scale(var(--scale_path_2, 1)); }
  83% { transform: scale(var(--scale_path_3, 1)); }
}

/* Mobile adjustments */
@media (max-width: 576px) {
  .newbutton {
    padding: 0.5rem 1rem;   /* reduce size */
    font-size: 0.8rem;      /* smaller text */
    width: auto;            /* let content decide width */
    height: 2.5rem;         /* smaller height */
  }

  /* make sure pseudo-elements match the new size */
  .newbutton::before,
  .newbutton::after,
  .newbutton .dots_border {
    border-radius: var(--border_radius);
    width: 100%;
    height: 100%;
  }

  /* smaller sparkle / icon */
  .newbutton .sparkle {
    width: 1rem;
    height: 1rem;
  }

  /* text wrapper adjustments */
  .newbutton .text_button,
  .newbutton .btn-label {
    font-size: 0.8rem;
    letter-spacing: 0;
    line-height: 1.2;
    z-index: 5;  /* keep text above overlays */
  }
}


/* Uiverse dropdown (from ilkhoeri) */
.dropdown {
  border: 1px solid #c1c2c5;
  border-radius: 12px;
  transition: all 300ms;
  display: flex;
  flex-direction: column;
  min-height: 58px;
  background-color: white;
  overflow: hidden;
  position: relative;
  inset-inline: auto;

  /* Tweaks for layout */
  max-width: 640px;     /* wider than 298px, looks better on desktop */
  width: 100%;          /* full width in its column */
}
.dropdown input:where(:checked) ~ .list {
  opacity: 1;
  transform: translateY(-3rem) scale(1);
  transition: all 500ms ease;
  margin-top: 32px;
  padding-top: 4px;
  margin-bottom: -32px;
}
.dropdown input:where(:not(:checked)) ~ .list {
  opacity: 0;
  transform: translateY(3rem);
  margin-top: -100%;
  user-select: none;
  height: 0;
  max-height: 0;
  min-height: 0;
  pointer-events: none;
  transition: all 500ms ease-out;
}
.trigger {
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  color: #262626;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  position: relative;
  z-index: 99;
  border-radius: inherit;
  background-color: white;
}
.sr-only {
  position: absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0;
}
.dropdown input:where(:checked) + .trigger { margin-bottom: 1rem; }
.dropdown input:where(:checked) + .trigger:before { rotate: 90deg; transition-delay: 0ms; }
.dropdown input:where(:checked) + .trigger::after { content: "Chiudi elenco"; }
.trigger:before,
.trigger::after {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trigger:before {
  content: "›";
  rotate: -90deg;
  width: 17px; height: 17px;
  color: #262626;
  font-size: 26px;
  transition: all 350ms ease;
  transition-delay: 85ms;
}
.trigger::after {
  content: "Apri elenco";
  margin-left: auto;
  font-weight: 500;
  color: #777;
  font-size: 0.9rem;
}

.list {
  height: 100%;
  max-height: 20rem;
  width: calc(100% - calc(var(--w-scrollbar) / 2));
  display: grid;
  grid-auto-flow: row;
  overflow: hidden auto;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
  margin-right: -8px;
  --w-scrollbar: 8px;
}
.listitem { list-style: none; }
.article {
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  border: 1px solid #c1c2c5;
  background-color: #fff;
  cursor: pointer;
}
.article:hover { background:#f6f7f8; }

/* scrollbar skin */
.webkit-scrollbar::-webkit-scrollbar { width: var(--w-scrollbar); height: var(--w-scrollbar); border-radius: 9999px; }
.webkit-scrollbar::-webkit-scrollbar-track { background: #0000; }
.webkit-scrollbar::-webkit-scrollbar-thumb { background: #0000; border-radius: 9999px; }
.webkit-scrollbar:hover::-webkit-scrollbar-thumb { background: #c1c2c5; }

/* Cities list look */
.city-list { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin: .5rem 0 0; padding:0; list-style:none; }
.city-list li {
  background:#f2f4f7; border:1px solid #e3e7ee; color:#333;
  padding:.35rem .6rem; border-radius:999px; font-size:.95rem;
}

/* Mobile widths */
@media (max-width: 576px){
  .dropdown { max-width: 100%; }
}





/* CARD */
.newcard{
  /* width:252px;  <-- remove this */
  width:100%;
  background:#fff;
  border-radius:30px;
  box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #ffffff;
  transition:.2s;
  overflow:hidden;
}

/* IMAGE AREA */
.newcard .img{
  /* keep a nice aspect on any width */
  aspect-ratio: 16 / 9;     /* modern browsers */
  position:relative;
  overflow:hidden;
}
.newcard .img img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* OPTIONAL: overlay “save” icon in top-right, or delete this block */
.newcard .save{
  position:absolute;
  top:12px; right:12px;       /* overlay instead of taking space below */
  width:30px; height:30px;
  border-radius:10px;
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.newcard .save .svg{width:15px;height:15px}

/* TEXT AREA */
.newcard .text{padding:18px 20px}
.newcard .text .h3{margin:0 0 6px; font:600 16px/1.3 'Inter',system-ui,sans-serif; color:#111}
.newcard .text .p{margin:0; font:13px/1.5 'Inter',system-ui,sans-serif; color:#8b8b8b}

/* CTA row (if you use it) */
.newcard .icon-box{
  margin-top:14px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#e3fff9;
  border-radius:10px;
}
.newcard .icon-box .emoji{font-size:1.05rem; line-height:1}
.newcard .icon-box .span{font:500 13px/1 'Inter',system-ui,sans-serif; color:#9198e5}


@media (max-width:576px){
  .newcard .text{padding:16px 16px}
  .newcard .icon-box{padding:8px 10px; gap:6px}
  .newcard .icon-box .emoji{font-size:1rem}
}


/* topic-card — light, clean, consistent */
.topic-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#ffffff;
  border:1px solid #e9eef5;
  border-radius:16px;
  padding:12px;
  height:100%;
  box-shadow:0 2px 8px rgba(15,23,42,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.topic-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(15,23,42,.10);
  border-color:#d9e2f1;
}

/* media area */
.topic-card_form{
  position:relative;
  width:100%;
  height:180px;              /* 160–200px works well */
  border-radius:12px;
  overflow:hidden;
  background:#f2f5f9;
}
.topic-card_form img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.topic-card_form span{       /* optional overlay text; hidden by default */
  position:absolute; inset:auto 10px 10px 10px;
  padding:6px 10px;
  font-size:.8rem;
  color:#fff;
  background:linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.55));
  border-radius:10px;
  opacity:0; transition:opacity .18s ease;
}
.topic-card:hover .topic-card_form span{ opacity:1; }

/* text area */
.topic-card .text{
  display:flex; flex-direction:column; gap:4px;
  color:#0f172a;
}
.topic-card .text_m{         /* title */
  margin:0;
  font:600 1rem/1.3 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.topic-card .text_s{         /* subtitle */
  margin:0;
  color:#64748b;
  font:500 .875rem/1.4 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* subtle “Approfondisci” link */
.topic-card .read-link{
  margin-top:6px;
  font:600 .82rem/1 "Inter",system-ui,sans-serif;
  color:#6d28d9;             /* brand accent */
  text-decoration:none;
  display:inline-flex; align-items:center; gap:8px;
}
.topic-card .read-link::before{ content:"📖"; font-size:1rem; line-height:1; }
.topic-card .read-link:hover{ text-decoration:underline; }

/* utilities */
.feature-link{ display:block; color:inherit; text-decoration:none; }

/* responsive tweaks */
@media (max-width: 576px){
  .topic-card{ padding:10px; border-radius:14px; }
  .topic-card_form{ height:150px; border-radius:10px; }
  .topic-card .text_m{ font-size:.98rem; }
  .topic-card .text_s{ font-size:.84rem; }
}

.topic-card-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topic-card-wrapper::after {
  content: "→";              /* arrow symbol */
  font-size: 2rem;
  color: #6c63ff;            /* adjust arrow color */
  margin-left: 20px;
}

.topic-card-wrapper:last-child::after {
  content: ""; /* no arrow after the last card */
}

@media (max-width: 768px){
  .topic-card-wrapper{
    flex-direction: column;
    margin-bottom: 28px;     /* extra gap so the arrow isn’t cramped */
  }
  .topic-card-wrapper::after{
    content: "↓";
    display: block;          /* ensure it takes its own line */
    margin: 10px 0 0;        /* space above the arrow */
  }
  /* optional: remove arrow after the very last card in the grid */
  .topic-card-wrapper:last-child::after{ display: none; }
}

@media (max-width: 576px) {
  .topic-card-wrapper {
    flex-direction: column;
  }

  .topic-card-wrapper::after {
    content: "↓";           /* vertical arrow */
    margin-left: 0;
    margin-top: 10px;
  }
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

        .certificati {
            padding: 40px 20px; /* Add some padding around the section */
            background-color: #f8f8f8; /* Optional: Light background for the section */
            text-align: center; /* Center heading if you add one */
        }

        .certificati h2 { /* Optional: Add a heading */
            margin-bottom: 30px;
            font-size: 2em;
            color: #333;
        }

        .certificati-container {
            display: flex; /* Use flexbox for layout */
            flex-wrap: wrap; /* Allow items to wrap to the next line on smaller screens */
            justify-content: center; /* Center the items horizontally */
            gap: 30px; /* Space between the certificate items */
            max-width: 1200px; /* Optional: Limit max width of container */
            margin: 0 auto; /* Center the container itself */
        }

        .certificato-item {
            /* Defines how much space each item tries to take */
            /* Roughly 1/3rd width, allowing for gap */
            flex: 1 1 calc(33.333% - 30px);

            /* --- Standard Size Control --- */
            /* Set a maximum width for consistency */
            max-width: 350px; /* Adjust this value to set your desired max standard width */
            /* Optional: set a minimum width */
            /* min-width: 250px; */

            /* --- Appearance --- */
            border: 1px solid #ddd; /* Subtle border */
            background-color: #fff; /* White background for each item */
            padding: 15px; /* Padding inside the item box */
            box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Soft shadow */
            text-align: center; /* Center the image within the item */
            transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
        }

        .certificato-item:hover {
             transform: translateY(-5px); /* Slight lift on hover */
             box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* Enhanced shadow on hover */
        }


        .certificato-item img {
            max-width: 100%; /* Make image responsive within its container */
            height: auto;   /* Maintain aspect ratio */
            display: block; /* Remove extra space below image */
            margin: 0 auto; /* Ensure centering if padding affects it */
        }

        /* --- Responsive Adjustments --- */
        @media (max-width: 992px) { /* Tablet size */
            .certificato-item {
                /* Roughly 1/2 width */
                flex: 1 1 calc(50% - 30px);
                max-width: 400px; /* Can allow slightly larger on medium screens */
            }
        }

        @media (max-width: 600px) { /* Mobile size */
            .certificato-item {
                 /* Full width */
                 flex: 1 1 100%;
                 max-width: 100%; /* Allow full width */
            }
            .certificati-container {
                gap: 20px; /* Reduce gap on small screens */
            }
        }

input,button,select,textarea{
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: var(--text-font);
  color: var(--text-color);
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: var(--title-font);
  color: #101A30;
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background: #0E1136;
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 14px;
  background: #fff;
  color: red;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  right: 30px;
  top: 30px;
  font-weight: 400;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-family: var(--title-font);
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  position: relative;
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #ffffff;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.5); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media (max-width: 767px) { /* Styles apply to screens 767px wide or smaller */

  /* Target the buttons specifically within the main header and sticky header */
  .main-header .btn-box .theme-btn,
  .sticky-header .btn-box .theme-btn {
    font-size: 14px; /* Make the font slightly smaller */
    font-weight: 500; /* Optional: slightly lighter weight */
    /* Adjust line-height if needed, though padding is main factor */
    /* line-height: 1.5; */
  }

  /* Target the span inside the buttons to reduce padding */
  .main-header .btn-box .theme-btn span,
  .sticky-header .btn-box .theme-btn span {
    /* Original padding for header buttons is roughly: 19px 48px 17px 48px */
    /* Reduce padding significantly for smaller screens */
    padding: 8px 15px 7px 15px; /* Adjust these values until you like the size */
  }

  /* Optional: If the two buttons are side-by-side and need more space */
  /* Or if they need less margin between them */
  .main-header .outer-box .btn-box {
     /* Example: Reduce left margin if they stack or get too close */
     /* margin-left: 10px; */
  }
  .sticky-header .outer-box .btn-box {
     /* Example: Reduce left margin if they stack or get too close */
     /* margin-left: 10px; */
  }

}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
}

.curved {
  position: relative;
  background: #2c3e50;
  height: 50vh;
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;
}

.triangle {
  position: relative;
  background: #2c3e50;
  height: 50vh;
}

.triangle::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 100px 0 100px;
  border-color: #2c3e50 transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

.spikes {
  position: relative;
  background: #FFFFFF;
  height: auto;
}

.spikes::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #FFFFFF 25%, transparent 25%), linear-gradient(225deg, #FFFFFF 25%, transparent 25%);
  background-position: 0 0;
}



.hidden {
  display: none;
}
#videoEndButtons {
  margin-top: 20px;
  text-align: center;
}
.theme2-btn {
  padding: 10px 20px;
  margin: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 25px;
}
.theme2-btn:hover {
  background-color: #0056b3;
}

.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.special_fonts{
  font-family: 'Fredoka', sans-serif;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.row{
  --bs-gutter-x: 30px;
  
}

/** button **/


.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: var(--secondary-font);
  color: #fff !important;
  text-align: center;
  border-radius: 40px;
  z-index: 1;
  box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
}

.theme-btn.btn-one{
  background: var(--theme-color);
}

.theme-btn.btn-two{
  background: var(--secondary-color);
}


.theme-btn.btn-two:hover,
.theme-btn.btn-one:hover{
  background: #0E1136;
}

.theme-btn:before, .theme-btn:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0E1136;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform-origin: center;
  transform: scale(0) rotate(0);
  z-index: -1;
}

.theme-btn:hover:before {
  border-radius: 0;
  transform: scale(1) rotate(-180deg);
}

.theme-btn:hover:after {
  border-radius: 0;
  transform: scale(1) rotate(180deg);
}

.theme-btn:after {
  background: #0E1D40;
}

.theme-btn span{
  position: relative;
  display: inline-block;
  padding: 24px 48px 22px 48px;
}

.theme-btn span:before{
  position: absolute;
  content: '';
  background: var(--theme-color);
  width: 30px;
  height: 30px;
  left: -5px;
  top: -5px;
  border-radius: 50%;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.theme-btn:hover span:before{
  transform: scale(1,1);
}

.theme-btn span:after{
  position: absolute;
  content: '';
  background: var(--theme-color);
  width: 30px;
  height: 30px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.theme-btn:hover span:after{
  transform: scale(1,1);
}

.theme-btn.btn-three{
  color: #0E1136 !important;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  background: #04AA6D;
}

.theme-btn.btn-three:before,
.theme-btn.btn-three:after{
  background: var(--theme-color);
}

.theme-btn.btn-three span:before,
.theme-btn.btn-three span:after{
  display: none;
}

.theme-btn.btn-three span{
  padding: 19px 60px 16px 60px;
}

.theme-btn.btn-three:hover{
  color: #fff !important;
  border-color: var(--theme-color);
}

.theme-btn.btn-three i{
  position: relative;
  font-size: 18px;
  margin-left: 10px;
  top: 2px;
}

.parallax-bg{
  position: absolute;
  left: 0px;
  top: -30%;
  width: 100%;
  height: calc(100% + 30%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** styled-pagination */

.pagination{
  position: relative;
  display: block;
}

.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: #ffffff;
  border: 1px solid rgba(14, 17, 54, 0.3);
  text-align: center;
  color: var(--title-color);
  border-radius: 5px;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.pagination li a i{
  position: relative;
  font-size: 16px;
}

.sec-pad{
  padding: 114px 0px 90px 0px;
}

.secc-pad{
  padding: 0px 0px 90px 0px;
}

.sec-pad-2{
  padding: 120px 0px;
}

.mr-0{
  margin: 0px !important;
}

/** scroll-to-top **/

.scroll-to-top{
  position: fixed;
  right: 0px;
  bottom: 100px;
  transform: rotate(90deg);
  z-index: 99;
}

.scroll-to-top .visible {
  visibility: visible!important;
  opacity: 1!important;
}

.scroll-to-top .scroll-top-inner {
  opacity: 0;
  visibility: hidden;
}

.scroll-to-top .scroll-top-inner{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
  -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
  transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.scroll-to-top .scroll-bar {
  width: 50px;
  height: 2px;
  margin-right: 10px;
  position: relative;
}

.scroll-to-top .scroll-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f4244f;
  opacity: .3;
}

.scroll-to-top .scroll-bar .bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: currentColor;
}

.scroll-to-top .scroll-bar-text{
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: var(--theme-color);
  transition: all 500ms ease;
}

.scroll-to-top .scroll-bar-text:hover{
  transform: scale(1.1);
}



@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}



.sec-title{
  position: relative;
  display: block;
}

.sec-title .sub-title{
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 34px; 
  font-family: var(--secondary-font);
  color: var(--theme-color);
  letter-spacing: 0.8px;
  margin-bottom: 15px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 65px;
  font-weight: 700;
  margin: 0px;
  text-transform: capitalize;
}

.sec-title.light h2{
  color: #fff;
}

.sec-title.light .sub-title{
  color: var(--secondary-color) !important;
}





/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  right: 0px;
  z-index:999;
  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;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** header-top **/

.header-top{
  position: relative;
  width: 100%;
  background: #0E1136;
  padding: 15.5px 0px;
}

.header-top .top-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-top .top-inner .info-list li{
  position: relative;
  display: inline-block;
  color: #fff;
  padding-left: 28px;
  margin-right: 50px;
}

.header-top .top-inner .info-list li:last-child{
  margin: 0px !important;
}

.header-top .top-inner .info-list li i{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 18px;
  color: #fff;
}

.header-top .top-inner .info-list li a{
  display: inline-block;
  color: #fff;
}

.header-top .top-inner .info-list li a:hover{
  color: var(--secondary-color);
}

.header-top .top-inner .social-links { /* Adjust selector if needed */
  display: flex;
  align-items: center; /* This is the key for vertical alignment */
  list-style: none;
  padding: 0;
  margin: 0; /* Reset default ul margins */
}

.header-top .top-inner .social-links li {
  margin-left: 15px; /* Or whatever spacing you prefer between icons */
  /* Remove float if it was there */
}

.header-top .top-inner .social-links li:first-child {
  margin-left: 0;
}

.header-top .top-inner .social-links li a {
  display: flex; /* Helps if the <a> tag needs to align its child <i> perfectly */
  align-items: center;
  color: #fff; /* Or your desired icon color */
  font-size: 16px; /* Or your desired icon size */
}

.header-top .top-inner .social-links li a:hover {
  color: var(--secondary-color); /* Your hover color */
}
/** header-lower **/

.main-header .outer-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-header .header-lower{
  position: relative;
  width: 100%;
}

.main-header .header-lower .outer-container{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.main-header .header-lower .outer-box{
  position: relative;
  background: #fff;
}

.main-header .header-lower .outer-box:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 5000px;
  height: 100%;
  left: -80px;
  top: 0px;
  border-radius: 50px 0px 0px 50px;
  z-index: -1;
}

.main-header .logo-box{
  position: relative;
  padding: 26px 0px;
}

.main-header .theme-btn span{
  padding: 19px 48px 17px 48px;
}



/*** Search Popup ***/

.search-popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.80);
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}

.search-popup .popup-inner{
  width: 100%;
  background: #fff;
  height: 100%;
}

.search-popup .upper-box{
  position: relative;
  padding: 70px 70px;
  z-index: 99;
}

.search-popup .upper-box .logo-box{
  max-width: 182px;
}

.search-popup .overlay-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}

.search-popup .close-search {
  position: relative;
  font-size: 25px;
  color: #141417;
  cursor: pointer;
  z-index: 5;
  top: 11px;
  transition: all 500ms ease;
}

.search-popup .close-search:hover {
  color: red;
}

.search-popup .search-form {
  position: relative;
  width: 100%;
  padding: 100px 0px 250px 0px;
}

.search-popup .search-form .form-group{
  position: relative;
  margin: 0px;
}

.search-popup .search-form fieldset input[type="search"] {
  position: relative;
  height: 90px;
  padding: 20px 0px;
  background: #ffffff;
  line-height: 30px;
  font-size: 20px;
  color: #808080;
  font-family: 'Poppins', sans-serif;
  border: none;
  font-weight: 400;
  border-radius: 0px;
  padding-right: 50px;
  border-bottom: 1px solid #e5e5e5;
}

.search-popup .search-form fieldset button[type="submit"] {
  position: absolute;
  top: 30px;
  right: 0px;
  font-size: 25px;
  color: #141417;
  cursor: pointer;
  transition: all 500ms ease;
}

.search-popup .search-form fieldset input[type="search"]:focus{
  border-color: #141417;
}

.search-popup .form-control:focus{
  box-shadow: none !important;
}


/** main-menu **/

.main-menu{
  float: left;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  margin: 0px 20px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:20px;
  line-height:26px;
  padding: 39px 0px 35px 0px;
  font-family: var(--secondary-font);
  letter-spacing: 0.8px;
  opacity:1;
  color: #0E1136;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: var(--secondary-color);
}

.main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  background: rgba(249, 49, 59, 0.1);
  width: 39px;
  height: 39px;
  border-radius: 50%;
  left: -12px;
  top: 32px;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before{
  transform: scale(1,1);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:230px;
  margin-top: 15px;
  z-index:100;
  display:none;
  background: #0E1136;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
  border-radius: 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding: 10px 25px;
  line-height:24px;
  font-size:18px;
  text-transform:capitalize;
  font-family: var(--secondary-font);
  color:#fff;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-menu .navigation > li > .megamenu li > a{
  padding-left: 0px;
}

.main-menu .navigation > li > .megamenu h4{
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
  padding-left: 35px;
  color: var(--secondary-color);
}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:10px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  margin-top: 15px;
  background: #0E1136;
  width:230px;
  z-index:100;
  display:none;
  border-radius: 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 25px;
  line-height:24px;
  font-size:18px;
  text-transform:capitalize;
  font-family: var(--secondary-font);
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  padding-left: 35px;
  color: var(--secondary-color);
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  margin-top: 0px;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top: 0%; 
  margin-top: 0px;
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  background: var(--secondary-color);
  display: none;
}

.mobile-menu .nav-logo img{
  max-width: 160px;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-style-three .menu-area .mobile-nav-toggler .icon-bar{
  background: #222;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  margin-bottom: 10px;
}

.sticky-header .main-menu .navigation > li > a{
  padding-top: 27px;
  padding-bottom: 27px;
}

.sticky-header .main-menu .navigation > li > a:before{
  top: 19px;
}

.sticky-header .main-menu:before{
  top: 15px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  transition: all 900ms ease;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px;
  text-align:left;  
  padding-bottom: 100px;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 900ms ease;
  background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  right: 100%;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #141417;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 900ms ease !important;
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  color: #ffffff;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

.main-header .outer-box{
  position: relative;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x{
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


/** rtl-switcher **/

.demo-rtl{
  position: fixed;
  top: 390px;
  left: 10px;
  z-index: 9999;
}

button.rtl{
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

.demo-ltr{
  position: fixed;
  top: 390px;
  left: auto;
  right: 10px;
  z-index: 9999;
}

button.ltr {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 1.0);
  transition: all 500ms ease;
}

.boxed_wrapper.ltr .demo-rtl{
  display: block;
}

.boxed_wrapper.ltr .demo-ltr{
  display: none;
}

.boxed_wrapper.rtl .demo-rtl{
  display: none;
}

.boxed_wrapper.rtl .demo-ltr{
  display: block;
}

.bg-color-1{
  background-color: #F4F3F8;
}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #0E1136;
  font-weight: 500;
  padding-left: 40px;
  margin-bottom: 17px;
}

.list-style-one li:before{
  position: absolute;
  content: '\e907';
  font-family: 'icomoon';
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  color: var(--theme-color);
  left: 0px;
  top: 0px;
}

.border-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255,255,255,.5);
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  animation: squares 2.9s linear 0s infinite;
  -webkit-animation: squares 2.9s linear 0s infinite;
  -ms-animation: squares 2.9s linear 0s infinite;
  -o-animation: squares 2.9s linear 0s infinite;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  opacity: 0;
}

.border-animation.border-2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.border-animation.border-3 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

.check-box input {
  display: none;
}

.check-box label {
  position: relative;    
  padding-left: 24px;
  display: inline-block;
  cursor: pointer; 
}

.check-box label a{
  color: #676767;
  text-decoration: underline;
}

.check-box label a:hover{
  color: var(--secondary-color);
}

.check-box label:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 7px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #676767;
  background: transparent;
}

.check-box label:after {
  position: absolute;
  content: '';
  left: 4px;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--secondary-color);
  opacity: 0;
  transition: all 500ms ease;
}

.check-box input:checked + label:after {
  opacity: 1;
}


/** main-footer **/

.main-footer{
  position: relative;
  background: #0E1136;
}

.main-footer .widget-section{
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main-footer p,
.main-footer a{
  color: #fff;
}

.main-footer a:hover{
  color: var(--secondary-color);
}

.main-footer .logo-widget .footer-logo{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.main-footer .logo-widget p{
  margin-bottom: 30px;
}

.main-footer .logo-widget .social-links li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  margin-right: 20px;
}

.main-footer .logo-widget .social-links li:last-child{
  margin: 0px !important;
}

.main-footer .widget-title{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.main-footer .widget-title h3{
  font-size: 26px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
}

.main-footer .links-widget li a{
  font-weight: 500;
  line-height: 40px;
}

.main-footer .contact-widget .info-list li{
  position: relative;
  display: block;
  margin-bottom: 30px;
  color: #fff;
  padding-left: 30px;
}

.main-footer .contact-widget .info-list li:last-child{
  margin-bottom: 0px;
}

.main-footer .contact-widget .info-list li img{
  position: absolute;
  left: 0px;
  top: 6px;
}

.main-footer .contact-widget .info-list li i{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 18px;
  color: #fff;
}

.footer-bottom{
  position: relative;
  width: 100%;
  padding: 20px 0px;
}

.footer-bottom .bottom-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom .bottom-inner .footer-nav li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 40px;
}

.footer-bottom .bottom-inner .footer-nav li:last-child{
  margin: 0px !important;
}



.main-footer .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
}

.main-footer .pattern-layer .pattern-2{
  position: absolute;
  left: 70px;
  top: 0px;
  width: 145px;
  height: 142px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-3{
  position: absolute;
  top: 130px;
  right: 90px;
  width: 131px;
  height: 126px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-4{
  position: absolute;
  left: -300px;
  bottom: -223px;
  width: 544px;
  height: 544px;
  background: #181B3E;
  border-radius: 50%;
  -webkit-animation: zoom-fade 8s infinite linear;
  animation: zoom-fade 8s infinite linear;
}


/** xs-sidebar **/

.xs-sidebar-group .xs-overlay{
  left:0%;
  top:0;
  position:fixed;
  height:100%;
  width:20%;
  transform: scaleX(0);
  transform-origin: left center;
  cursor:url(../images/cross-out.png),
  pointer; 
  z-index: 9999999;
  border-right: 1px solid rgba(255, 255, 255, 0.10);
  transition: transform .65s .3s cubic-bezier(0.7, 0, 0.2, 1);
}

.xs-sidebar-group.isActive .xs-overlay{
  transform: scaleX(1);
  transition-delay: .03s;
}

.xs-sidebar-group .xs-overlay-2{
  left: 20%;
  transition-delay: .06s;
}

.xs-sidebar-group .xs-overlay-3{
  left: 40%;
  transition-delay: .09s;
}

.xs-sidebar-group .xs-overlay-4{
  left: 60%;
  transition-delay: .12s;
}

.xs-sidebar-group .xs-overlay-5{
  left: 80%;
  transition-delay: .15s;
}

.xs-sidebar-group .widget-heading{
  position:absolute;
  top: 50px;
  right: 35px;
  z-index: 1;
}

.xs-sidebar-widget{
  position:fixed;
  right:-100%;
  top:0;
  bottom:0;
  width:100%;
  max-width:460px;
  z-index:999999999;
  height: 100%;
  -webkit-overflow-scrolling:touch;
  background-color:#fff;
  transition: all 900ms ease;
  visibility:hidden;
  opacity:0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget{
  opacity:1;
  visibility:visible;
  right:0;
  -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
}

.sidebar-textwidget{
  padding: 50px 40px 50px 40px;
}

.xs-sidebar-group .close-side-widget{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #0e132d;
  color: #0e132d;
  border-radius: 50%;
  font-weight: 400;
  font-size: 20px;
}

.sidebar-widget-container{
  position:relative;
  opacity:0;
  visibility:hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container{
  opacity:1;
  visibility:visible;
}

.xs-bg-black{
  background-color:#101127;
}

.sidebar-info-contents .content-inner{
  position:relative;
}

.sidebar-info-contents .content-inner .logo {
  padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
  display:inline-block;
  max-width:100%; 
}

.sidebar-info-contents .content-inner .content-box{
  position:relative;
}

.sidebar-info-contents .content-inner .content-box h4{
  position:relative;
  font-size:20px;
  font-weight:700;
  margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box p{
  position:relative;
  font-size:15px;
  margin-bottom:25px;
}

.sidebar-info-contents .content-inner .content-box .theme-btn-two{
  padding: 10px 50px;
}

.sidebar-info-contents .content-inner .contact-info{
  position:relative;
  margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-info ul li{
  position:relative;
  display: block;
  font-size:15px;
  color: #676767;
  margin-bottom:3px;
}

.sidebar-info-contents .content-inner .contact-info ul li a{
  color: #676767;
}

.sidebar-info-contents .content-inner .contact-info ul li a:hover{
  color: var(--secondary-color);
}

.sidebar-info-contents .content-inner .contact-info h4{
  position:relative;
  font-size:20px;
  font-weight:700;
  margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
  position:relative;
  margin-top:20px;
  margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
  position:relative;
  display:inline-block;
  margin-right:6px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
  position:relative;
  width:36px;
  height:36px;
  color:#75767b;
  z-index:1;
  font-size:13px;
  line-height:36px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  background: transparent;
  border: 1px solid #e5e5e5;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover{
  color: #fff;
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
}


/** header-style-two **/

.header-style-two .header-top{
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
}

.header-style-two .header-lower .outer-container{
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
  background: #fff;
}

.main-header .menu-right-content{
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .menu-right-content li{
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #0E1136;
  width: 48px;
  height: 48px;
  line-height: 52px;
  background: #F4F3F8;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 40px;
  transition: all 500ms ease;
}

.main-header .menu-right-content li:last-child{
  margin: 0px !important;
}

.main-header .menu-right-content li:hover{
  color: #fff;
  background: var(--secondary-color);
}

.progress-box .bar{
  position:relative;
  width:100%;
  height:10px;
  background: rgba(29, 60, 226, 0.1);
  border-radius: 25px;
}
  
.progress-box .bar-inner{
  position:relative;
  display:block;
  background: var(--theme-color);
  width:0px;
  height:10px;
  border-radius: 25px;
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

.progress-box{
  position: relative;
  margin-bottom: 30px;
}

.progress-box:last-child{
  margin-bottom: 0px;
}

.progress-box .count-text{
  position: absolute;
  top: -32px;
  right: 0px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: var(--title-color);
}

.progress-box p{
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: var(--title-color);
  margin-bottom: 10px;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.default-form .form-group{
  position: relative;
  margin-bottom: 20px;
}

.default-form .form-group:last-child{
  margin-bottom: 0px;
}

.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 18px;
  color: #676767;
  transition: all 500ms ease;
}

.default-form .form-group textarea{
  height: 165px;
  resize: none;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
  border-color: var(--theme-color);
}

.default-form .form-group .theme-btn span{
  padding: 17px 30px 15px 30px;
}

.sidebar-info-contents .content-inner .theme-btn span{
  padding: 17px 40px 15px 40px;
}


/** header-style-three **/

.header-style-three .header-lower .outer-box,
.header-style-three .header-lower .outer-box:before{
  background: transparent;
}

.header-style-three .menu-right-content li{
  background: #F4F3F8;
}

.sticky-header .logo-box{
  padding: 16px 0px;
}