*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Montserrat, sans-serif;
}

.nav {
  position: fixed;
  width: 100vw;
  box-shadow: 0 0 10px #e1e5ee;
  z-index: 1;

}
.nav__list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    margin: 0 2rem;
}
.nav__listlogo img{
    width:130px;
    height: 80px;
    border-radius: 10px;
}
 .nav__listlogo {
      list-style: none;
      margin-right: auto;
      cursor: pointer;
}
.nav__listitem {
      list-style: none;
      font-weight: bold;
      position: relative;
      left: -7%;
      padding: 1.5rem 1rem;
      cursor: pointer;
      
}
.nav__listitem a{
        text-decoration: none;
        color: black;
}
.nav__listitem::after {
        content: "";
        width: 0;
        height: 0.3rem;
        border-radius: radius 0.2rem;
        position: absolute;
        left: 1rem;
        bottom: 0.8rem;
        background-color: #f06292;
        transition: width 200ms ease-in;
}

.nav__listitem:hover::after,
.nav__listitem:focus::after {
        width: 80%;
 }

.nav__listitem:hover ul,
.nav__listitem:focus ul {
        opacity: 1;
        visibility: visible;
 }

.nav__listitemdrop {
        position: absolute;
        top: 4rem;
        left: -1rem;
        box-shadow: 0 0 10px #e1e5ee;
        background-color: white;
        border-radius:radius 0.2rem;
        width: 12rem;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity 200ms ease-in-out;
}
.nav__listitemdrop li {
          list-style: none;
          padding: 0.5rem 1rem;
          border-radius: radius 0.2rem;
          transition: background-color 200ms ease-in-out;
}
.nav__listitemdrop a{
        text-decoration: none;
        color: #000;

}
.nav__listitemdrop li:hover,
.nav__listitemdrop li:focus {
            background-color: #fce4ec;
}
.blog-slider {
        width: 50%;
        position: fixed;
        right: 10%;
        justify-content: center;
        background: #fff;
        padding: 50px;
        border-collapse: separate;
        margin: 220px;
        border-radius: 25px;
        transition: all 0.3s;
        box-shadow: 4px 13px 30px 1px rgba(26,168,226, 0.2);
}
      
.blog-slider__item {
        display: flex;
        align-items: center;
      
}
      
.blog-slider__img {
        width: 300px;
        flex-shrink: 0;
        height: 300px;
        box-shadow: 4px 13px 30px 1px rgba(26,168,226, 0.2);
        border-radius: 20px;
        transform: translateX(-80px);
        overflow: hidden;
       background:#FFF;
}
.blog-slider__img:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        opacity: 0.8;
        height:400px
}
.blog-slider__img img {
        height:80%;
        width:80%;
        border-radius: 20px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
      
.blog-slider__content {
        position: fixed;
        right: 33%;
}
      
      
.blog-slider__title {
        font-size: 50px;
        font-weight: 700;
        color: #0d0925;
        margin-bottom: 20px;
        display: flex;
        position: relative;
        right: -85px;
}
.blog-slider__text {
        color: #4e4a67;
        margin-bottom: 30px;
        line-height: 1.5em;
        font-size: 25px;
}
  
    

.circle {
        width: 100px;
        height: 100px;
        position: relative;
        bottom: -600px;
        right: -87%;
        border: none;
        background: #f06292;
        border-radius: 50%;
        color: #fff;
        font-size: 20px; 
        font-weight: bold;
        text-decoration: none;
}