:root {
   --exo-300: "Exo-Light";
   --exo-400: "Exo-Regular";
   --exo-500: "Exo-Medium";
   --exo-600: "Exo-SemiBold";
   --exo-700: "Exo-Bold";
   --gray-bg: #D9D9D9;
   --exo-font: "Exo", sans-serif;
 }

 .m_roda_banner_silder,
 .m_roda_banner_silder .container-fluid,
 .m_roda_banner_silder .row,
 .m_roda_banner_silder .col-12 {
   margin: 0px;
   padding: 0px;
 }

 .m_roda_banner_silder {
   position: relative;
 }

 .rodaBannerSwiper {
   width: 100%;
   height: 100vh;
   position: relative;
 }

 .rodaBannerSwiper .swiper-slide {
   position: relative;
   width: 100%;
   height: 100vh;
   overflow: hidden;
 }

 .rodaBannerSwiper .swiper-slide img,
 .rodaBannerSwiper .swiper-slide video {
   position: absolute;
   max-width: 100%;
   object-fit: cover;
   top: 0;
   left: 0;
   z-index: 1;
 }

 .rodaBannerSwiper .slide-content {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   height: 100%;
   color: #fff;
   background: rgba(0, 0, 0, 0.2);
 }

 .rodaBannerSwiper .slide-content_top {
   min-height: 181px;
 }

 .rodaBannerSwiper .slide-content_middle {
   min-height: 76px;
 }

 .rodaBannerSwiper .slide-content h1 {
   color: #fff;
   font-weight: 700;
   font-size: 71px;
   font-style: normal;
   line-height: 112%;
   letter-spacing: 3.55px;
   margin: 0px;
   padding: 0px;
 }

 .rodaBannerSwiper .slide-content span {
   color: #fff;
   font-weight: 300;
   font-size: 35px;
   font-style: normal;
   line-height: 112%;
   letter-spacing: 1.75px;
   margin: 0px;
   padding: 0px;
 }

 .rodaBannerSwiper .slide-content p {
   color: #fff;
   font-weight: 500;
   font-size: 20px;
   font-style: normal;
   line-height: 112%;
   /* 22.4px */
   letter-spacing: 1px;
   margin: 0px;
   padding: 0px;
 }

 .rodaBannerSwiper .slide-content img {
   max-width: 100%;
   position: relative;
 }

 .rodaBannerSwiper .swiper-pagination {
   bottom: 20px !important;
 }

 .rodaBannerSwiper .swiper-pagination-bullet {
   background: #fff;
   opacity: 0.6;
 }

 .swiper-pagination-bullet-active {
   opacity: 1;
 }

 .m_roda_product_category {
   padding: 32px 0px 68px 0px;
 }

 /* .m_roda_product_category h2 {
  color: #002e5a;
  text-align: center;
 font-weight: 700;
  font-size: 40px;
  font-style: normal;
  line-height: 30px;
  padding: 0px 0px 32px 0px;
  margin: 0px;
} */

 .m_roda_grid_wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(2, auto);
   width: fit-content;
   margin: 0 auto;
   padding: 0;
   gap: 21px;
 }

 .m_roda_grid_wrapper>.grid_item a {
   display: flex;
   max-width: 276px;
   min-height: 256px;
   padding: 53px 0 29.7px 0;
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
   gap: 23px;
   flex-shrink: 0;
   background-color: #002855;
   padding: 24px 32px;
   transition: background-color 0.5s ease-in-out;
   text-decoration: none;
 }

 .m_roda_grid_wrapper>.grid_item a:hover {
   background-color: #5faac9;
 }

 .m_roda_animate {
   background-color: #002855;
 }

 .m_roda_animate_scroll_text img {
   max-width: 100%;
 }

 .m_roda_animate_lti img,
 .m_roda_animate_rti img {
   max-width: 45%;
 }

 .m_roda_animate_lbi img,
 .m_roda_animate_rbi img {
   max-width: 30%;
 }

 .m_roda_animate_rbi img:nth-child(1),
 .m_roda_animate_lbi img:nth-child(2) {
   max-width: 20%;
 }

 .m_roda_animate {
   position: relative;
 }

 /* --- Top Right --- */
 .m_roda_animate_lti img:nth-child(1) {
   position: absolute;
   top: -80%;
   left: -12%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_lti img:nth-child(2) {
   position: absolute;
   top: -60%;
   left: -10%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_rti img:nth-child(1) {
   position: absolute;
   top: -50%;
   right: -13%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_rti img:nth-child(2) {
   position: absolute;
   top: -45%;
   right: -16%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_rti img:nth-child(3) {
   position: absolute;
   top: -30%;
   right: -17%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_rti img:nth-child(4) {
   position: absolute;
   top: -50%;
   right: -18.5%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_lbi img:nth-child(1) {
   position: absolute;
   bottom: -60%;
   left: 0%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_lbi img:nth-child(2) {
   position: absolute;
   bottom: -50%;
   left: 7%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_rbi img:nth-child(1) {
   position: absolute;
   bottom: -40%;
   right: 4%;
   display: flex;
   align-items: center;
 }

 .m_roda_animate_rbi img:nth-child(2) {
   position: absolute;
   bottom: -60%;
   right: -3%;
   display: flex;
   align-items: center;
 }

 /* .m_roda_animate_rti img:nth-child(1){
  position: absolute;
  right: 10px;
  max-width: fit-content;
}
.m_roda_animate_rti img:nth-child(2){
  position: absolute;
  right: -60px;
  top: 80px;
  max-width: fit-content;
}
.m_roda_animate_rti img:nth-child(3){
  position: absolute;
  right: -140px;
  max-width: fit-content;
  top: 260px;
}
.m_roda_animate_rti img:nth-child(4){
 position: absolute;
  right: -220px;
  max-width: fit-content;
  top: 220px;
} */
 .m_roda_animate_scroll_text {
   position: relative;
   padding: 60px 0px 40px 0px;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
 }


 .m_rodacciai_logo {
   max-width: 706px;
   margin: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   padding: 40px 0px 57px 0px;
 }

 .m_rodacciai_logo .inner_image {
   padding: 8px 0px;
   text-align: center;
   width: 33%;
 }

 .m_rodacciai_logo .inner_image:nth-child(1) {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .m_roda_release {
   display: flex;
   align-items: center;
 }

 .m_roda_release_content_inr {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   min-height: 257px;
   padding-top: 57px;
 }

 .m_roda_release_content_inr p {
   color: #fff;
   text-align: center;
   font-weight: 400;
   font-size: 16px;
   font-style: normal;
   line-height: 125%;
   /* 20px */
   padding: 0px;
   margin: 0px;
 }

 .m_roda_discover_btn,
 .m_roda_discover_btn1 {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .m_roda_discover_btn a,
 .m_roda_discover_btn1 a {
   min-width: 165px;
   min-height: 48px;
   flex-shrink: 0;
   color: #fff;
   text-align: center;
   font-weight: 400;
   font-size: 14px;
   font-style: normal;
   line-height: 125%;
   /* 17.5px */
   text-transform: uppercase;
   text-decoration: none;
   border: 0.5px solid #fff;
   padding: 15px 0px 0px 0px;
   margin: 0px;
   transition: 0.3s ease-in-out;
 }

 .m_roda_discover_btn a {
   color: #303030;
   border: 0.5px solid #303030;
   background: #fff;
 }

 .m_roda_discover_btn a:hover,
 .m_roda_discover_btn1 a:hover {
   background-color: #5faac9;
   color: #fff;
   border: 0.5px solid #fff;
 }

 /* sosten page design start here  */
 .m_sosten_banner_left {
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: center;
   padding-left: 70px;
 }



 .m_sosten_banner_left img {
   max-width: 100%;
   display: inline-block;
 }



 .m_sosten_banner_right {
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: center;
   padding-left: 65px;
 }



 .m_roda_sustainability {
   background: #a3c72b;
   padding: 124px 0px 107px 0px;
 }

 .m_roda_sustainability_inr,
 .m_roda_virtuous_inr {
   max-width: 940px;
   margin: auto;
 }

 .m_roda_sustainability h2 {
   color: #fff;
   font-weight: 700;
   font-size: 60px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   text-transform: uppercase;
   padding: 0px;
   margin: 0px;
 }

 .m_roda_sustainability h3 {
   color: #fff;
   font-weight: 700;
   font-size: 40px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   text-transform: uppercase;
   padding: 42px 0px;
   margin: 0px;
 }

 .m_roda_sustainability p {
   color: #fff;
   font-weight: 300;
   font-size: 25px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   padding: 0px;
   margin: 0px;
 }

 .m_roda_sustainability span {
   color: #fff;
   font-weight: 300;
   font-size: 30px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   text-transform: uppercase;
   display: block;
   padding: 0px 0px 62px 0px;
   margin: 0px;
 }

 .m_roda_recycling_slider {
   position: relative;
   padding: 0px 0;
   color: #fff;
 }

 .rodaRecyclingSwiper .swiper-slide {
   height: 700px;
   /* adjust as needed */
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-left: 8%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .rodaRecyclingSwiper .swiper-button-next:after,
 .rodaRecyclingSwiper .swiper-button-prev:after {
   display: none;
 }

 .rodaRecyclingSwiper .swiper-button-next,
 .rodaRecyclingSwiper .swiper-button-prev {
   width: 23px;
   height: 23px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
 }

 /* right arrow */
 .rodaRecyclingSwiper .swiper-button-next {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'><g clip-path='url(%23clip0_1439_1859)'><path d='M11.5 1.15C17.207 1.15 21.85 5.79299 21.85 11.5C21.85 17.207 17.207 21.85 11.5 21.85C5.79299 21.85 1.15 17.207 1.15 11.5C1.15 5.79299 5.79299 1.15 11.5 1.15ZM11.5 0C5.14871 0 0 5.14873 0 11.5C0 17.8513 5.14871 23 11.5 23C17.8513 23 23 17.8513 23 11.5C23 5.14873 17.8513 0 11.5 0Z' fill='white'/><path d='M8.5332 5.86133L15.7461 11.559L8.5332 17.0389' stroke='white' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='clip0_1439_1859'><rect width='23' height='23' fill='white'/></clipPath></defs></svg>");
   margin-right: 103px;
 }

 /* left arrow — same SVG flipped horizontally */
 .rodaRecyclingSwiper .swiper-button-prev {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'><g clip-path='url(%23clip0_1439_1859)'><path d='M11.5 1.15C17.207 1.15 21.85 5.79299 21.85 11.5C21.85 17.207 17.207 21.85 11.5 21.85C5.79299 21.85 1.15 17.207 1.15 11.5C1.15 5.79299 5.79299 1.15 11.5 1.15ZM11.5 0C5.14871 0 0 5.14873 0 11.5C0 17.8513 5.14871 23 11.5 23C17.8513 23 23 17.8513 23 11.5C23 5.14873 17.8513 0 11.5 0Z' fill='white'/><path d='M14.4668 5.86133L7.2539 11.559L14.4668 17.0389' stroke='white' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='clip0_1439_1859'><rect width='23' height='23' fill='white'/></clipPath></defs></svg>");
   margin-left: 103px;
 }


 .m_roda_inc_performance {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .m_roda_training {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }

 .m_roda_training_inr {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 1;
 }

 .m_roda_training::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(163, 199, 43, 0.6);
   z-index: 0;
 }

 .m_roda_quality_inr {
   min-height: 284px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 81px;
 }



 .m_roda_quality_inr_img {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 35px;
 }

 .m_roda_quality_inr_img img {
   max-width: 100%;
 }

 .m_roda_insta_feed {
   background: #d9d9d9;
   padding: 65px 0px;
 }

 .m_roda_insta_feed .container {
   max-width: 1200px;
   margin: auto;
 }



 .m_roda_insta_feed_btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 53px;
   margin-top: 55px;
 }

 .m_roda_insta_feed_btn a {
   color: #002e5a;
   text-align: center;
   font-weight: 400;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%;
   /* 17.5px */
   text-transform: uppercase;
   text-decoration: none;
   border: 0.5px solid #002e5a;
   min-height: 48px;
   min-width: 165px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.3s ease-in-out;
 }

 .m_roda_insta_feed_btn a:hover {
   background-color: #5faac9;
   color: #fff;
   border: 0.5px solid transparent;
 }

 .m_roda_insta_feed img {
   width: 100%;
 }

 /* corporate page design start here  */
 .m_roda_corporate_banner img {
   max-width: 100%;
   object-fit: cover;
 }

 .m_roda_corporate_pro img {
   max-width: 100%;
   object-fit: cover;
   width: 100%;
 }

 .m_roda_corporate_pro_inr {
   max-width: 607px;
   margin: auto 46px auto auto;
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: center;
 }

 .m_roda_corporate_pro_inr_two {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: center;
   height: 100%;
   padding-left: 79px;
 }

 .m_roda_corporate_pro_inr_two:after {
   content: "";
   display: block;
   opacity: 0.2;
   width: 100%;
   height: 100%;
   background: #5faac9;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
 }


 .m_roda_il_grupo_inr_accordion .accordion {
   display: flex;
   align-items: start;
   justify-content: space-between;
   gap: 20px;
 }

 .m_roda_il_grupo_inr_accordion .accordion .accordion-item {
   width: 31%;
   /* min-height: 400px; */
   border: none;
   text-align: left;
 }

 .m_roda_il_grupo_inr_accordion .accordion .accordion-item p {
   text-align: left;
 }

 .m_roda_il_grupo_inr_accordion .accordion .accordion-item .accordion-button {
   background-color: transparent;
   box-shadow: none;
   border-bottom: 1px solid #002e5a;
   border-radius: 0px;
   padding: 0px;

   position: relative;
   display: flex;
   align-items: center;
 }

 .m_roda_il_grupo_inr_accordion .accordion-button::after {
   content: "+";
   position: absolute;
   right: 20px;
   transform: translateY(-50%);
   background: none;
   transition: all 0.3s ease;
   color: var(--BLU-RODA, #002855);
   font-weight: 700;
   font-size: 40px;
   font-style: normal;
   font-weight: 700;
   line-height: 125%;
 }

 .m_roda_il_grupo_inr_accordion .accordion-button:not(.collapsed)::after {
   content: "–";
   transform: translateY(-50%) rotate(0deg);
 }

 .m_roda_il_grupo_inr_accordion .accordion .accordion-item .accordion-body img {
   max-width: 100%;
   object-fit: cover;
   margin: 24px 0px 0px 0px;
 }

 .m_roda_corporate_map img {
   max-width: 100%;
   object-fit: cover;
   width: 100%;
 }

 .m_roda_corporate_tomo {
   position: relative;
 }

 .m_roda_corporate_tomo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .m_roda_corporate_tomo h2 {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   color: #fff;
   font-weight: 700;
   font-size: 196.26px;
   font-style: normal;
   font-weight: 800;
   line-height: 67%;
   letter-spacing: 41.215px;
   text-align: center;
   z-index: 2;
   padding: 0px;
   margin: 0px;
 }



 .m_roda_scrolling_timeline .swiper-button-prev::after,
 .m_roda_scrolling_timeline .swiper-button-next::after {
   content: "";
   display: block;
   width: 30px;
   height: 29px;
   background-repeat: no-repeat;
   background-size: 15px 29px, 15px 29px;
   background-position: left center, right center;
 }

 .m_roda_scrolling_timeline .swiper-button-next::after {
   background-image:
     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='29' viewBox='0 0 15 29' fill='none'%3E%3Cpath d='M0 14.5L15 0.210583V28.7894L0 14.5Z' fill='%235FAAC9'/%3E%3C/svg%3E"),
     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='29' viewBox='0 0 15 29' fill='none'%3E%3Cpath d='M0 14.5L15 0.210583V28.7894L0 14.5Z' fill='%235FAAC9'/%3E%3C/svg%3E");
   transform: rotate(180deg);
   margin-right: 5%;
 }

 .m_roda_scrolling_timeline .swiper-button-prev::after {
   background-image:
     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='29' viewBox='0 0 15 29' fill='none'%3E%3Cpath d='M0 14.5L15 0.210583V28.7894L0 14.5Z' fill='%235FAAC9'/%3E%3C/svg%3E"),
     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='29' viewBox='0 0 15 29' fill='none'%3E%3Cpath d='M0 14.5L15 0.210583V28.7894L0 14.5Z' fill='%235FAAC9'/%3E%3C/svg%3E");
   transform: rotate(0deg);
 }

 .m_roda_scrolling_timeline .swiper-button-prev,
 .m_roda_scrolling_timeline .swiper-button-next {
   width: 40px;
   height: 40px;
   transform: translateY(-50%);
 }



 .m_roda_corporate_yesterday {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .m_roda_corporate_yesterday_inr {
   max-width: 576px;
   margin: auto 10% auto auto;
 }

 .m_roda_animate_scroll_text_content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
 }

 .m_roda_animate_scroll_text_content .m_roda_insta_feed_btn a {
   border: 0.5px solid #FFF;
   color: #FFF;
 }

 .m_roda_animate_scroll_text_content h2 {
   color: #FFF;
   text-align: center;
   font-weight: 700;
   font-size: 26px;
   font-style: normal;
   font-weight: 700;
   line-height: 125%;
   /* 32.5px */
   text-transform: uppercase;
 }

 .m_roda_animate_scroll_text .m_roda_animate_rand {
   position: absolute;
   left: 15%;
   top: 60%;
 }

 .m_roda_animate_scroll_text .m_roda_animate_rand img {
   max-width: 50%;

 }

 .m_roda_banner_silder .banner-mouse {
   position: absolute;
   bottom: 70px;
   left: 50%;
   transform: translateX(-50%);
   cursor: pointer;
   z-index: 2;
 }

 .m_roda_banner_silder .banner-mouse .svg-1 svg path {
   animation: bounce 1.5s infinite;
 }

 .m_roda_banner_silder .banner-mouse .svg-2 svg {
   width: 19px;
   height: 9px;
 }

 .m_roda_banner_silder .banner-mouse .svg-2 svg path {
   stroke-dasharray: 22;
   stroke-dashoffset: 22;
   animation: drawAndMove 2s ease-in-out infinite;
 }

 @media (max-width: 1886px) {
   .m_roda_corporate_tomo h2 {
     font-size: 172px;
   }
 }

 @media (max-width: 1386px) {
   .m_roda_corporate_tomo h2 {
     font-size: 148px;
   }
 }

 @media (max-width: 1269px) {
   .m_roda_corporate_tomo h2 {
     font-size: 132px;
   }
 }

 @media (max-width: 1169px) {
   .m_roda_corporate_tomo h2 {
     font-size: 112px;
   }
 }

 @media (max-width: 991px) {
   .m_roda_grid_wrapper {
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: auto;
   }

   .m_roda_grid_wrapper>.grid_item a {
     padding: 12px;
     gap: 24px;
   }

   .m_roda_corporate_tomo h2 {
     font-size: 72px;
   }

   .rodaBannerSwiper .slide-content {
     padding: 140px 0px 0px 0px;
   }

   .rodaBannerSwiper .slide-content img {
     display: none;
   }

   .m_roda_banner_silder .banner-mouse {
     bottom: 24px;
   }

   .rodaBannerSwiper .swiper-slide img,
   .rodaBannerSwiper .swiper-slide video {
     height: -webkit-fill-available;
     width: inherit;
   }

   .m_roda_insta_feed img {
     margin-bottom: 12px;
   }
 }

 @media (max-width: 769px) {
   .m_roda_corporate_pro.second .row {
     display: flex;
     flex-direction: column-reverse;
     /* reverse order on mobile */
   }

   .m_roda_corporate_pro_inr_two {
     padding: 24px 12px;
   }



   .m_roda_corporate_tomo h2 {
     font-size: 32px;
   }

   .rodaBannerSwiper {
     height: auto;
   }



   .rodaBannerSwiper .slide-content {
     padding: 120px 0px 0px 0px;
     height: auto;
   }

   .rodaBannerSwiper .swiper-slide {
     height: auto;
   }

   .m_roda_il_grupo_inr_accordion .accordion {
     margin-top: 0px;
   }

   .m_roda_tyt {
     padding: 24px 0px 32px 0px;
     text-align: center;
   }

   .m_roda_corporate_yesterday_inr h2 {
     padding: 0px;
   }



   .m_roda_scrolling_timeline h3 {
     font-size: 20px;
   }


   .rodaBannerSwiper .slide-content h1,
   .rodaBannerSwiper .slide-content span,
   .m_roda_product_category h2,
   .m_roda_tyt h2,

   .m_roda_il_grupo_inr_accordion .accordion-button::after {
     font-size: 20px;
     line-height: 112%;
   }

   .rodaBannerSwiper .slide-content p,
   .m_roda_tyt p {
     font-size: 13px;
     line-height: 112%;
   }

   .m_roda_release_content_inr p {
     padding: 24px 0px;
   }

   .m_roda_release_content_inr {
     min-height: auto;
     padding: 0px;
   }

   .inner_image img {
     max-width: 100%;
     object-fit: contain;
   }


   .m_roda_animate_scroll_text {
     padding: 0px;
   }



   .m_roda_release {
     min-height: auto !important;
     padding: 46px 0px 37px 0px;
   }

   .m_roda_grid_wrapper>.grid_item a img {
     max-width: 100%;
   }

   .m_roda_grid_wrapper>.grid_item a {
     max-width: 100%;
     min-height: 100%;
     padding: 31px 24px 17px 24px;
   }




   .rodaBannerSwiper .slide-content_top {
     min-height: auto;
     padding-bottom: 11px;
   }

   .m_roda_product_category h2 {
     min-height: auto;
     padding-bottom: 32px;
   }

   .m_roda_product_category {
     padding: 27px 0px 18px 0px;
   }


   .m_roda_animate_scroll_text_content {
     display: none;
   }

   .m_roda_product_category .col-12 {
     display: block !important;
   }

   .m_roda_product_category .col-12 .m_roda_insta_feed_btn {
     margin-top: 26px;
   }



   .m_roda_quality_inr {
     min-height: auto;
     margin-bottom: 0px;
   }

   .m_roda_quality_inr_img {
     padding: 0px 0px 32px 0px;
   }

   .m_roda_insta_feed {
     padding: 16px 0px 32px 0px;
   }


   .m_sosten_banner_left {
     display: flex;
     flex-direction: row;
     justify-content: start;
     gap: 38px;
     padding: 12px 26px;
   }

   .m_sosten_banner_right {
     padding-left: 26px;
   }



   .m_roda_sustainability {
     padding: 20px 0px 33px 0px;
   }

   .m_roda_sustainability h2,
   .m_roda_sustainability h3 {
     font-size: 18px;
     line-height: normal;
   }

   .m_roda_sustainability span,
   .m_roda_sustainability p {
     font-size: 10px;
     line-height: normal;
     padding: 0px 0px 12px 0px;
   }

   .m_roda_sustainability h3 {
     padding: 0px 0px 6px 0px;
   }

   .rodaRecyclingSwiper .swiper-button-prev {
     margin-left: 24px;
   }

   .rodaRecyclingSwiper .swiper-button-next {
     margin-right: 24px;
   }

   .rodaRecyclingSwiper .swiper-slide {
     height: 250px;
   }

   .m_roda_virtuous {
     padding: 37px 0px 55px 0px;
   }

   .m_roda_inc_performance {
     min-height: 253px !important;
   }

   .m_roda_corporate_pro_inr {
     margin: 0px;
     padding: 24px 12px;
   }

   .m_roda_insta_feed_btn {
     margin-top: 9px;
   }
 }

 @media (min-width: 768px) and (max-width: 991px) {


   .m_sosten_banner_left {

     gap: 15px;

   }

   .m_sosten_banner_left {

     flex-direction: column;

   }

   .m_sosten_banner_left img {

     display: inline-block;
   }

 }


 @media(max-width: 767px) {
   .m_sosten_banner_left span img {
     display: none;
   }

 }

 @media (max-width: 569px) {
   .m_roda_corporate_tomo h2 {
     font-size: 18px;
     transform: translateX(-45%);
     letter-spacing: 12px;
   }

   .m_roda_insta_feed_btn a {
     min-width: auto;
     padding: 0px 16px;
   }

   .m_roda_corporate_card_inr {
     margin-bottom: 20px;
   }
 }

 /* responsive code start by mahbub  */

 @media (max-width: 767px) {


   .m_roda_product_category {
     padding-bottom: 45px;
   }

   .home-slider-main .swiper-slide .slider-content-box .contant-wrapper .content-inner-box .slider-icon {
     display: none;
   }
 }

 @media (max-width: 575px) {


   .m_roda_grid_wrapper {
     grid-template-columns: 1fr 1fr;
     width: 100%;
   }

   .m_roda_grid_wrapper>.grid_item a {
     width: 100%;
     max-width: unset;
   }

   footer .footer-main {

     padding-left: 21px;
     padding-right: 22px;
   }

 }

 .m_roda_insta_feed h2 {
   text-align: center;
 }


 @media(max-width: 991px) {
   .home-slider-main .swiper-slide .slider-content-box .contant-wrapper .content-inner-box .slider-icon {
     display: none;
   }


 }

 @media(max-width: 767px) {
   .m_roda_il_grupo_inr_accordion .accordion .accordion-item {
     width: 100%;
   }

   .m_roda_il_grupo_inr_accordion .accordion {

     flex-wrap: wrap;
   }

   .m_roda_il_grupo .m_roda_il_grupo_inr .m_roda_il_grupo_inr_accordion {
     margin-bottom: 30px;
   }
 }

 /* responsive code ends by mahbub  */

 .m_roda_il_grupo_inr_accordion .accordion-button:not(.collapsed)::after {
   background-image: unset !important;
 }

 footer .footer-main .footer-common-links ul,
 footer .footer-main .privacy-policy ul,
 footer .footer-main .footer-contact-box ul,
 footer .footer-main .footer-social-links ul {
   padding-left: 0;
 }

 header .main-header .header-flex .main-header-items .header-search-box button {
   position: absolute;
   right: 0;
   top: 0;
   color: #fff;
   z-index: 1;
   font-size: 12px;
   width: 30px;
   height: 100%;
   background: transparent;
   border: none;
 }

 header .main-header .header-flex .main-header-items .header-search-box button:focus {
   box-shadow: none;
   outline: none;
 }

 .m_sosten_banner .m_sosten_banner_left span img {
   margin-right: 18px !important;
 }

 .megamenu-main .megamenu-grid-parent .right-box {
   overflow-y: auto;
   scrollbar-width: thin;
   scrollbar-color: #999 #f1f1f1;
 }

 /* Chrome, Edge, Safari */
 .megamenu-main .megamenu-grid-parent .right-box::-webkit-scrollbar {
   width: 8px;
 }

 .megamenu-main .megamenu-grid-parent .right-box::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 10px;
 }

 .megamenu-main .megamenu-grid-parent .right-box::-webkit-scrollbar-thumb {
   background: #999;
   border-radius: 10px;
   transition: 0.3s ease;
 }

 .megamenu-main .megamenu-grid-parent .right-box::-webkit-scrollbar-thumb:hover {
   background: #666;
 }

 .page-id-129.white-navbar-visible header .main-header .header-flex .main-header-items .header-bar span {
   background: #002855;
 }

 @media(min-width: 992px) and (max-width: 1365px) {
   .m_roda_corporate_pro_inr {
     padding-left: 22px;
   }

   .m_roda_corporate_pro .m_roda_corporate_pro_inr_two .inner-box-width {
     padding-right: 22px;
   }
 }




 @media(min-width: 992px) {
   .m_roda_il_grupo {
     padding-bottom: 100px;
   }
 }

 @media(max-width: 991px) {

   .m_roda_il_grupo,
   .m_roda_tyt {
     padding: 50px 0 !important;
   }

   .m_roda_corporate_pro_inr {
     padding-left: 22px;
   }

   .m_roda_corporate_pro .m_roda_corporate_pro_inr_two .inner-box-width {
     padding-right: 22px;
   }

   .m_roda_corporate_yesterday_inr {

     margin-right: 0;
   }

 }


 footer .footer-main .footer-common-links ul,
 footer .footer-main .privacy-policy ul,
 footer .footer-main .footer-social-links ul,
 footer .footer-main .footer-contact-box ul {
   list-style-type: none;
 }

 .category-gallary-main .gallary-inner-box .gallary-accordion-parent .accordion .accordion-item .accordion-content ul {

   margin-left: 15px;
 }

 body.body-with-blog-header main {
   margin-top: 123px;
 }

 .blog-main {}

 .blog-main .title-box {}

 .blog-main .title-box h1 {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 60px;
   font-style: normal;
   font-weight: 600;
   line-height: 90px;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .blog-main .filters-button-group {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-evenly;
   margin-bottom: 30px;
   gap: 20px;
 }

 .blog-main .filters-button-group button {
   color: #002E5A;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 22px;
   font-style: normal;
   font-weight: 700;
   text-transform: uppercase;
   padding: 0;
   border: none;
   background: #fff;
   transition: 0.3s ease-in-out;
 }

 .blog-main .filters-button-group button:hover {
   color: #5FAAC9
 }

 .blog-main .filters-button-group button.is-checked {
   text-decoration: underline;
   color: #5FAAC9
 }

 .blog-main .single-blog-item {
   margin-bottom: 70px;
 }

 .blog-main .single-blog-item .image-box {
   position: relative;
   overflow: hidden;
 }

 .blog-main .single-blog-item .image-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 0.3s ease-in-out;

 }

 .blog-main .single-blog-item .image-box:hover img {
   transform: scale(1.05);
 }

 .blog-main .single-blog-item .content-box .tags {
   color: #5FAAC9;
   font-family: var(--exo-font);
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   margin: 15px 0;
   text-transform: capitalize;
 }

 .blog-main .single-blog-item .descriptions {
   height: 90px;
   overflow: hidden;
 }

 .blog-main .single-blog-item .descriptions p {
   color: #3B3B3B;
   font-family: var(--exo-font);
   font-size: 20px;
   font-weight: 400;
   line-height: normal;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   margin-bottom: 0;
 }

 .blog-main .single-blog-item .button-box a {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
   text-transform: uppercase;
   text-decoration: none;
   transition: 0.3s ease-in-out;
   display: flex;
   width: 194px;
   height: 48px;
   max-height: 56px;
   padding: 10px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   border: 1px solid #5FAAC9;
 }

 .blog-main .single-blog-item .button-box a:hover {
   background: #5FAAC9;
   color: #fff;

 }

 .blog-breadcrumb-main {
   padding: 0 70px;
 }


 .blog-breadcrumb-main .breadcrumb-wrapper * {
   color: #002E5A;
   font-family: var(--exo-font);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: capitalize;
   list-style-type: none;
   text-decoration: none;
 }

 .blog-breadcrumb-main .breadcrumb-wrapper * .current-item {
   font-weight: 700;
 }

 .blog-details-main {
   margin-top: 85px;
   margin-bottom: 60px;
 }

 .blog-details-main .blog-details-cat {
   text-align: center;
 }

 .blog-details-main .blog-details-cat h1 {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 60px;
   font-style: normal;
   font-weight: 600;
   line-height: 90px;
   text-transform: uppercase;
   margin-bottom: 50px;
 }

 .blog-details-main .back-link {
   margin-bottom: 22px;
 }

 .blog-details-main .back-link a {
   color: #5FAAC9;
   font-family: var(--exo-font);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   text-transform: uppercase;
   text-decoration: none;
   transition: 0.3s ease-in-out;
 }

 .blog-details-main .back-link a:hover {

   color: #002E5A;
 }

 .blog-details-main .blog-details-wrapper h2 {
   color: #002855;
   font-family: var(--exo-font);
   font-size: 40px;
   font-style: normal;
   font-weight: 600;
   line-height: 125%;
   text-transform: uppercase;
 }

 .blog-details-main .blog-details-wrapper img {
   width: 100%;
   height: auto;
   object-fit: cover;
   margin-bottom: 30px;
 }

 .blog-details-main .blog-details-wrapper p {
   color: #3B3B3B;
   font-family: var(--exo-font);
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%;

 }

 .blog-details-main .blog-details-wrapper p a {
   color: #3B3B3B;
   font-family: var(--exo-font);
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%;
   text-decoration-line: underline;

 }

 /* contact page start  */

 .contattaci-main {
   margin-top: 70px;
   margin-bottom: 100px;
 }

 .contattaci-main .title-box h1 {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 60px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   text-transform: uppercase;
   margin-bottom: 40px;
 }



 .contact-form-group-title h3 {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 40px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .form-flex-parent {
   display: flex;
   /* flex-wrap: wrap; */
   align-items: center;
   gap: 20px;
   margin-bottom: 18px;
 }

 .form-flex-parent label.contatti-label {
   display: block;
   color: #002E5A;
   font-family: var(--exo-font);
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   text-transform: uppercase;
   margin-bottom: 5px;
 }

 .form-flex-parent .contatti-field {
   flex: 1;
 }

 .form-flex-parent .contatti-field input[type="text"],
 .form-flex-parent .contatti-field input[type="email"],
 .form-flex-parent .contatti-field textarea,
 .form-flex-parent .contatti-field select {
   width: 100%;
   padding-left: 11px;
   padding-right: 12px;
 }

 .form-flex-parent .contatti-field input[type="text"],
 .form-flex-parent .contatti-field input[type="email"] {
   background: rgba(230, 230, 230, 0.80);
   border: none;
   height: 48px;
   outline: none;
   border-radius: 0px;

 }

 .form-flex-parent .contatti-field select {
   color: #6F6F6F;
   font-family: var(--exo-font);
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   border-radius: 0px;
   background-color: rgba(230, 230, 230, 0.80);
   border: none;
   height: 48px;
   outline: none;
   border-radius: 0px;

   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.99999 1L8 7L14 1' stroke='%236F6F6F' stroke-width='2'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right .75rem center;
   background-size: 16px 12px;
   appearance: none;

 }

 .form-flex-parent .contatti-field textarea {
   background: rgba(230, 230, 230, 0.80);
   border: none;
   border-radius: 0px;
   min-height: 150px;
   padding: 11px 12px;
 }

 .form-flex-parent .contatti-field input[type="text"]:focus,
 .form-flex-parent .contatti-field input[type="email"]:focus,
 .form-flex-parent .contatti-field textarea:focus,
 .form-flex-parent .contatti-field select:focus {
   box-shadow: none;
   outline: none;
 }

 .form-flex-parent.form-flex-row--email .contatti-field {
   flex: 0 0 50%;
 }

 .form-flex-parent.form-flex-row--select .contatti-field {
   flex: 0 0 45%;
 }

 .form-flex-parent.form-flex-row--3col .contatti-field:nth-child(1) {
   flex: 0 0 50%;
 }

 .form-flex-parent.form-flex-row--3col .contatti-field:nth-child(2) {
   flex: 1 1 auto;

 }

 .form-flex-parent.form-flex-row--3col .contatti-field:nth-child(3) {
   flex: 0 0 155px;

 }

 .form-flex-parent p {
   margin-bottom: 0;
 }

 .wpcf7-list-item {
   margin: 0;
 }

 .wpcf7-list-item label {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
 }

 .wpcf7-list-item label span.wpcf7-list-item-label {
   flex: 1;
 }

 .form-flex-parent .contatti-field input[type="checkbox"] {
   width: 24px;
   height: 24px;
   border: 2px solid #002E5A;
   border-radius: 0;

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   display: inline-block;
   cursor: pointer;
   background-color: #fff;
   position: relative;
 }

 .form-flex-parent .contatti-field input[type="checkbox"] {
   margin-top: 4px;
   width: 18px;
   height: 18px;
   border: 2px solid #002E5A;
   appearance: none;
   -webkit-appearance: none;
   background-color: #fff;
   cursor: pointer;
   position: relative;
 }

 .form-flex-parent .contatti-field input[type="checkbox"]:checked {
   background-color: #002E5A;
   border-color: #002E5A;
 }

 .form-flex-parent .contatti-field input[type="checkbox"]:checked::after {
   content: "";
   position: absolute;
   inset: 0;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M4 9.4L0 5.4L1.4 4L4 6.6L10.6 0L12 1.4L4 9.4Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
   background-size: 12px 10px;
 }

 .form-flex-parent .contatti-field .checkbox-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 15px;
 }

 .form-flex-parent .contatti-field .checkbox-wrapper label {
   color: #000;
   font-family: var(--exo-font);
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   flex: 1;
 }

 .form-flex-parent .contatti-field .checkbox-wrapper label a {
   text-decoration: underline;
   color: #000;
 }

 .form-flex-parent input[type="submit"] {
   color: #002E5A;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
   text-transform: uppercase;
   border: 2px solid #002E5A;
   background: #fff;
   width: 194px;
   padding: 10px;
 }

 .form-flex-parent.form-submit {
   margin-bottom: 0;
   margin-top: 35px;
 }

 .dove-siamo-wrapper {
   margin: 60px 0;
 }

 .dove-siamo-wrapper h3 {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 40px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .dove-siamo-wrapper .dove-image-box {
   margin-bottom: 20px;
 }

 .dove-siamo-wrapper .dove-image-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .dove-siamo-wrapper .dove-image-map {
   margin-bottom: 30px;
 }

 .dove-siamo-wrapper .dove-image-map a {
   color: #002E5A;
   font-family: var(--exo-font);
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   transition: 0.3s ease-in-out;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -ms-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   text-decoration: none;
 }

 .dove-siamo-wrapper .dove-image-map a:hover {
   text-decoration: underline;
 }

 .dove-siamo-wrapper .dove-grid-parent {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 20px;
 }

 .dove-siamo-wrapper .dove-grid-parent .single-address-box p {
   color: #002E5A;
   font-family: var(--exo-font);
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
 }

 .dove-siamo-wrapper .dove-grid-parent .single-address-box p strong {
   font-weight: 700;
 }

 .dove-siamo-wrapper .dove-grid-parent .single-address-box a {
   color: #002E5A;
   font-family: var(--exo-font);
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   transition: 0.3s ease-in-out;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -ms-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   text-decoration: none;
 }

 .dove-siamo-wrapper .dove-grid-parent .single-address-box a:hover {
   text-decoration: underline;
 }

 /* .oppurtunita-wrapper {
   margin-bottom: 105px;
 } */

 .oppurtunita-wrapper h3 {
   color: #5FAAC9;
   text-align: center;
   font-family: var(--exo-font);
   font-size: 40px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .oppurtunita-wrapper .opputunita-flex {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 15px;
   border-bottom: 1px solid #5FAAC9;
   margin-bottom: 11px;
 }

 .oppurtunita-wrapper .opputunita-flex .left-box {
   color: #002E5A;
   font-family: var(--exo-font);
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;

 }

 .oppurtunita-wrapper .opputunita-flex .right-box a {
   color: #002E5A;
   text-align: right;
   font-family: var(--exo-font);
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   text-transform: lowercase;
   text-decoration: none;
   transition: 0.3s ease-in-out;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -ms-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
 }

 .oppurtunita-wrapper .opputunita-flex .right-box a:hover {
   color: #5FAAC9;
 }


 .form-flex-parent .wpcf7-form-control-wrap {

   display: block;
 }

 .form-flex-parent br {
   display: none !important;
 }

 .oppurtunita-wrapper .opputunita-flex .left-box {
   flex: 1;
 }

 .oppurtunita-wrapper .opputunita-flex .right-box a {
   min-width: 120px;
   text-align: right;
 }


 @media(min-width: 1366px) and (max-width: 1440px) {
   .blog-main .title-box h1 {
     font-size: 50px;
     line-height: normal;

   }

   .blog-main .single-blog-item .descriptions p {
     font-size: 18px;
     line-height: normal;

   }

   .blog-main .filters-button-group button {

     font-size: 18px;

   }

   .blog-main .single-blog-item .button-box a {

     font-size: 18px;
     width: 194px;
     height: 44px;

   }

   .blog-details-main .blog-details-cat h1 {
     font-size: 50px;
     line-height: normal;
     margin-bottom: 30px;
   }

   .blog-details-main .blog-details-wrapper h2 {

     font-size: 50px;

   }

   .blog-details-main .back-link a {

     font-size: 18px;
   }

   .blog-details-main {
     margin-top: 30px;
     margin-bottom: 30px;
   }


   .contattaci-main {
     margin-top: 60px;
     margin-bottom: 60px;
   }



   .contattaci-main .title-box h1,
   .contact-form-group-title h3 {
     font-size: 50px;
     line-height: normal;
     margin-bottom: 30px;
   }



   .form-flex-parent .contatti-field .checkbox-wrapper label,
   .form-flex-parent input[type="submit"] {

     font-size: 18px;

   }

   .dove-siamo-wrapper .dove-grid-parent .single-address-box p,
   .oppurtunita-wrapper .opputunita-flex .left-box,
   .oppurtunita-wrapper .opputunita-flex .right-box a {

     font-size: 18px;

   }


 }

 @media(min-width: 1200px) and (max-width: 1365px) {
   .blog-main .title-box h1 {
     font-size: 40px;
     line-height: normal;

   }

   .blog-main .single-blog-item .descriptions p {
     font-size: 18px;
     line-height: normal;

   }

   .blog-main .filters-button-group button {

     font-size: 18px;

   }

   .blog-main .single-blog-item .button-box a {

     font-size: 16px;
     width: 194px;
     height: 44px;

   }

   .blog-details-main .blog-details-cat h1 {
     font-size: 40px;
     line-height: normal;
     margin-bottom: 30px;
   }

   .blog-details-main .blog-details-wrapper h2 {

     font-size: 40px;

   }

   .blog-details-main .back-link a {

     font-size: 16px;
   }

   .blog-details-main {
     margin-top: 30px;
     margin-bottom: 30px;
   }



   .contattaci-main {
     margin-top: 50px;
     margin-bottom: 50px;
   }



   .contattaci-main .title-box h1,
   .contact-form-group-title h3,
   .dove-siamo-wrapper h3,
   .oppurtunita-wrapper h3 {
     font-size: 40px;
     line-height: normal;
     margin-bottom: 25px;
   }



   .form-flex-parent .contatti-field .checkbox-wrapper label,
   .form-flex-parent input[type="submit"] {

     font-size: 16px;

   }

   .dove-siamo-wrapper .dove-grid-parent .single-address-box p,
   .oppurtunita-wrapper .opputunita-flex .left-box,
   .oppurtunita-wrapper .opputunita-flex .right-box a {

     font-size: 16px;

   }





 }

 @media(min-width: 992px) and (max-width: 1199px) {
   .blog-breadcrumb-main {

     margin-bottom: 30px;
   }

   .blog-main .title-box h1 {
     font-size: 35px;
     line-height: normal;
   }

   .blog-main .filters-button-group button {

     font-size: 16px;

   }

   .blog-main .single-blog-item .descriptions p {

     font-size: 16px;

   }

   .blog-main .single-blog-item .button-box a {

     font-size: 16px;
     width: 194px;
     height: 40px;

   }

   .blog-main .single-blog-item {
     margin-bottom: 30px;
   }

   .blog-main .single-blog-item .content-box .tags {
     font-size: 16px;
     margin: 10px 0;
   }

   .blog-details-main .blog-details-cat h1 {
     font-size: 35px;
     line-height: normal;
     margin-bottom: 30px;
   }

   .blog-details-main .blog-details-wrapper h2 {

     font-size: 35px;

   }

   .blog-details-main .back-link a {

     font-size: 16px;
   }

   .blog-details-main {
     margin-top: 20px;
     margin-bottom: 25px;
   }

   .contattaci-main {
     margin-top: 50px;
     margin-bottom: 50px;
   }



   .contattaci-main .title-box h1,
   .contact-form-group-title h3,
   .dove-siamo-wrapper h3,
   .oppurtunita-wrapper h3 {
     font-size: 35px;
     line-height: normal;
     margin-bottom: 15px;
   }



   .form-flex-parent .contatti-field .checkbox-wrapper label,
   .form-flex-parent input[type="submit"] {

     font-size: 16px;

   }

   .dove-siamo-wrapper .dove-grid-parent .single-address-box p,
   .oppurtunita-wrapper .opputunita-flex .left-box,
   .oppurtunita-wrapper .opputunita-flex .right-box a {

     font-size: 16px;

   }




 }

 @media(max-width: 991px) {
   body.body-with-blog-header main {
     margin-top: 100px;
   }
 }

 @media(min-width: 768px) and (max-width: 991px) {
   .blog-breadcrumb-main {
     padding: 0 32px;
     margin-bottom: 30px;
   }

   .blog-main .title-box h1,
   .contattaci-main .title-box h1 {
     font-size: 30px;
     line-height: normal;
   }



   .blog-main .filters-button-group button {

     font-size: 16px;

   }

   .blog-main .single-blog-item .descriptions p {

     font-size: 16px;

   }

   .blog-main .single-blog-item .button-box a {

     font-size: 16px;
     width: 194px;
     height: 40px;

   }

   .blog-main .single-blog-item {
     margin-bottom: 30px;
   }

   .blog-main .single-blog-item .content-box .tags {
     font-size: 16px;
     margin: 10px 0;
   }

   .blog-details-main .blog-details-cat h1 {
     font-size: 30px;
     line-height: normal;
     margin-bottom: 30px;
   }

   .blog-details-main .blog-details-wrapper h2 {
     margin-bottom: 20px;
     font-size: 30px;

   }

   .blog-details-main .back-link a {

     font-size: 16px;
   }

   .blog-details-main {
     margin-top: 20px;
     margin-bottom: 25px;
   }

   .contattaci-main .title-box h1,
   .contact-form-group-title h3,
   .dove-siamo-wrapper h3,
   .oppurtunita-wrapper h3 {
     font-size: 30px;
     line-height: normal;
     margin-bottom: 15px;
   }

   .form-flex-parent .contatti-field,
   .form-flex-parent.form-flex-row--email .contatti-field,
   .form-flex-parent.form-flex-row--select .contatti-field {
     flex: 0 0 100%;
     width: 100%;
   }

   .form-flex-parent.form-flex-row--3col .contatti-field {
     flex: 0 0 100% !important;
   }

   .form-flex-parent {

     flex-wrap: wrap;

   }

   .form-flex-parent .contatti-field .checkbox-wrapper label,
   .form-flex-parent input[type="submit"] {

     font-size: 16px;

   }

   .dove-siamo-wrapper .dove-grid-parent .single-address-box p,
   .oppurtunita-wrapper .opputunita-flex .left-box,
   .oppurtunita-wrapper .opputunita-flex .right-box a {

     font-size: 16px;

   }

   .oppurtunita-wrapper {
     margin-bottom: 0;
   }

   .contattaci-main {
     margin-top: 50px;
     margin-bottom: 50px;
   }
 }

 @media(max-width: 767px) {
   .blog-breadcrumb-main {
     padding: 0 32px;
     margin-bottom: 30px;
   }


   .blog-main .filters-button-group button {

     font-size: 16px;

   }

   .blog-main .single-blog-item .descriptions p {

     font-size: 16px;

   }

   .blog-main .single-blog-item .descriptions {
     height: auto;
     margin-bottom: 20px;
   }

   .blog-main .single-blog-item .button-box a {

     font-size: 16px;
     width: 194px;
     height: 40px;

   }

   .blog-main .single-blog-item {
     margin-bottom: 30px;
   }

   .blog-main .single-blog-item .content-box .tags {
     font-size: 16px;
     margin: 10px 0;
   }

   .blog-details-main {
     margin-top: 0;
     margin-bottom: 50px;
   }

   .blog-details-main .blog-details-cat h1 {
     margin-bottom: 30px;
   }

   .blog-details-main .back-link a {

     font-size: 16px;

   }

   .contattaci-main .title-box h1 {
     margin-bottom: 20px;
   }

   .form-flex-parent {
     flex-wrap: wrap;
   }

   .form-flex-parent .contatti-field {
     flex: 0 0 100% !important;
     width: 100%;
   }

   .contattaci-main {
     margin-top: 0px;
     margin-bottom: 50px;

   }

   .form-flex-parent label.contatti-label {

     font-size: 14px;

   }

   .form-flex-parent .contatti-field textarea {

     min-height: 100px;

   }

   .form-flex-parent .contatti-field .checkbox-wrapper label {

     font-size: 14px;

   }

   .form-flex-parent input[type="submit"] {

     font-size: 15px;

   }

   .dove-siamo-wrapper .dove-grid-parent {

     grid-template-columns: repeat(1, minmax(0, 1fr));

   }

   .dove-siamo-wrapper .dove-grid-parent .single-address-box p {

     font-size: 16px;

   }

   .oppurtunita-wrapper .opputunita-flex .left-box {

     flex: 1;
   }

   .oppurtunita-wrapper .opputunita-flex .right-box {
     width: 120px;
     text-align: right;
   }

   .oppurtunita-wrapper {
     margin-bottom: 0;
   }

   .dove-siamo-wrapper {
     margin: 40px 0;
   }

   .oppurtunita-wrapper .opputunita-flex .left-box,
   .oppurtunita-wrapper .opputunita-flex .right-box a {
     font-size: 14px;
   }

 }

 @media(min-width: 576px) and (max-width: 767px) {


   .blog-main .title-box h1,
   .blog-details-main .blog-details-cat h1,
   .contattaci-main .title-box h1 {
     font-size: 25px;
     line-height: normal;
   }

   .blog-details-main .blog-details-wrapper h2,
   .contact-form-group-title h3,
   .dove-siamo-wrapper h3,
   .oppurtunita-wrapper h3 {
     margin-bottom: 20px;
     font-size: 25px;

   }



 }

 @media(max-width: 575px) {

   .blog-main .title-box h1,
   .blog-details-main .blog-details-cat h1,
   .contattaci-main .title-box h1,
   .dove-siamo-wrapper h3,
   .oppurtunita-wrapper h3 {
     font-size: 20px;
     line-height: normal;
   }

   .blog-details-main .blog-details-wrapper h2,
   .contact-form-group-title h3 {
     margin-bottom: 20px;
     font-size: 20px;

   }

   .oppurtunita-wrapper .opputunita-flex .left-box,
   .oppurtunita-wrapper .opputunita-flex .right-box a {

     font-size: 14px;

   }

 }