/*===============================================
Template Name: DreamHub - App & Software Company HTML5 Template
Author:  https://Templatemonstar.net/authors/drtheme
Description: Description
Version: 1.0.0
Text Domain: DreamHub
Tags: agency, consulting, digital agency, digital marketing, digital marketing agency, marketing, marketing agency, media agency, portfolio, seo, seo agency, seo agency theme, seo marketing, smm, social media marketing agency.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. DreamHub Header Top Menu Area Css
02. DreamHub Nav Menu Area Css 
03. DreamHub Slider Area Css
04. DreamHub Section Title Css
05. DreamHub Service Area css
06. DreamHub About Area Css
07. DreamHub Counter Area Css
08. DreamHub Case Study Area Css
09. DreamHub Testimonial Area Css
10. DreamHub Process Area Css
11. DreamHub Team Area Css
12. DreamHub Faq Area Css
13. DreamHub Brand Section Css
14. DreamHub Call Do Section Css
15. DreamHub Form Box Css
16. DreamHub Skill Area Css
17. DreamHub Blog Area Css
18. DreamHub footer Area Css
19. DreamHub Subscribe Area Css
20. DreamHub Lines CSS
21. DreamHub Prossess Ber Css
22. DreamHub Scrollup Section
23. DreamHub Bounce Animation Css 
24. DreamHub Animation Dance
25. DreamHub Breadcumb Area Css
26. DreamHub abouts_areas Css
27. DreamHub Feture-Area Css
28. DreamHub Pricing Section Css
29. DreamHub Web Development Section CSS
30. DreamHub Contact  US Css
31. DreamHub Blog Sidber Widget CSS
32. DreamHub Case Study Details Css
33. DreamHub Search Box Css
34. DreamHub Loader Css
=======================*/


.header-top-area {
    background: transparent;
    border-bottom: 1px solid rgba(30, 38, 109, 0.1);
}

.header-top-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-top-info ul li {
    display: inline-block;
     padding: 12px 0 12px 18px;
     border-left: 1px solid rgba(30, 38, 109, 0.1);
}

.header-top-info ul li a {
    text-decoration: none;
    color: #101010;
    margin-right: 20px;
    font-size: 14px;
}

.header-top-info ul li span {
    display: inline-block;
    margin-right: 5px;
}

.header-top-social {
    text-align: right;
}

.header-top-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-top-social ul li {
    display: inline-block;
    padding: 12px 12px 12px 18px;
    border-left: 1px solid rgba(30, 38, 109, 0.1);
}

.header-top-social ul li a {
    display: inline-block;
}


/*==============header-main-area-start=====================*/

.dreamhub_nav_manu {
    transition: .5s;
    z-index: 2;
    position: relative;
    padding: 0 70px 0;
    border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
}

.logo_img img {
    width: 150px; /* Cambia a seconda della dimensione desiderata */
    height: auto; /* Mantieni il rapporto di proporzione */
}

.main_sticky img {
    width: 120px; /* Adatta a seconda della dimensione desiderata */
    height: auto; /* Mantieni il rapporto di proporzione */
}

.logo_thumb img {
    width: 180px; /* Modifica il valore in base alle dimensioni necessarie */
    height: auto; /* Mantieni il rapporto di proporzione */
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .dreamhub_menu>ul>li>a {
    color: #101010;
}

.sticky .main-btn {
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
}


/* polytia Menu Css*/
nav.dreamhub_menu {
    text-align: right;
    position: relative;
    z-index: 1;
    margin-left: 11px;
}

.dreamhub_menu ul {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.dreamhub_menu>ul>li {
    display: inline-block;
    position: relative;
    margin-right: 32px;
    z-index: 1;
}


.dreamhub_menu>ul>li>a {
    text-decoration: none;
    position: relative;
    font-size: 17px;
    display: block;
    padding: 37px 0;
    transition: .5s;
    color: #1e266d;
    font-weight: 400;
}

.dreamhub_menu>ul>li>a::before {
    content: '';
    position: absolute;
    right: auto;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background-color: #c83bcf;
    transition: 0.3s;
}

.dreamhub_menu>ul>li>a:hover{
    color:#c83bcf;
}


nav.dreamhub_menu span {
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    opacity: .5;
}


/*menu button*/
 
.header-src-btn {
    display: inline-block;
    position: relative;
    padding-right: 50px;
    top: 10px;
}


.search-box-btn.search-box-outer {
    position: absolute;
    bottom: 4px;
    right: 35px;
}

.search-box-btn.search-box-outer i {
    font-size: 15px;
    display: inline-block;
    color: #0a2c3d;
    cursor: pointer;
}



.main-btn {
    display: inline-block;
    color: #fff !important;
    padding: 14px 41px;
    border: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    transition: 0.3s;
    outline: 0 !important;
}

.main-btn:hover{
    color: #fff;
    background: linear-gradient(90deg, rgba(238,83,248,1) 0%, rgba(115,71,242,1) 100%);
}

/*Style Two Nav Menu*/

.style-two.dreamhub_nav_manu {
    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);
}

.style-two .dreamhub_menu>ul>li>a {
    color: #fff;

}

/*style two btn*/

.style-two .header-button a {
    background: rgba(16,18,16,0);
    border: 1px solid rgba(255,255,255,0.3);
}



/*** Sub Menu Style 
==========================***/

.dreamhub_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    padding: 0;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    opacity: 0;
}

.dreamhub_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.dreamhub_menu ul .sub-menu li {
    position: relative;
}

.dreamhub_menu ul .sub-menu li a {
    text-decoration: none;
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #101210 !important;
}

.dreamhub_menu ul .sub-menu li:hover>a,
.dreamhub_menu ul .sub-menu .sub-menu li:hover>a,
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    color: #fff !important;
}

/* sub menu 2 
=================*/

.dreamhub_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.dreamhub_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 
==================*/

.dreamhub_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.dreamhub_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.dreamhub_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

ul.sub-menu li a span {
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span{
    background: rgba(255,255,255, 0.20);
}

/* sub menu 4 
====================*/

.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}


.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.dreamhub_menu li a:hover:before {
    width: 101%;
}

.dreamhub_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.dreamhub_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}

/*=============sticky-header-area-end================*/


.header-signup-button {
    display: inline-block;
}

/* Set a style for all buttons */

