@charset "UTF-8";
/******************************
Template Name: Annam
Template Description: Annam - Flavours
Template Author: 
Template URL: 

*******************************/


/*@media (min-width: 567px) and (max-width: 768px) { */

/*    .banner__bg img {*/
/*        height: 650px !important;*/
/*    }*/
/*.item-grouped-annam {*/
/*    text-align: center;*/
/*    width: 100% !important;*/
/*    margin: 0;*/
/*}*/



/*}*/

/**/

@media(max-width:991px){
    
.overseas_header { height:100% !important; }  
.overseas_title { margin-top : 30px; }
.note_title {   font-size: 24px !important;   margin-top: 30px; }
.note_wrap .item {
    font-size: 16px;
    line-height: 25px;
}    
    
    
    .timeline  
 {
    margin-top: 60px;
}

.header__nav{
display:block;
padding:20px;
}

.header__nav-item{
border-bottom:1px solid #eee;
}

.header__nav-link{
display:flex;
justify-content:space-between;
padding:16px 0;
font-weight:600;
}

.mega-menu{
position:static;
width:100%;
box-shadow:none;
padding:10px 0;
}

.mega-menu__item{
display:block;
}

/*.mega-menu__wrapper{
padding:12px 0;
}
*/
.mega-menu__wrapper a{
display:flex;
gap:14px;
align-items:center;
}

}

/**/
 @media (max-width: 575.98px) { 
     
     .annam-benifits {
    padding: 50px 0px;padding-bottom: 0px !important;
}
.annam-content-wrapper {
        margin-bottom: 0px;
    }
    /*.banner__bg img {*/
    /*    height: 250px !important;*/
    /*    background-position: 50% 50%;*/
    /*    object-fit: cover;*/
    /*}*/
    .item-grouped-annam p {
    color: #2E524A;
    line-height: 25px;
    font-size: 16px;
}
.item-grouped-annam {
    width: 90% !important;
}

.banner__content--center {
    top: 30px !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0) !important;
   
}
.timeline-wrapper {
    width: 100% !important;
}
 

.timeline-column-img-inner {
    padding-right : 0px !important;  
    width: 100% !important;
}
.timeline-column-inner {
    padding-right:  0px !important;  
    width: 100% !important;  
    padding-left:  30px !important;
}
.timeline::after {
     
    left: 1.4rem !important;
     
    right: unset !important;
}

.timeline-column-gen {
     
    flex-direction: column;
}
.timeline-column-gen::after {
    
    left: 0;
}
.timeline-column-inner {width: 100% !important}
.timeline-column-img-inner { padding-left:30px !important }
.timeline-column-gen-reverse {
    flex-direction: column !important;
}
.timeline-column-gen-reverse .timeline-align-right {
    text-align: left;
}
.timeline-image {
    margin-top: 30px;
}

.annam-benifits .d-flex {
    flex-direction: column;
}

.annam-benifits .d-flex .col-3 {
    width: 100%;
}
.annam-benifits-wrapper {
    margin-bottom: 50px;
}
.story-annam .col-8 {
    width: 100%;
}
.p-lr-50 {
    padding: 0 30px !important;
}
.story-annam .col-3 {
    width: 100%;
    margin-top: 0px;
}
.story-annam {
    padding-bottom: 0;
}
.whychoose-annam {
    background: #fdf7ed;
    padding-top: 0;
}
.annam-benifits .d-flex {
    flex-direction: column;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important; 
}
.annam-benifits {
    padding-bottom: 50px;
}
.timeline .container {
    max-width: 100%;
}
.dinner-in-flav-center {
    max-width: 100% !important;
}
.whychoose-annam .col-5 {
    width: 100% !important;
}

.whychoose-annam .col-7 {
    width: 100% !important;
}
.why-choose-wrapper {
    width: 100% !important;
}
.contact_us_wrap {
    height: auto !important;
}
.contact-info-wrapp {
    margin-bottom: 60px;
}
.contact-info-l {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.icon-why-choose { /* replace with your actual class */
  width: 40px;
  height: 40px;
  min-width: 50px; /* prevents shrinking */
  background: #eaeaea;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 1; /* important for mobile */
}
.icon-why-choose {
    /*width: 140px !important;*/
    height: 40px !important; }
.count-wapper {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.timeline {
    margin: 70px 0;
    margin-top: 0;
}
.post_column_thumbnail img {
    width: 100% !important;
    max-width: 100% !important;
}


.post_column_thumbnail {
    width: 100%;
}
.count-wapper .col-3 {
    width: 100%;
    margin: 10px 0;
}

.annam-benifit-overlap-col {
    display: none !important;
}
.footer__copyright-text {
  margin-bottom: 0px !important.;
}

  }