.custop_navbar li:nth-child(3),
.custop_navbar li:nth-child(4),
.custop_navbar li:nth-child(5),
.custop_navbar li:nth-child(6){
    display: none !important;
}
.offerWidgtesModal > div > span{font-size: 14px; display: block;}
.offerWidgtesModal h4{display:none;}

.offersWidgets{margin:0 0 25px 0;}
.carousel-indicators{
	border-radius: 50px;
	background: #C3E5FF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
	width: auto; margin-left: 0;
	height:18px; padding: 3px 6px;
	bottom:-26px !important; left: 50%;
  transform: translate(-50%, -50%);
}
.carousel-indicators li{background-color:#ffffff;}
.carousel-indicators .active{
	background-color:#1A98FF;
}

 /* sub menu bar */
.submenubar{ background: #ffffff; padding: 10px 0; border-top: solid 1px #e1e1e1;}
.submenubar .breadcrumb{background-color: #ffffff !important; font-size: 13px; padding: 8px 0 !important;}
.featuresList{list-style: none; display: flex; align-items: center; float: right; padding: 8px 0; margin:0; gap: 35px;}
.featuresList li a{font-size:13px; }
.featuresList li{position: relative;}
.featuresList li:nth-child(1)::before{
    content: '';
    position: absolute;
    width: 12px; height: 13px;
    background: url('https://cdn.bookmyforex.com/cms/newforexcard/Forex-Card-Features-Images/forex-icon1.png');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    left: -20px; top:3px;
}
.featuresList li:nth-child(3)::before{
    content: '';
    position: absolute;
    width: 12px; height:13px;
    background: url('https://cdn.bookmyforex.com/cms/newforexcard/Forex-Card-Features-Images/forex-icon2.png');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    left: -20px; top:3px;
}
.featuresList li:nth-child(2)::before{
    content: '';
    position: absolute;
    width: 17px; height:13px;
    background: url('https://cdn.bookmyforex.com/cms/newforexcard/Forex-Card-Features-Images/forex-icon3.png');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    left: -22px; top:3px;
}
.featuresList li:nth-child(4)::before{
    content: '';
    position: absolute;
    width: 16px; height:14px;
    background: url('https://cdn.bookmyforex.com/cms/newforexcard/Forex-Card-Features-Images/forex-icon4.png');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    left: -22px; top:3px;
}
.featuresList li:nth-child(5)::before{
    content: '';
    position: absolute;
    width: 12px; height:13px;
    background: url('https://cdn.bookmyforex.com/cms/newforexcard/Forex-Card-Features-Images/forex-icon5.png');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    left: -15px; top:3px;
}
.featuresList li a:hover, .featuresList li a:focus{text-decoration: none;}
.featuresList li ul.dropdown-menu{left: -185px;}
.featuresList li ul.dropdown-menu li::before{content: inherit !important;}

/* sub menu bar end */

.OffersTittle h1{
	font-size:32px; font-weight:600;
	background: #154C80;
	background: linear-gradient(to right, #154C80 0%, #008CFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.OffersTittle p{
	font-size: 16px; color:#242424;
}
.sliderWidgets > p{margin: 0 !important;}
.sliderWidgets,
.sliderWidgets > p > a > img{
    background-size: contain !important; width: -webkit-fill-available !important; 
    border: solid 1px #c1e4ff;  border-radius: 12px;
}

.fa-angle-down {
    transition: all 0.2s;
}
.arrowlist {
    background: url('https://cdn.bookmyforex.com/cms/newforexcard/images/arrow_right.svg');
    width: 7px;
    height: 12px;
    transition: .2s;
    margin-left: 5px;
}

.fa-angle-down {
    transition: .2s;
    transform: rotate(90deg);
}
.arrowlist, .readmore {
    display: inline-block;
}

 .tabs {margin: 25px 0 0 0;display: flex;list-style: none;padding: 0;gap: 10px;margin-bottom: 20px;}
 .tabs li {margin: 0;}
 .tab {display: inline-block;padding: 10px 16px;border: 1px solid #ccc;border-radius: 8px;background: white;font-size: 16px;color: #333;text-decoration: none;transition: all 0.2s ease;}
 .tab:hover {border-color: #007bff;color: #007bff;text-decoration: none;}
 .tab.active {border: 2px solid #007bff;color: #007bff;font-weight: bold;}
 .offers-container {display: flex;flex-direction: column;gap: 15px;}
 .offer-card {padding: 20px;border: 1px solid #d1edff;border-radius: 10px;background: #F0F9FF;background: linear-gradient(to right, #F0F9FF 0%, #FFFFFF 100%);}
 .tnc-button {margin: 10px 0 0 0;float: right;padding: 6px 12px;font-size: 14px;font-weight: 600;color: #007bff;background-color: #eaf4ff;border: 1px solid #007bff;border-radius: 4px;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;transition: 0.3s;}
 .tnc-button:hover, .tnc-button:focus {background-color: #d0e8ff;text-decoration: none;}
 .arrow {background: url('https://storage.googleapis.com/cms-attachments/cms/current-offers-images/View-All-Icons.svg');display: inline-block;width: 14px;height: 14px;background-size: contain;}
 .currentOffers {margin: 0 0 25px 0;}
 .widgetsFlex {display: flex;align-items: center;justify-content: flex-start;gap: 25px;}
 .offerContnet h2 {font-size: 24px;font-weight: 600;margin: 0;padding: 0;color: #242424;}
 .offerContnet p {font-size: 16px;color: #242424;margin: 0;padding: 15px 0 0 0;}
 .offer-card {opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;padding: 20px;margin-bottom: 20px;border: 1px solid #ddd;border-radius: 10px;background-color: #f9f9f9;}
 .offer-card.visible {opacity: 1;transform: translateY(0);}

.modal-header .modal-title{font-weight: 600; font-size: 16px; color: #242424;}
.offerWidgtesModal h4{font-size: 14px; font-weight: 600; color: #333;}
.offerWidgtesModal p{margin: 0; padding:0 0 15px 0; font-size: 13px; line-height: 18px; color: #5c5c5c;}
.offerWidgtesModal ul{list-style:disc; margin:10px 0 15px 15px; padding: 0;}
.offerWidgtesModal ul li{font-size: 13px; line-height: 1.4; margin-bottom:10px; color: #5c5c5c;}
.offerWidgtesModal ul li:last-child{margin-bottom: 0;}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .widgetsFlex{flex-direction: column;}
    .offers-container{gap: 0;}
}


@media(max-width:768px){
    .widgetsFlex > div > img{width: 60% !important;}
    .tnc-button{border: 1px solid #007bff !important;}
}