.header-signup-button button {
    color: #fff;
    padding: 10px 30px;
    border: none;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    border-radius: 5px;
}

/* Float cancel and signup buttons and add an equal width */

button.cancelbtn {
    padding: 16px 0;
    background-color: rgba(238,83,248,1);
    border: none;
    color: #ffff;
    width: 50%;
}

button.signupbtn {
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    border: none;
    padding: 16px 0;
    color: #fff;
    width: 49%;
}

.signup-box {
    padding: 30px !important;
    transition: 0.5s;
}

.signup-box h1 {
    color: rgba(238,83,248,1);
    font-size: 30px;
    padding: 0 0 16px;
    font-weight: 600;
}

.modal.section {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 42%;
    height: 100%;
    outline: 0;
    right: 0;
    margin: auto;
}

.modal.section .close {
    float: right;
    font-size: 2.9rem;
    font-weight: 500;
    line-height: 1;
    color: rgba(238,83,248,1);
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: relative;
    top: 60px;
    z-index: 1;
    left: -23px;
    cursor: pointer;
}


/* Full-width input fields */

  input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}




/*
<!-- ============================================================== -->
<!-- Start dreamhub-hero Section Css -->
<!-- ============================================================== -->*/

/*
<!-- ============================================================== -->
<!-- Start dreamhub-hero Section Css -->
<!-- ============================================================== -->*/

/*
/*

<!-- ============================================================== -->

<!-- Start dreamhub-hero Section Css -->

<!-- ============================================================== -->*/


.hero-content {
    padding: 140px 0 0;
}

.hero-thumb{
    position: relative;
    z-index: 1;
}

.hero-thumb img {
    padding: 30px 0 0;
    max-width: 180%;
    position: relative;
    left: -60px; /* Modificato per spostare l'immagine leggermente a destra */
}

.hero-shape {
    position: relative;
    z-index: -1;
}

.hero-shape img {
    position: absolute;
    top: -240px;
    left: -260px;
}

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

@-webkit-keyframes float-bob {
    0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    50% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px); }
    100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); } }

.hero-content span {
    font-size: 60px;
    font-weight: 700;
    display: inline-block;
    color: #e47f68;
    font-family: 'Poppins', sans-serif;
}

.hero-content h1 {
    font-size: 60px;
    font-weight: 500;
    color: rgb(30, 38, 109);
    font-family: 'Poppins', sans-serif;
}

.hero-content p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    padding: 22px 0 14px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
/*     background-color: rgba(0, 0, 0, 0.5);
 */}

.main-button {
    font-size: 17px;
    padding: 20px 40px;
    background: linear-gradient(95deg, #e6afa2 0%, #e47f68 100%);
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
    border-radius: 30px;
    line-height: 60px;
    margin-right: 20px;
    transition: .5s;
    filter: brightness(100%);
    transform: translate(0px, 0px);
}

.main-button span {
    margin-right: 9px;
}

.ply-btn{
    font-size: 17px;
    padding: 20px 40px;
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(260deg, #e6afa2 0%, #e47f68 100%);
    font-weight: 500;
    border-radius: 30px;
    line-height: 60px;
    transition: .5s;
    filter: brightness(100%);
    transform: translate(0px, 0px);
}

.ply-btn span{
    margin-right: 9px;
}

.hero-info a {
    display: inline-block;
    margin-top: 35px;
    font-size: 17px;
    font-weight: 400;
    color: rgb(89, 89, 89);
}

.hero-info a img {
    margin-right: 8px;
}

.main-button:hover{
    color: #fff;
    background: linear-gradient(95deg, #e47f68 0%, #e6afa2 100%);
}

.ply-btn:hover{
    color: #fff;
    background: linear-gradient(260deg, #e47f68 0%, #e6afa2 100%);
    background-color: #ffffff; /* Aggiunto sfondo bianco */
}

/* Video Background Styles for Full Width */
.hero-section {
    position: relative;
    background-image: url("https://www.hybiz.eu/XRestaurant/assets/images/woman-working-as-professional-chef_03.jpg");
    background-size: cover; /* Assicura che l'immagine copra l'intera sezione */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita ripetizioni */
    height: 100vh; /* Imposta un'altezza adeguata, puoi modificarla in base al contenuto */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Se il testo deve essere leggibile sopra l'immagine */
    overflow: hidden; /* Importante per nascondere eventuali overflow del pseudo-elemento */
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%; /* Larghezza della sfumatura (30% da sinistra) */
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent); /* Sfumatura da nero (80% opaco) a trasparente verso destra */
    z-index: 1; /* Assicura che sia sopra l'immagine di sfondo ma sotto il contenuto */
}

.hero-section .container {
    position: relative;
    z-index: 2;
}

.hero-video-background {
    position: absolute; /* Posizione assoluta rispetto al hero-section */
    top: 0;
    left: 0;
    width: 100%;    /* Imposta la larghezza al 100% della pagina */
    height: 100%;   /* Imposta l'altezza al 100% della sezione */
    z-index: 0;    /* Assicura che il video sia dietro al contenuto */
}

.hero-background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Assicura che il video copra l'area senza deformarsi */
}

/*Overlay Video Hero*/
.hero-video-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Regola la trasparenza con l'ultimo valore (0.x) */
    z-index: 1;    /* Assicura che sia sopra al video */
}

/* Media Query per schermi piccoli (es. tablet e smartphone) */
@media (max-width: 768px) {
    .hero-button {
        text-align: center; /* Allinea i pulsanti al centro su schermi piccoli */
    }

    .hero-button a {
        display: block; /* Cambia il display a block per disporre i pulsanti in verticale */
        margin-right: 0; /* Rimuovi il margine destro */
        margin-bottom: 10px; /* Aggiungi un margine inferiore per distanziare i pulsanti */
        text-align: center; /* Opzionale: allinea il testo dei pulsanti al centro */
        font-size: 16px; /* Riduce la dimensione del testo dei pulsanti */
        padding: 4px 25px; /* Riduce il padding dei pulsanti */
    }

    .hero-button a:last-child {
        margin-bottom: 0; /* Rimuove il margine inferiore dell'ultimo elemento */
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .hero-button {
        text-align: center; /* Centra i pulsanti */
    }

    .hero-button a {
        display: block; /* Layout verticale */
        margin: 10px auto; /* Spazio tra i pulsanti */
        width: auto; /* Larghezza flessibile */
        max-width: 300px; /* Larghezza massima */
        height: 50px; /* Altezza uniforme */
        line-height: 50px; /* Allinea il testo verticalmente */
        padding: 0 20px; /* Riduce il padding laterale */
        font-size: 14px; /* Riduce la dimensione del testo */
    }
}

/*================start-feature-section===================*/
.feature-section {
    padding: 90px 0;
    scroll-margin-top: 50px; /* Inserisco scroll-margin-top */
}

.section-title .number {
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    opacity: 0.09;
    left: -40px;
    top: 20px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}

.section-title h5 {
    display: inline-block;
    position: relative;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
   
}

.section-title h3 span {
    color: #e47f68;
    font-weight: 600;
}

.section-title h3 {
    color: rgb(30, 38, 109);
    font-size: 42px;
    font-weight: normal;
    margin: 12px 0 23px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}

.section-disc p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    font-family: 'Poppins', sans-serif;
}

.sec-widget-element {
    margin-top: 15px;
}

.sec-widget-element ul {
    list-style: none;
    padding: 0;
}

.sec-widget-element ul li {
    display: flex;
    align-items: center;
    margin-bottom: 17px;
    color: #101010;
    font-size: 17px;
}
    
.sec-widget-element ul li span {
    display: inline-flex; /* Per centrare l'icona verticalmente */
    align-items: center;
    justify-content: center;
    color: #eb5432;
    font-size: 30px; /* Icone ancora più grandi */
    height: 45px;    /* Contenitore icone più grande */
    width: 45px;    /* Contenitore icone più grande */
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
  background-color: rgba(235, 84, 50, 0.1); /* Aggiunto sfondo leggermente trasparente */
}

.sec-widget-element ul li span i {
     color: #eb5432;
	 font-size: 30px;  /* Icone ancora più grandi */
}

.sec-widget-element ul li .list-content{
    margin-left: 15px;
}

.sec-widget-element ul li .list-content h5 {
    font-size: 20px;
}

.sec-widget-element ul li .list-content p {
    font-size: 16px;
    color: #101010;
}

.section-button a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    box-shadow: 0px 15px 50px 0px rgba(190, 84, 35, 0.3);
    padding: 17px 45px;
    border-radius: 30px;
    margin: 20px 0 0;
}

