/*================================RESET=============================================*/
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body{
font-family: 'Roboto';
}

/*================================GENERAL STYLES===================================*/
.max-width{
max-width: 1280px;
margin: 0 auto;
}

.np-wrapper{
width: 100%;
margin: 0 auto;
}

.inner-max-width{
max-width: 1160px;
margin: 0 auto;
}

ul{
list-style: none;
}

a{
text-decoration: none;
}

.hide{
display: none;
}


/*==================================OLD AD STYLE===================================*/
/* .ad-img{
padding: 10px 0px;
margin-bottom: 32px;
}

.ad-img .box{
width: 100%;
height: 279px; 
background: #F5F5F5; 
text-align: center;
}

.ad-img .box p{
color: #C0BBBB;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
}

.ad-img .box .ad-img{
width: 966;
height: 229;
} */

/*======================================AD=========================================*/
.ad-img{
margin: 32px 0px;
position: relative;
width: 100%;
height: 256px;
}

.ad-img .top-ad-img{
width: 100%;
height: 100%;
}

.ad-img p{
font-size: 10px;
font-weight: 400;
line-height: 22px;
text-align: center;   
color: #D9D9D9;
position: absolute;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
padding: 5px 0px;
}


/*======================AD================*/
.ad-container{
width: 100%;
height: 326px;
background: #F8F8F8;
text-align: center;
padding-top: 15px;
margin-bottom: 32px;
}

.ad-container p{
font-size: 10px;
font-weight: 300;
line-height: 15px;
letter-spacing: 0.01em;
padding-bottom: 10px;
color: #6F6F6F;
text-transform: uppercase;
}

.ad-container .ad-image{
width: 312px;
height: 250px;
}

/*=======================COMMON STYLE FOR ALL PAGES==============================*/
/*=========================BREADCRUMB IN ALL PAGES============================*/
.breadcrumb{
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}

.breadcrumb p{
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #C4C4C4;
}

.breadcrumb p:last-child{
font-weight: 700;
color: #131313; 
}

.breadcrumb p a{
font-weight: 400;
color: #C4C4C4;
}

/*======================================NEWS=====================================*/
.news{
margin-top: 15px;
display: flex;
justify-content: space-between;
}

/*================================LEFT CONTENTS=================================*/
.news .left-contents{
width: 800px;
/* padding-right: 20px; */
}

/*===============================INTRO SECTION=================================*/
.intro-section{
margin-bottom: 25px;
}

.intro-section .heading{
margin-bottom: 15px;
}

.intro-section .heading p{
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-align: left;
color: #212121;
}

.intro-section .heading h1{
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-align: left;
color: #212121;
}

.intro-section .intro-para p{
font-size: 16px;
font-weight: 400;
line-height: 27px;
text-align: left;
color: #202020;
}

.intro-section .intro-para .info__read{
text-decoration: underline;
font-weight: 700;
color: #202020;
cursor: pointer;
}


/*======FILTER SECTION IN (HOME, BY TRAIN, B/W TWO CITIES PAGE)=======*/
.filter-section{
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 25px;
}   

.filter-section .option{
border: 1px solid #EDEBEC;
border-radius: 22px;
padding: 10px 16px;
white-space: nowrap;
font-size: 13px;
font-weight: 400;
line-height: 14.95px;
text-align: center;
color: #888888;
}

.option.option-active{
background: #FF485A;
color: #FAFAFA;
border: none;
}

/*============SEARCH TRAIN CONTAINER IN (HOME AND B/W TWO CITIES)=================*/
.search-train-container{
padding: 12px 16px;
margin-bottom: 32px;
border: 1px solid #ECEAEB;
border-radius: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}

.input-box img {
  display: inline-block;
  margin-right: 10px;
}
.input-box input {
  display: inline-block;
}
.input-box {
  display: flex;
}

/*==================USER INPUT CONTAINER=================*/
.search-train-container .user-input-container{
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}

/*==================INPUT BOX=================*/
.search-train-container .user-input-container .input-box{
display: flex;
align-items: center;
gap: 10px;
width: 200px;
padding: 5px 10px;
}

/*==================INPUT BOX-INPUT=================*/
.search-train-container .user-input-container .input-box input{
width: 100%;
outline: none;
background: none;
border: none;
padding: 10px 0px;
}

.search-train-container .user-input-container .input-box input::placeholder{
font-size: 14px;
font-weight: 400;
line-height: 16.1px;
text-align: left;
color: #888888;
}

.search-train-container .user-input-container .input-box .location-icon{
width: 15px;
height: 15px;
}

