.logo_web {
    display: inline-block;
    text-align: center;
    margin: 10px 0px 30px 0;
}
.main-text_web {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #000; /* White for main text */
    margin: 0;
    font-family: 'Playfair Display', serif;
}
.subtext-container_web {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px; /* Tighten spacing */
}
.line_web {
    height: 1px;
    background: #000; /* White lines */
    flex: 1;
    margin: 0 8px;
    transition: background-color 0.3s ease; /* Smooth hover effect */
}
.subtext_web {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700; /* Bold for "Outlook" */
    color: #000; /* Bright blue for emphasis */
    background: #fff; /* White background highlight */
    padding: 0px 12px; /* Added padding for better design */
    border-radius: 10px; /* Rounded corners for modern look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}
/* Hover Effects */
.subtext-container_web:hover .line_web {
    background: #002a46; /* Brighter blue on hover */
}
.subtext-container_web:hover .subtext_web {
    color: #fff; /* White text on hover */
    background: #002a46; /* Bright blue background on hover */  
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Increased shadow on hover */
    transform: scale(1.05); /* Slightly enlarges on hover */
}
@media (max-width: 1024px) {
    /* .logosection{
        display: none !important;
    } */
    .menubarlist{
        /* margin-top: 0% !important; */
        width: 100% !important;
    }
    .site-main {
        top: 100px;
        }
    .elementor-13681 .elementor-element.elementor-element-49ce6cae{
        margin-top: 5% !important;
    }
}
@media (min-width: 320px) and (max-width: 365px) {
    .menubarlist {
        top: 230px;
      }
      .subscribe-btn{
        padding: 8px 10px !important;
      }
      .subscribe-input{
        width: 100% !important;
        margin-bottom: 10px;
      }
      .subscribe-form{
        display: block !important;
      }
      
}
@media (min-width: 366px) and (max-width: 450px) {
    .menubarlist {
        top: 134px;
      }
      .elementor-12 .elementor-element.elementor-element-4809c04{
        margin-top: 46px;
      }
      .elementor-11412 .elementor-element.elementor-element-75d7903{
        margin-top: 50px;
      }
      .subscribe-btn{
        padding: 8px 10px !important;
      }
      .subscribe-input{
        width: 100% !important;
        margin-bottom: 10px;
      }
      .subscribe-form{
        display: block !important;
      }
}
@media (min-width: 451px) and (max-width: 575px) {
    .menubarlist {
        top: 134px;
      }
      .advertise-container{
        margin-top: 65px !important;
      }
      .elementor-element-30c8355.elementor-widget.elementor-widget-heading{
        margin-top: 30px;
      }
      .elementor-12 .elementor-element.elementor-element-4809c04{
        margin-top: 70px;
      }
      .elementor-11412 .elementor-element.elementor-element-75d7903{
        margin-top: 50px;
      }
      .subscribe-btn{
        padding: 8px 10px !important;
      }
      .subscribe-btn{
        padding: 8px 10px !important;
      }
      .subscribe-input{
        width: 100% !important;
        margin-bottom: 10px;
      }
      .subscribe-form{
        display: block !important;
      }
      
}
@media (min-width: 576px) and (max-width: 768px) {
    .menubarlist {
        top: 134px;
      }
      .advertise-container{
        margin-top: 85px !important;
      }
      .elementor-element-30c8355.elementor-widget.elementor-widget-heading{
        margin-top: 30px;
      }
      .elementor-12 .elementor-element.elementor-element-4809c04{
        margin-top: 70px;
      }
      .elementor-11412 .elementor-element.elementor-element-75d7903{
        margin-top: 70px;
      }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .menubarlist {
        top: 197px;
      }
      .elementor-section .elementor-container{
        flex-wrap: unset !important;
      }
      .elementor-element-30c8355.elementor-widget.elementor-widget-heading{
        margin-top: 70px;
      }
      .elementor-12 .elementor-element.elementor-element-4809c04{
        margin-top: 70px;
      }
}