.section-button a span {
    margin-left: 5px;
}

.section-button a:hover{
    color: #fff;
    background: linear-gradient(90deg, #eb5432 0%, #e47f68 100%);
}

.feature-image img {
    padding: 0px 0;
	max-width: 100%;   /* Immagine più grande rispetto al contenitore*/
  	height: auto;
    display: block;
    position: relative;  /* per spostare l'immagine a sinistra */
	left: -100px;      /* sposta l'immagine a sinistra */
    border-radius: 20px;
}
/*================end-feature-section===================*/


/*================about-area-start===================*/

.about-section {
    background: 
    linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0) 100%),
    url(../images/resource/woman-working-as-professional-chef.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}

.about-content {
    max-width: 45%; /* Limita l'ampiezza del contenuto, ad es. 45% della larghezza della sezione */
    padding: 20px;
    /* Puoi eventualmente aggiungere margini per distanziarlo ulteriormente dal bordo */
    margin-left: 30px;
  }  

.about-title,
.about-disc,
.about-disc2,
.about-button {
  text-align: left;
}

.about-title {
    padding: 65px 0 0;
}

.about-thumb img {
    width: 100%; /* Fa sì che l'immagine occupi tutta la larghezza del contenitore */
    max-width: 700px; /* Imposta una dimensione massima */
    height: auto; /* Mantiene le proporzioni */
    display: block;
    margin-left: -70px;
    margin-top: 90px;
    border-radius: 20px;
}

.about-title .number {
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    opacity: 0.09;
    right: 495px;
    top: 80px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}

.about-title h5 {
    display: inline-block;
    position: relative;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.about-title h3 span {
    color: rgb(86, 47, 183);
    font-weight: 600;
}

.about-title h3 {
    color: rgb(30, 38, 109);
    font-size: 42px;
    font-weight: normal;
    margin: 13px 0 23px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}

.about-disc p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    font-family: 'Poppins', sans-serif;
}

.about-disc2 {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    font-family: 'Poppins', sans-serif;
}

.about-button a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    box-shadow: 0px 15px 50px 0px rgba(157, 35, 190, 0.3);
    padding: 17px 50px;
    border-radius: 30px;
    margin: 20px 0 0;
}

.about-button a span {
    margin-left: 5px;
}