/*==================UP DOWN BUTTON=================*/
.up-down-button {
display: flex;
align-items: center;
justify-content: center;
background: #FF485A;
border: none;
width: 32px;
height: 32px;
border-radius: 50%; 
padding: 5px;
cursor: pointer;
z-index: 1;
}

.up-down-button img{
width: 15px;
height: 15px;
transform: rotate(90deg);transition: all .3s ease-in-out;
}
.up-down-button.rotate img {transform: rotate(270deg);}

/*==================SELECTED DATE=================*/
.selected-date{
padding: 10px 10px;
background: #FBFBFB;
border-radius: 8px;
width: 115px;
}

.selected-date p{
font-weight: 400;
font-size: 14px;
line-height: 16.1px;
letter-spacing: 0%;
color: #888888;
margin-bottom: 5px;
}

.selected-date input{
font-family: Arial, Helvetica, sans-serif;
border: none;
outline: none;
background: none;
font-size: 14px;
font-weight: 400;
line-height: 16.1px;
text-align: left;
color: #202020;
white-space: nowrap;
}

/*==================SEARCH TRAIN BUTTON=================*/

.search-train-button{
display: flex;
justify-content: center;
}

.search-train{
background: #D91C3F;
padding: 12px 0px;
border-radius: 8px;
border: none;
width: 127px;
font-family: Arial;
font-size: 16px;
font-weight: 700;
line-height: 18.4px;
text-align: center;
color: #FAFAFA;
cursor: pointer;
}

.from-station-container, .to-station-container{
position: relative;
}

.station-pop-up{
display: none;
position: absolute;
left: 0;
right: 0;
/* width: 308px; */
width: 100%;
box-shadow: 0px 1px 6px 0px #00000024;
padding: 5px 10px;
background: #FFFFFF;
height: 200px;
overflow-y: scroll;
-ms-overflow-style: none; 
scrollbar-width: none; 
display: none;
z-index: 10;
}

.station-pop-up.visible {
display: block;
  top: 40px;
}

.station-name{
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 10px;
border-bottom: 1px solid #EDEBEC;
z-index: 1;
font-size: 14px;
font-weight: 700;
line-height: 16.1px;
text-align: left;
color: #202020;
}

.station-name:last-child{
border: none;
}

.station-name p:first-child{
font-size: 14px;
font-weight: 700;
line-height: 16.1px;
text-align: left;
color: #202020;
}

.right-block{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}

.right-block .cross-icon{
cursor: pointer;
}
/*===================DETAILED DESCRIPTION CONTAINER IN ALL PAGES==================*/
.detailed-description-container{
margin-bottom: 15px;
}

.detailed-description-container .header{
font-size: 18px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;
margin-bottom: 10px;
}

.detailed-description-container .header h2{
font-size: 18px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;
margin-bottom: 10px;
}

.detailed-description-container .information-container{
margin-bottom: 10px;
}

.detailed-description-container .information-container:nth-last-of-type(1){
margin-bottom: 0px;
}

.detailed-description-container .information-container p{
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: left;        
color: #202020;
margin-bottom: 15px;
}

.detailed-description-container .information-container ol{
list-style-position: inside;
}

.detailed-description-container .information-container ol li{
font-size: 16px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;
margin-bottom: 15px;
}

.detailed-description-container .information-container ul {
padding: 0;
margin: 0; 
list-style: none;
padding-left: 2px;
}

.detailed-description-container .information-container ul li {
display: flex; 
align-items: flex-start; 
gap: 10px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #202020;
margin-bottom: 0px;
}

.detailed-description-container .information-container ul li::before {
content: '•'; 
font-size: 16px; 
color: #202020; 
display: inline-block;
}

/*==========ACCORDION CONTAINER IN (HOME PAGE, B/W TWO CITIES, BY TRAIN PAGE)==========*/
#faqs{
margin-bottom: 32px;
}

#faqs .header{
font-size: 18px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #202020;
margin-bottom: 20px;
}

.accordion-container {
width: 100%;
height: auto;
}

.accordion-container .accordion-item{
background: #FBFBFB;
margin-bottom: 15px;
}

.accordion-container .accordion-item .accordion-header{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 15px 10px;
font-size: 16px;
font-weight: 700;
line-height: 23px;
text-align: left;   
color: #212121;
cursor: pointer;
transition: 0.3s ease;
}

.accordion-container .accordion-item .accordion-header .accordion-down-arrow{
transform: rotate(180deg);
transition: transform 0.3s ease;
}

