.head{
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
position: relative;
}
.top-head {
position: relative;
z-index: 2;
}
.head.dropdown-open:before {
transform: translateY(0);
}
.dropdown-open .item-menu span {
color: #122b54;
}
.dropdown-open .item-menu:hover span{
color: #122b54;
}
.dropdown-open .item-menu:hover .icon-square {
border: 1px solid #122b54;
}
.dropdown-open .item-menu:hover .icon-line {
background-color: #122b54;
}
.dropdown-open .logo-gramma-div svg{
fill: #122b54;
transition: 0.3s;
}
.logo-gramma-div .cls-1{
fill: #fff;
}
.dropdown-open .logo-tipo-div svg {
fill: #122b54;
transition: all 0.3s;
}
.scroll .cls-1{
fill: #122b54;
}
.dropdown-open .cls-1{
fill: #122b54;
}
.logo-tipo-div svg {
margin-left: 0.5rem;
width: 8rem;
height: 100%;
fill: #fff;
}
.logo-tipo-div svg {
transform-origin: left;
transition: all 0.3s ease;
}
.scroll .logo-tipo-div svg {
opacity: 0;
margin-left: 0;
transform: translateX(-20px);
}
.hero{
position: relative;
z-index: 1;
display: block;
height: 90vh;
width: 100%;
background-image: url('/assets/frontend/img/jpg/slider-home-1.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: brightness(0.7);
}
.item-menu span {
color: #fff;
}
.scroll .item-menu span {
color: #122b54;
}
.icon-square {
border: 1px solid #fff;
}
.icon-line{
background-color: #fff;
}
.banner-card:hover{
background-color: inherit;
box-shadow: none;
transform: scale(1.0);
}
.banner-card:hover .banner-card-title h4{
color: inherit;
}
.banner-card:hover .banner-card-cta{
background-color: inherit;
border-color: #56565b;
color: #56565b;
}
.banner-card:hover .banner-card-cta span{
color: #56565b;
}
.banner-card:hover .banner-card-cta svg{
fill: #56565b;
}
.banner-card:hover .cls-5,
.banner-card:hover .cls-6,
.banner-card:hover .cls-7{
transition: all 0.3s;
stroke:#56565b;
}
.banner-card:hover .cls-11{
stroke: #56565b;
}
.banner-card:has(.banner-card-cta:hover) {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.banner-card:hover .banner-card-cta:hover {
background-color: #122b54;
border-color: #122b54;
color: #fff;
}
.banner-card:hover .banner-card-cta:hover span{
color: #fff;
}
.banner-card:hover .banner-card-cta:hover .cls-11{
stroke: #fff;
}
.icon-dropdown .cls-3{fill: #fff;width: 0.65rem;height: 0.65rem;/* width: 100%; *//* height: 100%; */}
.item-menu:hover,
.item-menu.active{
background-color: #ffffff50;}
.scroll .item-menu:hover,
.scroll .item-menu.active {
background-color: #f6f7f8;
}
.dropdown-menu {
background: #f6f7f8;
}
.dropdown-menu .sub-menu .nav-item .nav-link.cms {
color: #122b54;
}
.dropdown-menu .sub-menu .nav-item:not(:last-child)::after {
background-image: url('/assets/frontend/img/svg/dot-blue.svg');
}
.bgd-nav {
border: 1px solid #ffffff50;
background-color: transparent;
}
.nav-link.cms:hover p{
color: #122b5490;
}
.head {
background-color: transparent;
}
.burger-menu .line {
background: #fff;
}
.head-prev-cta:hover {
background-color: #fff;
border: 2px solid #fff;
}
.scroll .head-prev-cta:hover {
border: 2px solid #122b54;
}


/*BIG SCREEN*/
@media screen
and (min-device-width: 1600px)
and (max-device-width: 5000px)  {
.swiper-slide {
height: 100%;
}
.hero-title-container {
height: 90vh;
}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

    .bgd-nav{
        background-color: transparent;
    }

}

/* MINI */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 820px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {

    .bgd-nav{
        background-color: transparent;
    }

}