.about-button a:hover{
    color: #fff;
    background: linear-gradient(90deg, #eb5432 0%, #e47f68 100%);
}

@media (max-width: 768px) {
    /* Modifica il background se necessario (facoltativo) */
    .about-section {
      /* Se vuoi spostare il gradiente, ad esempio coprire una parte più ampia per dare più spazio al testo */
      background: url(assets/images/resource/woman-working-as-professional-chef.jpg);
      background-size: cover;
      background-color: rgba(255, 255, 255, 0.1);
    background-blend-mode: overlay;
    }
    
    /* Estendi il contenuto testuale e centra il blocco */
    .about-content {
      max-width: 90%;       /* Usa quasi tutta la larghezza disponibile */
      margin: 0 auto;       /* Centra il contenuto orizzontalmente */
      text-align: center;   /* Allinea il testo al centro */
      padding: 10px;        /* Riduci i padding se necessario */
    }
    
    /* Nascondi il numero grande, se risulta ingombrante */
    .about-title .number {
      display: none;
    }
    
    /* Riduci leggermente le dimensioni dei titoli */
    .about-title h5 {
      font-size: 14px;
    }
    
    .about-title h3 {
      font-size: 28px;
      margin: 10px 0 15px;
    }
    
    /* Riduci la dimensione del testo dei paragrafi */
    .about-disc p,
    .about-disc2 p {
      font-size: 14px;
      line-height: 1.5;
    }
    
    /* Regola il pulsante */
    .about-button a {
      padding: 12px 30px;
      font-size: 14px;
    }
    
    /* Se nel layout originale esistevano colonne affiancate, assicurati che in mobile vengano impilate */
    .col-lg-6 {
      width: 100%;
      padding: 0 15px; /* opzionale, per dare un po' di spazio ai lati */
    }
    
    /* Se necessario, regola il container della riga per evitare eccessivi spazi vuoti */
    .row {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }  

/*================about-area-end===================*/


/**
======================================================
           <--  start-working Section -->
======================================================**/

.work-section {
    padding: 85px 0;
}

.work-title {
    text-align: center;
    margin-bottom: 118px;
}

.work-title h5 {
    display: inline-block;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.work-title h3 span {
    color: #eb5432;
    font-weight: 600;
}

.work-title h3 {
    color: rgb(30, 38, 109);
    font-size: 42px;
    font-weight: normal;
    margin: 13px 0 13px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}

.work-title p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    font-family: 'Poppins', sans-serif;
}


.work-sg-thumb{
    position: relative;
}

.work-sg-thumb img {
    position: absolute;
    top: -325px;
    left: 195px;
    z-index: -2;
}

.work-single-box {
    text-align: center;
    padding: 15px 0;
    transition: .5s;
    margin-bottom: 30px;
}

.work-icon {
    position: relative;
    display: inline-block;
    font-size: 40px;
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    margin: 30px 0 43px 30px;
    box-shadow: 0px 0px 40px 0px rgba(122, 56, 223, 0.2);
}

.work-single-box.upper {
    position: relative;
    top: -50px;
}

.work-icon::after {
    content: '';
    position: absolute;
    background-image: url(../images/resource/w-icon-bg.png);
    background-repeat: no-repeat;
    height: 158px;
    width: 133px;
    left: -30px;
    top: -28px;
    z-index: -1;
}

.work-content h5 a {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.work-content p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
}

.work-single-box:hover{
    box-shadow: 0px 10px 16px 0px rgba(145, 78, 255, 0.3);
}

.work-single-box:hover .work-content h5 a{
    color: #de51f7;
}

/**
======================================================
         <-- end-working Section -->
======================================================**/



/*=================breadcame-area==================*/
.breadcumb-area{
    background-image: url(../images/resource/about2-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 128px 0 131px;
    background-color: #121B51;
}


.breadcumb-title h1 {
    font-size: 50px;
    font-weight: 700;
    color: rgb(254, 254, 255);
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
}

.breadcumb-content-menu {
    padding-top: 10px;
}

.breadcumb-content-menu ul li {
    display: inline-block;
    list-style: none;
}

.breadcumb-content-menu ul li a {
    color: rgb(254, 254, 255);
    font-size: 20px;
    font-weight: 600;
}

.breadcumb-content-menu ul li a i{
    margin-left: 10px;
}

.breadcumb-content-menu ul li span {
    color: rgb(254, 254, 255);
    font-size: 20px;
    font-weight: 500;
    margin-left: 10px;
}

.breadcumb-content-menu h1 {
    font-size: 38px;
    font-weight: 600;
    margin: 35px 0 0;
    color: rgb(254, 254, 255);
    font-family: 'Poppins', sans-serif;
}

.blog-detail-thumb p {
    font-size: 16px;
    color: #0a2c3d;
    font-family: 'Poppins', sans-serif;
}

.wp-block-quote p {
    color: #0a2c3d;
    margin: 30px 0 35px 0;
    padding: 5px 0 5px 30px;
    border-left: 3px solid #de51f7;
    font-style: italic;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.widget-sidebar-box {
    padding: 35px 0 35px;
}

.tag-item ul {
    list-style: none;
}

.tag-item ul li {
    display: inline-block;
    color: #000000;
}

.tag-item ul li a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 5px 15px;
    border-radius: 5px;
    transition: .5s;
}

.tag-item ul li a:hover{
    color: #fff;
    background-color: #c83bcf;
}

.social-media {
    padding: 35px 0 35px;
}

.social-media ul {
    list-style: none;
}

.social-media ul li {
    display: inline-block;
}

.social-media ul li a {
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    transition: .5;
}

.social-media ul li a:hover{
    color: #fff;
    background-color: #c83bcf;
}

.blog-details .post-navigation {
    margin: 0 0 41px;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

span.nav-subtitle {
    font-size: 17px;
    font-weight: 600;
}

a {
    background-color: transparent;
}

.nav-next {
    display: inline-block;
    float: right;
    margin: -25px 0 0;
}

.nav-previous a i {
    margin-right: 10px;
}

/*================start-about2-area===================*/

.about-two-section {
    padding: 0 0 90px 0;
}

.cntr-bg-up{
    background-image: url(../images/resource/about2-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
}

.about-two-content {
    padding: 0px 0px 0px 62px;
    margin: 100px 0 0;
}

.about-two-content h5{
    color: #FFFFFF;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.about-two-content h2 {
    color: #FFFFFF;
    font-size: 38px;
    margin: 20px 0 25px;
}

.about-two-content p {
    color: #FFFFFFCC;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0 0 30px;
}

.about-two-button{
    padding: 0px 0px 0px 62px;
}

.about-ply-btn{
    margin-right: 9px;
}

.about-two-thumb {
    margin: -42px 0 0;
}

/*================end-about2-area===================*/


/*==================start-testimonial-section===============*/

.testimonial-section {
    padding: 90px 0 105px;
    text-align: center;
    background: #FFF7FF;
}

.testimonial-title{
    text-align: center;
}

.testimonial-title h5 {
    display: inline-block;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial-title h2 {
    color: #1e266d;
    font-size: 42px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    margin: 12px 0 25px;
}

.testimonial-title h2 span{
    color: #eb5432;
    font-weight: 600;
}

.testimonial-title p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    font-family: 'Poppins', sans-serif;
}

.testimonial-single-box{
    text-align: center;
}

.screenshot {
    position: relative;
    padding-top: 30px;
    z-index: 222;
}

.screen-mobile-image{
    background-image: url(../images/resource/mobile-frame.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 600px;
    left: calc(50% + 0.5px);
    position: absolute;
    top: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    border-radius: 40px;
}

.testimonial-thumb img {
    display: inline-block !important;
    -webkit-transform: scale(.85);
    transform: scale(.85);
}

.active.center .testimonial-thumb img {
    transform: scale(1);;
}

/*==================end-testimonial-section===============*/



/*==================start-reviews-section===============*/

.reviews-section {
    padding: 95px 0;
}

.reviews-title{
    text-align: center;
}

.reviews-title h5 {
    display: inline-block;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reviews-title h2 {
    color: #1e266d;
    font-size: 42px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    margin: 12px 0 25px;
}

.reviews-title h2 span{
    color: #eb5432;
    font-weight: 600;
}

.reviews-title p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    margin-bottom: 75px;
    font-family: 'Poppins', sans-serif;
}

.reviews-thumb {
    display: flex;
}

.reviews-thumb img{
    border-radius: 100%;
}

.reviews-single-box {
    padding: 38px;
    background: #fff;
    box-shadow: 0 0 60px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.upper1{
    margin-top: 70px;
}

.reviews-sub-title {
    display: inline-block;
    margin-left: 12px;
}

.reviews-sub-title h4 {
    font-weight: 600;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
}

.reviews-sub-title h5 {
    font-size: 17px;
    font-weight: 400;
    margin: 5px 0 0px;
}

.reviews-disc p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    margin: 22px 0 15px;
}

.reviews-rating ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reviews-rating ul li {
    display: inline-block;
}

.reviews-rating ul li span .active {
    color: #F9BF00;
    font-size: 16px;
    display: inline-block;
    margin: 0 1px;
}

.reviews-rating ul li span{
    color: #ddd;
}

/*==================end-reviews-section===============*/



/*==================start-counter-section===============*/

.cntr-bg-up1 {
    background-image: url(../images/resource/counter-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 35px;
    border-radius: 8px;
}

.single-counter-box {
    text-align: center;
}

.counter-title h1 {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    padding: 5px 0 10px;
}

.counter-icon span{
    color: #fff;
    font-size: 40px;
}

.counter-text p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

/*==================end-counter-section===============*/



/*==================start-pricing-section===============*/

.pricing-section {
    background-color: #FFF7FF; 
    padding: 74px 0px 80px 0px;
}

.pricing-title{
    text-align: center;
}

.pricing-title h5 {
    display: inline-block;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing-title h2 {
    color: #1e266d;
    font-size: 42px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    margin: 12px 0 25px;
}

.pricing-title h2 span{
    color: #eb5432;
    font-weight: 600;
}

.pricing-title p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    margin-bottom: 75px;
    font-family: 'Poppins', sans-serif;
}

.pricing-head {
    text-align: center;
    border-bottom: 1px solid rgba(30, 38, 109, 0.1);
    margin-bottom: 30px;
}

.pricing-single-box {
    position: relative;
    padding: 75px 40px 40px;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    z-index: 1;
    transition: .5s;
    margin-bottom: 30px;
}

.pricing-single-box::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%; 
    background: linear-gradient(to right, #eb5432 0%, #e47f68 100%);
    z-index: -1;
    border-radius: 10px;
    transition: .5s;
}


.pricing-head h5 {
    position: absolute;
    top: -10px;
    left: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    transform: translateX(-50%);
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    padding: 10px 36px;
    box-shadow: 0px 15px 50px 0px rgba(157, 35, 190, 0.2);
}

.pricing-head h3 {
    color: #562fb7;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}

.pricing-head p {
    color: #1e266d;
    font-family: 'Montserrat', sans-serif;
    margin: 9px 0 40px;
}

.pricing {
    margin-bottom: 30px;
}

.pricing .currency {
    color: #1e266d;
    font-size: 24px;
    font-weight: 700;
}

.pricing .tk {
    color: #1e266d;
    font-size: 50px;
    font-weight: 700;
}

.pricing .price-mon {
    color: #562fb7;
    font-size: 17px;
    font-weight: 400;
}

.pricing-boody ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-boody ul li i {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    border-radius: 50%;
    margin-right: 6px;
}

.pricing-boody ul li {
    font-weight: 400;
    color: #101010;
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
}

.price-btn a {
    display: inline-block;
    color: #1e266d;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 30px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(238,83,248,1);
    border-radius: 30px;
    text-align: center;
    margin-top: 37px;
}

.pricing-single-box:hover:before{
    height: 100%;
 }

 .pricing-single-box:hover .pricing-head h3,
 .pricing-single-box:hover .pricing-head p,
 .pricing-single-box:hover .currency,
 .pricing-single-box:hover .tk,
 .pricing-single-box:hover .price-mon{
    color: #fff;
 }


 .pricing-single-box:hover .pricing-boody ul li{
    color: #fff;
 }

 .pricing-single-box:hover .price-btn a{
    color: #fff;
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
 }

/*==================end-pricing-section===============*/



/*==================start-contact-section===============*/

.blog-area-details {
    padding: 70px 0 35px;
}

.contact-section {
    padding: 60px 0 0;
}


.contact-thumb img {
    padding: 25px 0 0;
}

.contact-content {
    padding: 65px 0 0;
    position: relative;
}

.contact-content .number {
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    opacity: 0.09;
    right: 495px;
    top: 85px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}

.contact-content h5 {
    display: inline-block;
    position: relative;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}



.contact-content h3 span {
    color: #eb5432;
    font-weight: 600;
}

.contact-content h3 {
    color: rgb(30, 38, 109);
    font-size: 42px;
    font-weight: normal;
    margin: 13px 0 23px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}



.form-box input {
    width: 100%;
    margin-bottom: 20px;
    background-color: rgba(30, 38, 109, 0.05);
    border: 0;
    border-radius: 5px;
    padding: 15px 90px 18px 20px;
}


.form-box textarea {
    width: 100%;
    background-color: rgba(30, 38, 109, 0.05);
    border: 0;
    border-radius: 5px;
    padding: 15px 25px;
}

.form-button button {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(to right, #e47f68 0%, #eb5432 100%);
    box-shadow: 0px 15px 50px 0px rgba(157, 35, 190, 0.3);
    padding: 18px 60px;
    border-radius: 30px;
    border: 0;
    margin-top: 25px;
    margin-bottom: 30px;
}

.form-button button:hover{
    background: linear-gradient(to right, #eb5432 0%, #e47f68 100%);
}

.blog-description h3 a {
    margin-bottom: 15px;
    display: inline-block;
  }

.blog-details-meta a:hover{
    color: #c83bcf;
}

.blog-details-meta a {
    font-size: 17px;
    margin-right: 15px;
    color: rgb(30, 38, 109);
}

.blog-details-meta span {
    font-size: 17px;
    margin-right: 15px;
    color: rgb(30, 38, 109);
}

.blog-details-meta a span:hover{
    color: #c83bcf;
}

.blog-details-thumb {
    margin: 10px 0 20px;
}

.blog-leave-title h3 {
    font-size: 25px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

.blog-leave-title h3::before{
    content: '';
    position: absolute;
    height: 3px;
    width: 88px;
    bottom: -11px;
    background: #aec6ef;
}

.blog-leave-title h3::after{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: -13px;
    left: 0;
    border-radius: 50%;
    background-color: #E552F8;
    -webkit-animation: MOVE-BG 3s linear infinite alternate;
    -moz-animation: MOVE-BG 3s linear infinite alternate;
    -o-animation: MOVE-BG 3s linear infinite alternate;
    animation: MOVE-BG 3s linear infinite alternate;
}


@keyframes MOVE-BG {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(88px);
              transform: translateX(88px);
    }
}

.blog-list-left {
    margin-bottom: 40px;
    padding: 45px 30px 28px;
    border-radius: 8px;
    background-color: rgb(254, 254, 255);
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
}

.blog-form-field {
    display: block;
    position: relative;
    width: 90%;
}

.blog-list-left input[type="email"] {
    padding: 9px;
    border-radius: 8px;
    flex-grow: 1;
    min-width: 3em;
    color: rgb(97, 97, 97);
    border: 1px solid #ddd;
    font-size: inherit;
    font-family: inherit;
    width: 76% !important;
    line-height: inherit;
}

p.blog-submit-button {
    color: rgb(254, 254, 255);
    border-radius: 3px;
    border: initial;
    position: absolute;
    padding: 0;
    right: -30px;
    top: 0;
}

.blog-list-left input[type="submit"] {
    color: rgb(254, 254, 255);
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #de51f7;
    padding: 8px 25px;
}

.single-recent-post {
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.recent-post-title h3 {
    font-size: 25px;
    margin-bottom: 20px;
    position: relative;
}

.recent-post-title h3::before{
    content: '';
    position: absolute;
    height: 3px;
    width: 88px;
    bottom: -11px;
    background: #aec6ef;
}

.recent-post-title h3::after{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: -13px;
    left: 0;
    border-radius: 50%;
    background-color: #E552F8;
    -webkit-animation: MOVE-BG 3s linear infinite alternate;
    -moz-animation: MOVE-BG 3s linear infinite alternate;
    -o-animation: MOVE-BG 3s linear infinite alternate;
    animation: MOVE-BG 3s linear infinite alternate;
}

.single-recent-coment h4 {
    font-size: 22px;
    margin-bottom: 50px;
    position: relative;
}

.single-recent-coment h4::before{
    content: '';
    position: absolute;
    height: 3px;
    width: 88px;
    bottom: -11px;
    background: #aec6ef;
}

.single-recent-coment h4::after{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: -13px;
    left: 0;
    border-radius: 50%;
    background-color: #E552F8;
    -webkit-animation: MOVE-BG 3s linear infinite alternate;
    -moz-animation: MOVE-BG 3s linear infinite alternate;
    -o-animation: MOVE-BG 3s linear infinite alternate;
    animation: MOVE-BG 3s linear infinite alternate;
}

.single-recent-achive h4 {
    font-size: 22px;
    position: relative;
    margin-bottom: 50px;
}

.single-recent-achive h4::before{
    content: '';
    position: absolute;
    height: 3px;
    width: 88px;
    bottom: -11px;
    background: #aec6ef;
}

.single-recent-achive h4::after{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: -13px;
    left: 0;
    border-radius: 50%;
    background-color: #E552F8;
    -webkit-animation: MOVE-BG 3s linear infinite alternate;
    -moz-animation: MOVE-BG 3s linear infinite alternate;
    -o-animation: MOVE-BG 3s linear infinite alternate;
    animation: MOVE-BG 3s linear infinite alternate;
}

.single-recent-catagories h4 {
    font-size: 22px;
    margin-bottom: 30px;
    position: relative;
}

.single-recent-catagories h4::before{
    content: '';
    position: absolute;
    height: 3px;
    width: 88px;
    bottom: -11px;
    background: #aec6ef;
}

.single-recent-catagories h4::after{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: -13px;
    left: 0;
    border-radius: 50%;
    background-color: #E552F8;
    -webkit-animation: MOVE-BG 3s linear infinite alternate;
    -moz-animation: MOVE-BG 3s linear infinite alternate;
    -o-animation: MOVE-BG 3s linear infinite alternate;
    animation: MOVE-BG 3s linear infinite alternate;
}

.rpost-thumb a img {
    width: 75px;
    height: 75px;
    margin: 15px 12px 15px 0px;
}

.rpost-content h5 a {
    font-size: 16px;
    font-weight: 600;
    color: #616161;
    font-family: 'Poppins', sans-serif;
}

span.rcomment {
    font-size: 16px;
    color: #1e266d;
    font-family: 'Poppins', sans-serif;
}

.rpost-content h5 a:hover {
    color: #E552F8;
}

.single-recent-coment {
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.single-recent-coment span {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.single-recent-achive {
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.single-recent-achive a:hover{
    color: #E552F8;
}

.single-recent-catagories {
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.single-recent-catagories ul {
    list-style: none;
}

.single-recent-catagories ul li a:hover{
    color: #E552F8;
}

/*
<!-- ============================================================== -->
<!-- start Dreamhub contact Section Css -->
<!-- ============================================================== -->*/


/*
<!-- ============================================================== -->
<!-- start Dreamhub blog Section Css -->
<!-- ============================================================== -->*/


.blog-section {
    padding: 75px 0;
}

.blog-title{
    text-align: center;
}

.blog-title h5 {
    display: inline-block;
    color: #533efe;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #eb5432 0%, #e47f68 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog-title h2 {
    color: #1e266d;
    font-size: 42px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    margin: 12px 0 25px;
}

.blog-title h2 span{
    color: #562fb7;
    font-weight: 600;
}

.blog-title p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    margin-bottom: 75px;
    font-family: 'Poppins', sans-serif;
}

.blog-single-box {
    margin-bottom: 30px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
}

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

.blog-content {
    padding: 23px 32px 35px;
}

.blog-date p {
    position: relative;
    font-size: 17px;
    color: #1e266d;
    margin: 0;
}

.blog-date p span:after {
    content: '';
    position: absolute;
    left: 180px;
    height: 80%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.5);
}

.blog-meta {
    float: right;
    left: -270px;
    position: relative;
    top: -26px;
    font-size: 17px;
}

.blog-meta a{
    color: #1e266d;
    display: inline-block;
}

.blog-date span{
    margin-right: 5px;
}

.blog-info h3 a {
    color: #1e266d;
    font-size: 24px;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}

.blog-info p {
    color: rgba(30, 38, 109, 0.9);
    font-weight: 400;
    font-size: 18px;
    margin: 12px 0 17px;
}

.blog-button a {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
}

/*
<!-- ============================================================== -->
<!-- -end-Dreamhub-blog Section Css -->
<!-- ============================================================== -->*/



/*
<!-- ============================================================== -->
      <!--start-Dreamhub-footer Section Css -->
<!-- ============================================================== -->*/

.footer-section {
    background-image: url(../images/resource/footer-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 30px;
}


.company-info-desc p {
    color: #1E266D;
    font-size: 16px;
    font-weight: 400;
    margin: 30px 0;
    font-family: 'Poppins', sans-serif;
}

.widget-nav-menu .widget-title {
    font-size: 26px;
    font-weight: 700;
    color: #1E266D;
    margin-bottom: 28px;
}

.widgets-company-info {
    margin-bottom: 30px;
}

ul.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 17px;
}

.footer-menu li span {
    display: inline-block;
    height: 1px;
    width: 15px;
    background: linear-gradient(to right, #eb5432 0%, #e47f68 100%);
    margin: 0 6px 4px 0;
}

ul.footer-menu li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #1E266D;
    font-family: 'Poppins', sans-serif;
}

ul.footer-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-info li {
    margin-bottom: 17px;
}

.footer-info li span {
    display: inline-block;
    height: 1px;
    width: 15px;
    background: linear-gradient(to right, #eb5432 0%, #e47f68 100%);
    margin: 0 6px 4px 0;
}

.footer-info li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #1E266D;
    font-family: 'Poppins', sans-serif;
}

.widget-nav-menu {
    margin-bottom: 30px;
}

.menu-quick-link-contact .widget-title {
    font-size: 17px;
    font-weight: 400;
    color: #1E266D;
    font-family: 'Poppins', sans-serif;
}

.subscribe-widget{
    position: relative;
}

.subscribe-widget input {
    width: 100%;
    color: #1e266d;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    border: 0;
    margin: 24px 0 20px;
    background: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
}

.subscribe-widget .input-icn {
    position: absolute;
    top: 24px;
    right: 0;
    height: 56px;
    width: 56px;
    color: #fff;
    padding: 15px;
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%) !important;
    border: 0;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
   
}

.footer-bottom-menu.text-right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-bottom-menu.text-right ul li{
    display: inline-block;
}

.footer-bottom-menu.text-right ul li a{
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    margin-left: 10px;
    color: #1E266D;
    font-family: 'Poppins', sans-serif;
}

.widget-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #1E266D;
    font-family: 'Poppins', sans-serif;
}

ul.footer-menu li a:hover{
    color: rgb(238,83,248,1);
}

.footer-info li a:hover{
    color: rgb(238,83,248,1); 
}

/*
<!-- ============================================================== -->
      <!--end-Dreamhub-footer Section Css -->
<!-- ============================================================== -->*/



/*==========================================
    Prygo Search Popup Css
=========================================*/

.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
    width: 100%;
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background: linear-gradient(to right, rgb(238,83,248,1) 6%, rgb(238,83,248,1) 96%);
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #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;
    opacity: 0;
    visibility: hidden;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.search-popup .close-search i{
    position: relative;
    font-size: 30px;
    color: #ffffff;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

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

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-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;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-popup .close-search.style-two i{
    font-size:20px;
    color:#ffffff;
}

.search-box-btn.search-box-outer i {
    font-size: 17px;
    display: inline-block;
    color: #0a2c3d;
    cursor: pointer;
}



/*===========================
<-- polytia Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: rgba(238,83,248,1);
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: rgba(115,71,242,1);
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/

.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}


/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/

.prgoress_indicator {
    position: fixed;
    right: 50px;
    bottom: 20px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(238,83,248, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
}

.prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: rgba(238,83,248,1);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
  color: #2871ff;
}

.prgoress_indicator:hover ::before {
  opacity: 1;
}

.prgoress_indicator svg path {
  fill: none;
}

.prgoress_indicator svg.progress-circle path {
    stroke: rgba(115,71,242,1);
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}

/*
<!-- ============================================================== -->
<!--Aggiunte -->
<!-- ============================================================== -->
*/

/* Features Section */
.features {
    padding: 60px 0;
    scroll-margin-top: 90px;
    overflow: clip;
    background-color: #ffffff;
    color: #212529;
}

.features .section-title {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}

.features .section-title h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
  color: #2d465e;
}

.features .section-title h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #eb5432;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.features .section-title p {
    margin-bottom: 0;
  color: #212529;
}

/* Tab Navigation */
.features .nav-tabs {
    border: 0;
    background-color: rgba(33, 37, 41, 0.04);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    padding: 6px;
    width: auto;
}

.features .nav-item {
    margin: 0;
    padding: 0 5px 0 0;
}

.features .nav-item:last-child {
    padding-right: 0;
}

.features .nav-link {
    background-color: transparent;
    color: #2d465e;
    padding: 10px 30px;
    transition: 0.3s;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    border: 0;
    margin: 0;
    position: relative; /* per posizionare la linea */
}


@media (max-width: 468px) {
    .features .nav-link {
      padding: 8px 20px;
    }
}

.features .nav-link i {
    padding-right: 15px;
    font-size: 48px;
}

.features .nav-link h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.features .nav-link:hover {
    border-color: rgba(33, 37, 41, 0.20);
}

.features .nav-link:hover h4 {
    color: #eb5432;
}

.features .nav-link.active {
    background-color: transparent; /* Rimosso lo sfondo colorato */
    border-color: transparent;  /* Rimosso il bordo */
}

.features .nav-link.active h4 {
    color: #eb5432;
}


/* Tab Content */
.features .tab-content {
    margin-top: 30px;
}

.features .tab-pane h3 {
  color: #2d465e;
  font-weight: 700;
  font-size: 32px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.features .tab-pane h3:after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 3px;
    background: #eb5432;
    left: 0;
    bottom: 0;
}

.features .tab-pane ul {
    list-style: none;
    padding: 0;
}

.features .tab-pane ul li {
    padding-top: 10px;
    display: flex;
    align-items: center;
}
    
.features .tab-pane ul i {
    font-size: 20px;
    padding-right: 4px;
    color: #eb5432;
}

.features .tab-pane p:last-child {
    margin-bottom: 0;
}

/* Card container e Card */
.card-container{
    padding-top: 5px;
}

.card.custom-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
    overflow: hidden;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.custom-card .card-body {
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.custom-card .card-title {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #2d465e;
}

.custom-card .card-img-top {
    border-radius: 50px;
    margin-bottom: 20px;
    max-height: 800px;
    object-fit: cover;
    width: 100%;
    background-color: rgba(33, 37, 41, 0.02);
}

.custom-card .card-text {
    color: rgba(33, 37, 41, 0.40);
    margin-bottom: 20px;
}

.custom-card .card-bullets {
    margin-top: 10px;
    margin-bottom: 20px;
}

.custom-card .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-card .feature-list li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
}
  
.custom-card .feature-list li i {
  color: #eb5432;
  font-size: 1.25rem;
}

/* Buttons */
.tab-pane .btn-watch-video {
    display: flex;
    align-items: center;
  }

  .tab-pane .btn-watch-video i {
    margin-right: 8px;
    font-size: 1.2rem;
  }

  .tab-pane .info-button {
    width: fit-content; /* Imposta la larghezza massima del bottone */
      display: block;
      margin: 10px auto 0 auto; /* Centra orizzontalmente il bottone */
      background-color: #eb5432;
      border-color: #eb5432;
      color: #fff;
       padding: 0.75rem 2.5rem;
        border-radius: 50px;
          font-weight: 500;
      transition: all 0.3s ease; /* Aggiunta una transizione per l'effetto hover */
  }
  .tab-pane .info-button:hover {
      background-color: rgba(235, 84, 50, 0.8);
      border-color: rgba(235, 84, 50, 0.8);
  }

/* Menu Nav Link */
.dreamhub_menu>ul>li>a {
  position: relative;
	border-radius: 5px;
}

.dreamhub_menu>ul>li>a:hover{
    color:#eb5432;
}

.dreamhub_menu>ul>li>a::before {
    content: '';
    position: absolute;
    right: auto;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 0;
   background-color: #eb5432;
    transition: 0.3s;
  transform: translateX(-50%);
  border-radius: 5px;
}

.dreamhub_menu li a:hover:before {
    width: 80%;
}


/* Tab Selettore */
.features .nav-link {
    position: relative; /* per posizionare la sottolineatura */
}

.features .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #eb5432;
    transition: width 0.3s ease-in-out;
}

.features .nav-link:hover::before,
.features .nav-link.active::before {
    width: 100%;
}

.features .nav-link.active {
     background-color: transparent;
}

/*--------------------------------------------------------------
# Image Content Section
--------------------------------------------------------------*/

/* Blocco contenuto-immagine */
.content-image-block {
    padding: 60px 0;
    overflow: hidden;
  }
  
  /* Blocco contenuto-immagine */
  .custom-content-block {
    padding: 60px 0;
    overflow: hidden;
  }
  
  .custom-content-block .content-image-container {
      background-color: transparent; /* Rende lo sfondo trasparente */
  }
  
  .content-image-container {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 20px;
    min-height: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .content-image-text {
    flex: 0 0 50%;
    padding: 20px;
      max-width: 60%; /* Imposta la larghezza massima del testo */
  }
  
  .content-image-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 1.5rem;
  }
  
  .content-image-accent {
    color: var(--accent-color);
  }
  
  .content-image-paragraph {
    font-size: 1rem;
    color: var(--default-color);
    margin-bottom: 2rem;
  }
  
  .content-image-button {
    font-size: 1rem;
    padding: 12px 30px;
    border-radius: 50px;
    color: var(--contrast-color);
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    transition: all 0.3s ease;
  }
  
  .content-image-button:hover {
    background-color: color-mix(in srgb, var(--accent-color), var(--contrast-color) 20%);
  }
  
  .content-image-image {
    flex: 0 0 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0px;
    position: relative;
  }
  
  .content-image-image img {
    max-width: 100%;
    max-height: 500px;
    height: auto;
    border-radius: 10px;
    object-fit: contain;
  }
  
  @media (max-width: 768px) {
    .content-image-container {
      flex-direction: column;
      gap: 0px;
      padding: 15px;
      min-height: auto;
      /* Reset l'altezza minima per i display più piccoli */
    }
  
    .content-image-text {
      padding: 10px;
      text-align: center;
          max-width: 100%; /*Il testo su schermi piccoli occupa il 100% della larghezza disponibile*/
    }
  
    .content-image-image {
      max-width: 90%;
      padding-right: 0;
      position: static;
      text-align: center;
      justify-content: center;
      align-items: center;
      margin: 20px 0;
    }
  
    .content-image-button {
      font-size: 0.9rem;
      /* Dimensione del testo */
      padding: 8px 20px;
    }
  
    .content-image-title {
      font-size: 2rem;
      margin-bottom: 1rem;
    }
  }

  /* Features 2 Section */
.features-2 .feature-item {
    display: flex;
    align-items: center; /* Allinea verticalmente gli elementi */
    margin-bottom: 1.25rem;
    text-align: left;
}

.features-2 .feature-item .feature-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(13,131,253, 0.10); /* ho messo un colore predefinito e trasparente*/
    margin: 0 0 0 0;
}

.features-2 .feature-item .feature-icon i {
    font-size: 24px;
	  color: #0d83fd;/* ho messo un colore predefinito */
}

.features-2 .feature-item .feature-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.features-2 .feature-item .feature-content p {
    color: rgba(33, 37, 41, 0.40);
    font-size: 15px;
    margin-bottom: 0;
}

.features-2 .phone-mockup {
  position: relative;
  padding: 30px 0;
}

.features-2 .phone-mockup img {
    max-width: 300px;
    height: auto;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));
}






.dreamhub-logo {
    display: flex;
    flex-direction: column; /* Dispone i loghi in colonna verticale */
    margin-bottom: 20px;
}

.logo_thumb {
    display: block;
    margin: 10px 0; /* Aggiunge spazio tra i loghi */
}

.logo_thumb img {
    max-width: 100%;
    height: auto;
}