.accordion-container .accordion-item .accordion-body{
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #202020;
padding: 5px 10px 15px 10px;
display: none;
overflow: hidden;
overflow-y: auto;
}    
/*==================COMMON STYLE FOR ALL PAGES END HERE=========================*/


/*=====================SEARCH BY TRAIN PAGE STYLE STARTS HERE=====================*/
/*====================GET TRAIN DETAILS====================*/
.get-train-details{
width: 100%;
margin-bottom: 32px;
padding: 12px 16px;
border: 1px solid #ECEAEB;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

.enter-input-container{
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}

.enter-input-container input{
width: 200px;
border: none;
outline: none;
color: #202020;
font-size: 14px;
font-family: Arial;

}

.enter-input-container input::placeholder{
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 16.1px;
text-align: left; 
color: #888888;
}

/*======GET TRAIN BUTTON======*/
.get-train-button{
display: flex;
justify-content: center;
}

.get-train-details  .get-train-button .btn{
background: #D91C3F;
border: none;
width: 127px;
text-align: center;
padding: 12px 0px;
border-radius: 8px;
font-family: Arial;
font-size: 16px;
font-weight: 700;
line-height: 18.4px;
color: #FAFAFA;
cursor: pointer;
}
/*======================SEARCH BY TRAIN PAGE STYLE STARTS END======================*/


/*=========================TRAIN ROUTE PAGE STYLE STARTS HERE======================*/

/*================COACH CONTAINER==================*/
.coach-container{
display: flex;
justify-content: space-between;
border-top: 1px solid #EFEAEA;
border-bottom: 1px solid #EFEAEA;
padding: 10px 0;
margin-bottom: 15px;
}

.coach-container .coach-type p{
font-size: 16px;
font-weight: 700;
text-align: left;
color: #000000;
}

.coach-container .coach-type p span{
color: #4D4547;
}

.coach-container .days{
font-size: 14px;
font-weight: 700;
text-align: left;
color: #4D4547;
}

/*==================SCHEDULED TRAIN NAME=======================*/
.scheduled-train-name{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #212121;
}

/*==================ROUTE DETAILS CONTAINER====================*/
.route-details-container{
margin-bottom: 32px;
}

.route-schedule{
text-align: left;
border-collapse: collapse;
}

.route-schedule th{
background: #EFEAEA;
padding: 12px;
font-size: 16px;
font-weight: 700;
line-height: 14.95px;
text-align: left;
color: #000000;
}

.route-schedule tr{
border-bottom: 1px solid #EFEAEA;
}

.route-schedule tr td{
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #393434;
}

.route-schedule tr a{
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #393434;
}

/*==================TRAIN ROUTE PAGE STYLE END HERE======================*/

/*====================COACH POSITIONS PAGE STYLE START HERE======================*/

/*=====COACH WRAPPER=====*/
.coach-wrapper{
margin-bottom: 32px;
}

/*=====SELECTED COACH=====*/
.coach-wrapper .selected-coach{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #000000;
margin-bottom: 32px;
}

/*=====COACH SUBWRAPPER=====*/
.coach-subwrapper{
display: flex;
justify-content: space-between;
gap: 10px;
/* align-items: center; */
}

/*=====COACH ALIGNMENT=====*/
.coach-alignment{
width: 345px;
}

/*=====COACH ALIGNMENT - ENGINE=====*/
.coach-alignment .engine{
background: #D91C3F;
border-radius: 5px;
width: 100%;
padding: 12px 16px;
font-size: 16px;
font-weight: 700;
text-align: center;   
color: #FFF;
margin-bottom: 10px;
}

/*=====COACH ALIGNMENT - COACH-TYPE-CONTAINER=====*/
.coach-alignment .coach-type-container{
display: flex;
gap: 10px;
margin-bottom: 10px;
}

.coach-alignment .coach-type-container:last-child{
margin-bottom: 0px;
}

/*=====COACH ALIGNMENT - COACH-TYPE-CONTAINER - COACH BOX=====*/
.coach-alignment .coach-type-container .coach-box{
border: 1.5px solid #EFEAEA;
width: 164px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
flex-grow: 1;    
}

.coach-alignment .coach-type-container .coach-box.selected{
background: #FF485A;
color: #FFFFFF;
border: none;
}

/*=====SEATS ALIGNMENT=====*/
.seats-alignment{
width: 382px;
height: fit-content;
border: 2px solid #C4C4C4;
border-radius: 15px;
padding: 32px 25px;
}

/*=====SEATS ALIGNMENT - FRONT SEATING=====*/
.front-seating{
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}

/*=====SEATS ALIGNMENT - BACK SEATING=====*/
.back-seating{
display: flex;
justify-content: space-between;
}

/*=====SEATS ALIGNMENT - SEAT NUMBER=====*/
.seat-numbers{
display: flex;
gap: 5px;
margin-bottom: 12px;
}

.seat-numbers:last-child{
margin-bottom: 0px;
}

/*=====SEATS ALIGNMENT - SEAT NUMBER - NUMBER=====*/
.seat-numbers .number{
border: 1px solid #C4C4C4;
border-top: 3px solid #C4C4C4;
border-bottom: none;
width: 48px;
height: 40px;
border-radius: 6px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #544E4E;
display: flex;
align-items: center;
justify-content: center;
}

.back-seating .seat-numbers .number{
border: 1px solid #C4C4C4;
border-bottom: 3px solid #C4C4C4;
border-top: none;
}

/*=============DISCLAIMER============*/
.disclaimer{
margin-bottom: 32px;
}

.disclaimer .heading p{
font-size: 16px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;
margin-bottom: 15px;
}

.disclaimer p{
font-size: 14px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: #A79A9A;
}

/*====================COACH POSITIONS PAGE STYLE ENDS HERE======================*/


/*=================SEARCH BY STATIONS RESULT PAGE STYLE STARTS HERE=================*/
/*==========SEARCH RESULT CONTAINER IN SEARCH BY STATION RESULT PAGE========*/
.search-result-container{
box-shadow: 0px 2px 4px 0px #0000001A;
background: #FFFFFF;
padding: 10px 15px;
margin-bottom: 32px;
cursor: pointer;
z-index: 1000000;
width: 543px;
}

.search-result-container .details{
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 10px;
background: #FBFBFB;
border-radius: 8px;
}

.search-result-container .details p{
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;    
color: #212121;
}

.search-result-container .details p span{
color: #888888;
}

.search-result-container .details p span::before{
content: ''; 
width: 6px;
height: 6px;
border-radius: 100%;
background: #333;
display: inline-block;
margin: 2px 5px;
}

/*===============RESULT FOUND CONTAINER===============*/
.result-found-container{
margin-bottom: 32px;
}

/*===========RESULT FOUND CONTAINER - HEADING==========*/
.result-found-container .heading{
font-size: 18px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #212121;
margin-bottom: 25px;
padding: 0 16px;
}

/*===========RESULT FOUND CONTAINER - CALENDAR CONTAINER==========*/
.result-found-container .calendar-container{
display: flex;
gap: 10px;
margin-bottom: 25px;
padding-left: 16px;
}

/*===========RESULT FOUND CONTAINER - CALENDAR CONTAINER - date day==========*/
.result-found-container .calendar-container .date-day{
border: 1px solid #EDEBEC;
border-radius: 8px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
color: #888888;
padding: 5px 15px;
height: 54px;
white-space: nowrap;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.result-found-container .calendar-container .date-day.active-date{
border: 1.5px solid #6C696A;
color: #000000;
}

/*===========TRAIN DETAILS WRAPPER==========*/
.train-details-wrapper{
padding: 18px 0;
border-top: 1px solid #EDEBEC;
}

.train-details-wrapper:last-child{
border-bottom: 1px solid #EDEBEC;
}

/*===========TRAIN DETAILS WRAPPER - INFO SECTION==========*/
.info-section{
display: flex;
justify-content: space-between;
padding: 0 16px;
margin-bottom: 10px;
}

.info-section .train-name{
display: flex;
gap: 10px;
align-items: center;
}

.info-section .train-name p{
font-size: 14px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #000000;
}

.info-section .train-name p span{
font-weight: 400;
}

.info-section .train-running-days{
display: flex;
gap: 2px;
}

.info-section .train-running-days .day{
font-size: 14px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #4D4547;
text-transform: uppercase;
}

.info-section .train-running-days .day.no-train{
font-weight: 400;
color: #E4D3D3;
}

/*===========TRAIN DETAILS WRAPPER - TIMING SECTION==========*/
.timing-section{
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0 16px;
}

.timing-section .departure-time p{
font-size: 13px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;  
}

.timing-section .departure-time p .month{
font-size: 13px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #888888;
}

.timing-section .duration{
display: flex;
gap: 10px;
align-items: center;
}

.timing-section .duration p{
font-size: 13px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #888888;
white-space: nowrap;
}

.timing-section .arrival-time{
font-size: 13px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;  
}

.timing-section .arrival-time p .month{
font-size: 13px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #888888;
}

/*===========TRAIN DETAILS WRAPPER - STATION SECTION==========*/
.station-section{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
}

.station-section .departure-jn, .station-section .arrival-jn {
font-size: 13px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #888888;
}

/*===========TRAIN DETAILS WRAPPER - COACH SECTION==========*/
.coach-section{
display: flex;
gap: 15px;
-ms-overflow-style: none; 
scrollbar-width: none; 
overflow-x: scroll;
margin-top: 15px;
padding-left: 16px;
}

.coach-section::-webkit-scrollbar {
display: none; 
}

.coach-section .coach{
width: 140px;
height: 45px;
display: flex;
align-items: center;
gap: 20px;
padding: 10px 20px;
border: 1px solid #EDEBEC;
border-radius: 8px;
}

.coach-section .coach .coach-name{
font-size: 13px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #000000;
border-right: 1px solid #EDEBEC;
padding-right: 20px;
text-transform: uppercase;
}

.coach-section .coach .price{
font-size: 13px;
font-weight: 700;
line-height: 28px;
text-align: center;
color: #000000;
}
/*=================SEARCH BY STATIONS RESULT PAGE STYLE END HERE=================*/


/*=====================OVERLAY STYLE STARTS HERE=======================*/
/*=================OVERLAY BACKGROUND===============*/
.overlay-bg{
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
/* opacity: 0.3; */
z-index: 1000000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

/*===========SEARCH POPUP CONTAINER IN SEARCH BY STATION RESULT============*/
.search-popup-container{
width: 650px;
margin: 0 auto;
position: fixed;
right: 0;
left: 0;
top: 50%; 
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000000;
transition: top 0.3s ease-in-out;
}

.search-popup-container .search-train-container{
box-shadow: 0px 1px 6px 0px #00000024;
background: #FFFFFF;
padding-bottom: 20px;
}

.search-popup-container .user-input-container .input-box{
width: 280px;
}

/*=============GET POPUP CONTAINER IN SEARCH BY TRAIN RESULT==============*/
.get-popup-container{
width: 650px;
margin: 0 auto;
position: fixed;
right: 0;
left: 0;
top: 50%; 
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000000;
transition: top 0.3s ease-in-out;
}

.get-popup-container .popup-get-train-details{
box-shadow: 0px 1px 6px 0px #00000024;
background: #FFFFFF;
padding: 10px;
}

.popup-get-train-details .enter-input-container{
display: flex;
align-items: center;
gap: 10px;
width: 100%;
border-bottom: 1px solid #EDEBEC;
padding: 10px;
margin-bottom: 20px;
}

.popup-get-train-details .enter-input-container input{
width: 100%;
border: none;
outline: none;
color: #202020;
font-size: 14px;
font-family: Arial; 
}

.popup-get-train-details .enter-input-container input::placeholder{
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 16.1px;
text-align: left; 
color: #888888;
}

.popup-get-train-details .get-train-button{
display: flex;
justify-content: center;
margin-bottom: 10px;
}

.popup-get-train-details  .get-train-button .btn{
background: #D91C3F;
border: none;
width: 308px;
text-align: center;
padding: 12px 0px;
border-radius: 8px;
font-family: Arial;
font-size: 16px;
font-weight: 700;
line-height: 18.4px;
color: #FAFAFA;
cursor: pointer;
}

.pop-up-header{
display: flex;
gap: 10px;
align-items: center;
padding: 10px;
font-size: 16px;
font-weight: 700;
line-height: 18.4px;
text-align: left;
color: #212121;
}

.popup-cross-icon{
width: 13px;
height: 12px;
cursor: pointer;
}

/*======HIDE WINDOW SCROLL WHILE POPUP OPEN======*/
.no-scroll {
overflow: hidden;
}

/*===========SHOW OPTIONS========*/
.show-options{
display: none;
top: -100%;
}

/*================OVERLAY ACTIVE=========*/
.overlay-active {
display: none;
}
/*=====================OVERLAY STYLE END HERE=======================*/


/*=====================NEWS RIGHT CONTENTS=================*/
.news .right-content{
/* padding-left: 30px; */
width: 300px;
}

/*=====================AD=================*/
.news .right-content .right-ad {
margin-bottom: 32px;
width: 100%;
height: 298px;
background: #F5F5F5;
text-align: center;
padding: 10px 0;
}

.news .right-content .right-ad p{
font-size: 10px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0.01em;
color: #645F5F;
margin-bottom: 5px;
text-transform: uppercase;
}

.news .right-content .right-ad .ad-image{
width: 300;
height: 250px;
}