@font-face {
    font-family: 'Adnocs-Light';
    src: url('../fonts/ADNOCSans-Light.woff2') format('woff2'),
         url('../fonts/ADNOCSans-Light.woff') format('woff'),
         url('../fonts/ADNOCSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Adnocs-Medium';
    src: url('../fonts/ADNOCSans-Medium.woff2') format('woff2'),
         url('../fonts/ADNOCSans-Medium.woff') format('woff'),
         url('../fonts/ADNOCSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Adnocs-Regular';
    src: url('../fonts/ADNOCSans-Regular.woff2') format('woff2'),
         url('../fonts/ADNOCSans-Regular.woff') format('woff'),
         url('../fonts/ADNOCSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Adnocs-Bold';
    src: url('../fonts/ADNOCSans-Bold.woff2') format('woff2'),
         url('../fonts/ADNOCSans-Bold.woff') format('woff'),
         url('../fonts/ADNOCSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Adnocs-Bold';
    src: url('../fonts/ADNOCSans-Bold.woff2') format('woff2'),
         url('../fonts/ADNOCSans-Bold.woff') format('woff'),
         url('../fonts/ADNOCSans-Bold.ttf') format('truetype');
}


.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #1A2050;
    font-family: 'Adnocs-Regular';
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    color: #fff;
    font-family: 'Adnocs-Regular';
}

.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

a,
button,
input,
textarea {
    outline: none !important;
}

.section-padding {
    padding: 80px 0;
}

.container {
    max-width: 1170px;
    margin: 0 auto;
} 







/*----------- Header Area Start ----------- */
.header_area {
    transition: .3s;
    padding: 25px 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.logo {
    width: 50px;
}
.menu_common_btn {
    display: inline-block;
}
.menu_common_btn.one-bg {
    background: #00CFD1;
}
.menu_common_btn a {
    text-decoration: none;
    color: #fff;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1;
    transition: .3s;
    display: inline-block;
    padding-top: 10px;
    font-family: 'font-family: 'Adnocs-Medium';', sans-serif;
}
.menu_common_btn a:hover {
    background: #FF5070;
}
.main_menu nav ul {
    display: flex;
    align-items: center;
}
.header_menu {
    display: flex;
    align-items: end;
    justify-content: space-between;
    border-bottom: 2px solid #fff;
    padding-bottom: 14px;
}
.main_menu nav ul li {
    margin-left: 12px;
}
.main_menu nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Adnocs-Regular';
    display: inline-block;
    position: relative;
}
.main_menu nav li.active a:after {
    width: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
}
.main_menu nav li a:after {
    position: absolute;
    bottom: -14px;
    width: 0;
    transition: .3s;
    background: #00CFD1;
    height: 3px;
    content: '';
    left: 50%;
    visibility: hidden;
    opacity: 0;
}
.main_menu nav li.orange_b a:after {
    background: #FF9500;
}
.main_menu nav li.yellow_b a:after {
    background: #FFCC02;
}
.main_menu nav li.green_b a:after {
    background: #00DE4C;
}
.main_menu nav li.blue_b a:after {
    background: #0030FF;
}
.main_menu nav li.red_b a:after {
    background: #FF5070;
}
.main_menu nav li a:hover:after{
    width: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
}
.menu_bar {
	display: none;
}
.menu-x {
	display: none;
}
.menu_common_btn.orange_btn a {
    background: #FF9500;
    transition: .3s;
}
.menu_common_btn.orange_btn a:hover {
    background: #00CFD1;
}
.menu_common_btn.yellow_btn a {
    background: #FFCC02;
    transition: .3s;
}
.menu_common_btn.yellow_btn a {
    color: #3D3D3D;
}
.menu_common_btn.yellow_btn a:hover {
    background: #FF5070;
}
.menu_common_btn.green_btn a {
    background: #00DE4C;
    transition: .3s;
}
.menu_common_btn.green_btn a:hover {
    background: #0030FF;
}
.menu_common_btn.blue_btn a {
    background: #0030FF;
    transition: .3s;
}
.menu_common_btn.blue_btn a:hover {
    background: #00DE4C;
}
.menu_common_btn.red_btn a {
    background: #FF5070;
    transition: .3s;
}
.menu_common_btn.red_btn a:hover {
    background: #FFCC02;
}


/*----------- Header Area End ----------- */



/*----------- Hero Area Start ----------- */
.hero_area {
    background-image: url(../img/hero-1.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: relative;
    z-index: 1;
}
.hero_main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: 100vh;
    padding-top: 190px;
    padding-bottom: 40px;
}
section.hero_area.hero_area_two {
    background-image: url(../img/hero-2.jpg);
}
section.hero_area.hero_area_three {
    background-image: url(../img/hero-3.jpg);
}
section.hero_area.hero_area_four {
    background-image: url(../img/hero-4.jpg);
}
.hero_area.hero_area_five {
    background-image: url(../img/hero-5.jpg);
}
.hero_area.hero_area_six {
    background-image: url(../img/hero-6.jpg);
}


.hero_area::before {
    position: absolute;
    content: '';
    background-color: #1D3177;
    opacity: 0.4;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
}
.hero_single_box.orange_btn {
    background: #FF9500;
}
.hero_single_box.yellow_btn {
    background: #FFCC02;
}
.hero_single_box.green_btn {
    background: #00DE4C;
}
.hero_single_box.green_btn:hover {
    background: #0030FF;
}
.hero_single_box.blue_btn {
    background: #0030FF;
}
.hero_single_box.blue_btn:hover {
    background: #00DE4C;
}
.hero_single_box.red_btn {
    background: #FF5070;
}
.hero_single_box.red_btn:hover {
    background: #FFCC02;
}
.hero_content_wrapper {
    display: flex;
}
.hero_content-box {
    margin-right: 24px;
}
.hero_single_box {
    background: #00CFD1;
    align-items: center;
    border-radius: 16px;
    transition: .3s;
    padding: 15px 16px;
}
.hero_single_box.hero_single_box_one {
    height: 120px;
}
.hero_single_box:hover {
    background: #FF5070;
}
.hero_box_icon {
    display: flex;
    align-items: center;
}
.hero_box_icon img {
    width: 28px;
}
.hero_content-box a {
    text-decoration: none;
}
.hero_box_icon p {
    font-size: 12px;
    margin: 0 9px;
    color: #fff;
}
.hero_box_icon.black_text p {
    color: #3D3D3D;
}
.hero_box-text.black_text p {
    color: #3D3D3D;
}
.hero_box-text p {
    margin: 0;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 140%;
}
.hero-wrapper-title h3 {
    font-size: 60px;
    color: #fff;
    line-height: 64px;
    font-family: 'Adnocs-Regular';
}
.hero-wrapper-title h3 span {
    font-family: 'Adnocs-Bold';
}
.hero-wrapper-title h2 {
    font-size: 36px;
    line-height: 38px;
    color: #FFFFFF;
    font-family: 'Adnocs-Regular';
}
.hero-wrapper-title p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 140%;
    font-family: 'Adnocs-Regular';
}
.hero-wrapper_list_item {
    display: flex;
    gap: 40px;
}
.hero-wrapper-list {
    margin-top: 24px;
    margin-left: 24px;
}
.hero-wrapper-list ul li {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 6px;
    font-family: 'Adnocs-Regular';
    position: relative;
}
.hero-wrapper-list ul li a {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 6px;
    font-family: 'Adnocs-Regular';
    position: relative;
    text-decoration: none;
}
.hero-wrapper-list ul li::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #00CFD1;
    border-radius: 100%;
    left: -18px;
    top: 32%;
    bottom: 0;
}
.hero-wrapper-list ul li.orange_dot::after {
    background-color: #FF9500;
}
.hero-wrapper-list ul li.yellow_dot::after {
    background-color: #FFCC02;
}
.hero-wrapper-list ul li.green_dot::after {
    background-color: #00DE4C;
}
.hero-wrapper-list ul li.blue_dot::after {
    background-color: #0030FF;
}
.hero-wrapper-list ul li.red_dot::after {
    background-color: #FF5070;
}

/*----------- Hero Area End ----------- */




/*----------- Distribution Area Start ----------- */
.distribution_area {
    padding: 50px 0;
    background: #F1F1F2;
    overflow: hidden;
}
.section_title h4 {
    font-size: 20px;
    color: #54565A;
    line-height: 28px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 1px;
}
.section_title h2 {
    font-size: 70px;
    color: #3D3D3D;
    font-family: 'Adnocs-Bold';
    line-height: 1;
}
.section_title h5 {
    font-size: 16px;
    color: #3D3D3D;
    margin-bottom: 2px;
    margin-top: -10px;
    font-family: 'Adnocs-Medium';
}
.section_title p {
    color: #4D5156;
    font-size: 18px;
    line-height: 140%;
    font-family: 'Adnocs-Light';
    margin-top: 26px;
    letter-spacing: 0.2;
}
.distribution_box_red {
    margin-top: 112px;
}
.distribution_box_orange {
    margin-top: 80px;
}
.distribution_box {
    background: #fff;
    width: 130px;
    height: auto;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin-bottom: 24px;
    padding: 16px 14px;
}
.distribution_box-content h2 {
    font-size: 28px;
    line-height: 1;
    font-family: 'Adnocs-Bold';
    margin-bottom: 6px;
}
.coundown-item {
    display: flex;
    align-items: center;
}
.highlights_area .distribution_box{
    width: 160px;
}
.coundown-item p {
    font-size: 20px !important;
    margin-left: 4px !important;
    font-family: 'Adnocs-bold' !important;
}
.coundown-item span {
    font-size: 20px !important;
    font-family: 'Adnocs-Bold';
}

.coundown-item.blue span {
    color: #0030FF;
}
.coundown-item.blue p {
    color: #0030FF;
}
.coundown-item.yellow span {
    color: #FFCF11;
}
.coundown-item.yellow p {
    color: #FFCF11;
}
.coundown-item.orange span {
    color: #FF9500;
}
.coundown-item.orange p {
    color: #FF9500;
}
.coundown-item.red span {
    color: #FF5070;
}
.coundown-item.green p {
    color: #00DE4C;
}
.coundown-item.mediumturquoise p {
    color: #00CFD1;
}
.coundown-item.green span {
    color: #00DE4C;
}
.distribution_box-content.blue_color h2 {
    color: #0030FF;
}
.distribution_box-content.red_color h2 {
    color: #FF5070;
}
.distribution_box-content.yellow_color h2 {
    color: #FFCC02;
}
.distribution_box-content.orange_color h2 {
    color: #FF9500;
}
.distribution_box-content.green_color h2 {
    color: #00DE4C;
}
.distribution_box-content p {
    color: #626262;
    font-size: 13px;
    line-height: 145%;
    margin: 0;
}
.distribution_icon {
    margin-left: 40px;
    margin-bottom: 12px;
}
.distribution_icon img {
    width: 70px;
}
.distribution_icon.distribution_icon_two img {
    width: 54px;
}
.distribution_icon.distribution_icon_four img {
    width: 55px;
}
.distribution_icon.distribution_icon_five img {
    width: 40px;
}
.distribution_box_item {
    margin-right: 24px;
}
.distribution_box_item.blue_box_mt {
    margin-top: 40px;
}
.distribution_box_item.red_box_mt {
    margin-top: 20px;
}
.distribution_box_item.green_box_mt {
    margin-top: 220px;
}
.distribution_box_item.mediumturquoise_box_mt {
    margin-top: 260px;
}
.distribution_box-wrapper {
    display: inline-flex;
    padding-top: 80px;
}
.distribution-btn {
    display: flex;
    align-items: center;
    gap: 14px;
}
.distribution-btn a {
    display: inline-flex;
    background: blue;
    border-radius: 16px;
    text-decoration: none;
    align-items: center;
    gap: 6px;
    padding: 0px 10px;
    padding-left: 8px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    height: 24px;
    transition: .3s;
    font-family: 'Adnocs-Bold';
}
.distribution-btn a img {
    width: 16px;
}
.distribution-btn a.arrow_top img {
    width: 12px;
}
.distribution-btn a span {
    position: relative;
    top: 1px;
}
.distribution-btn a:hover {
    background-color: #00CFD1;
}
/*----------- Distribution Area End ----------- */






/*----------- Highlights Area Start ----------- */
.highlights_area {
    padding: 40px 0;
}
.section_title.blue_text h2 {
    color: #0030FF;
    margin-bottom: -16px;
}
.section_title.right_text {
    margin-left: 143px;
}
.section_title.right_text h2 {
    color: #3D3D3D;
}
.section_title.right_text p {
    color: #3D3D3D;
    font-family: 'Adnocs-Bold';
    margin: 10px 0;
}
.distribution_box.gray_bg {
    background: #F1F1F2;
}
.distribution_box-content span {
    color: #3D3D3D;
    font-size: 18px;
    font-family: 'Adnocs-Bold';
    line-height: 20px;
}
.distribution_box-content h5 {
    color: #444444;
    font-size: 18px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 5px;
}
.distribution_box-content.red_color h5 {
    color: #FF5070;
}
.distribution_box-content.orange_color h5 {
    color: #FF9500;
    margin: 0;
}
.distribution_box-content.green_color h5 {
    color: #00DE4C;
    margin: 0;
}
span.green_color-text {
    color: #00DE4C;
}
.distribution_box-content.mediumturquoise_color h5 {
    color: #00CFD1;
    margin: 0;
}
.distribution_box-content.mediumturquoise_color h2 {
    color: #00CFD1;
}
span.mediumturquoise_color-text {
    color: #00CFD1;
}

/*----------- Highlights Area End ----------- */





/*----------- Message Area Start ----------- */
.message_area {
    padding: 60px 0;
    overflow: hidden; 
}

.message_title h4 {
    color: #0030FF;
    font-size: 36px;
    line-height: 110%;
    font-family: 'Adnocs-Regular';
}
.message_title h4 b{
    font-family: 'Adnocs-Medium';
}
.message_thumbnail_wrapper {
    background: #F1F1F2;
    border-radius: 20px;
    max-width: 320px;
    height: 580px;
    position: relative;
    float: left;
}
.message_thumbnail {
    position: absolute;
    bottom: 0;
    left: 0;
}
.message_thumbnail-title {
    padding-top: 30px;
    padding-left: 40px;
}
.message_thumbnail img {
    width: 100%;
    /* margin-bottom: 6px; */
    border-radius: 20px;
}

.message_content_text p {
    color: #4D5156;
    font-size: 20px;
    line-height: 145%;
    font-family: 'Adnocs-Regular';
}
.distribution_box.gray_bg.widthincreasrsh, .distribution_box.gray_bg.increaasewidth69sh {
    width: 175px;
}
.message_content_card_icon img {
    width: 50px;
}
.message_content_card-text span {
    font-size: 16px;
    font-family: 'Adnocs-Bold';
    line-height: 140%;
}
.coundown-wrapper {
    display: flex;
    align-items: center;
}
.coundown-wrapper h2 {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 6px;
}
.coundown-wrapper p {
    font-size: 16px;
    font-family: 'Adnocs-Bold';
    line-height: 140%;
    margin: 0;
    margin-left: 4px;
}
.message_content_card_icon {
    margin-bottom: 10px;
}
.message_content_card-text.blue-color span {
    color: #0030FF;
}
.coundown-wrapper.blue-color h2 {
    color: #0030FF;
}
.coundown-wrapper.orange_color h2 {
    color: #FF9500;
}
.coundown-wrapper.green_color h2 {
    color: #00DE4C;
}
.coundown-wrapper.green_color span {
    color: #00DE4C;
}
.coundown-wrapper.blue-color p {
    color: #0030FF;
}
.message_content_card-text h5 {
    color: #3D3D3D;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 4px;
}
.coundown-wrapper span {
    font-size: 36px;
    line-height: 46px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 6px;
}
.coundown-wrapper.blue-color span {
    color: #0030FF;
}
.message_content_card-text p {
    color: #54565B;
    font-size: 14px;
    font-family: 'Adnocs-Light';
    margin: 0;
}
.message_content_card {
    background: #F1F1F2;
    padding: 16px;
    border-radius: 16px;
    margin-top: 22px;
    width: 160px;
}
.message_content {
    max-width: 800px;
    position: relative;
    margin-left: 20px;
}
.message_content-bottom {
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
}
.message_content-bottom::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-color: #0030FF;
    border-radius: 100%;
    left: -22px;
    top: 8%;
    bottom: 0;
}
.message_content-bottom h5 {
    color: #3D3D3D;
    font-size: 16px;
    line-height: 140%;
    font-family: 'Adnocs-Bold';
    margin: 0;
}
.message_content-bottom p {
    color: #242E34;
    font-size: 15px;
    line-height: 140%;
   font-family: 'font-family: 'Adnocs-Medium';', sans-serif;
}
.message_content-bottom_two {
    position: absolute;
    bottom: -90px;
    right: -150px;
}
.message_content-bottom_two::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-color: #0030FF;
    border-radius: 100%;
    left: -22px;
    top: 8%;
    bottom: 0;
}
.message_content-bottom_two h5 {
    color: #3D3D3D;
    font-size: 16px;
    line-height: 140%;
    font-family: 'Adnocs-Bold';
    margin: 0;
}
.message_content-bottom_two p {
    color: #242E34;
    font-size: 15px;
    line-height: 140%;
   font-family: 'font-family: 'Adnocs-Medium';', sans-serif;
}
.message_content_text {
    margin-top: 86px;
}
/* .section_title h5 {
    color: #54565A;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Adnocs-Regular';
} */
.coundown-wrapper.red-color h2 {
    color: #FF5070;
}
.coundown-wrapper span {
    color: #00CFD1;
}
.coundown-wrapper.red-color span {
    color: #FF5070;
}
.message_content_card-text.red-color h5 {
    color: #FF5070;
}
.coundown-wrapper.mediumturquoise_color h2 {
    color: #00CFD1;
}
.coundown-wrapper.mediumturquoise_color p {
    color: #00CFD1;
}
.message_area.gray_bg {
    background: #F1F1F2;
}
.message_thumbnail_wrapper.whith_bg {
    background: #fff;
    width: 300px;
    float: right;
}
.message_content_card.whith_bg {
    background: #fff;
    margin-right: 20px;
}
.message_content_text.two {
    margin-top: 0;
}
.message_content_wrapper {
    display: flex;
    margin-top: 20px;
}
.message_content .distribution-btn{
    margin-top: 25px;
}
.message_thumbnail-title-two h5 {
    text-align: right;
    padding-top: 35px;
    margin-right: 50px;
    font-size: 14px;
}
.message_thumbnail-title-two h2 {
    margin-left: -30px;
}
/*----------- Message Area End ----------- */







/*----------- Review Area Start ----------- */
.review_area {
    padding: 50px 0;
}
.review_card {
    background: #F1F1F2;
    padding: 16px;
    width: 100%;
    border-radius: 16px;
}
.review_card-icon {
    width: 50px;
    margin-bottom: 10px;
}
.review_card-content h4 {
    color: #3D3D3D;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 10px;
}
.review_card_coundown span {
    color: #0030FF;
    font-size: 16px;
    font-family: 'Adnocs-Bold';
    line-height: 140%;
}
.review_card_coundown h2 {
    color: #0030FF;
    font-size: 32px;
    line-height: 46px;
    font-family: 'Adnocs-Bold';
    margin-bottom: 6px;
}
.review_card-content p b {
    font-size: 16px;
    font-family: 'Adnocs-Medium';
}
.review_bottom-text p {
    margin-top: 30px;
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 140%;
    color: #A7A8A9;
}
.review_card_coundown p {
    color: #0030FF !important;
    font-size: 18px;
    font-family: 'Adnocs-Bold';
    line-height: 140%;
    margin-top: -8px;
}
.review_card-content p {
    color: #626262;
    font-size: 16px;
    line-height: 140%;
    font-family: 'Adnocs-Light';
}
.review_card-content p:last-child {
    margin: 0;
}
.review_card {
    background: #F1F1F2;
    padding:24px 16px;
    border-radius: 16px;
    margin-top: 30px;
}
.review_card_coundown p {
    margin-bottom: 10px !important;
}
.coundown-item{
    margin-bottom: 6px;
}
/*----------- Review Area End ----------- */





/*----------- progressbar Area Start ----------- */
.progressbar_wrapper .progressbar_card {
    position: relative;

}


.percent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.percent img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.progressbar_card {
    width: 270px;
    height: 270px;
}
.nummber{
    position: relative;
    z-index: 1;
}
.nummber p {
    font-size: 26px;
    color: #3D3D3D;
    font-family: 'Adnocs-Bold';
    text-align: center;
    margin: 0;
}
.progressbar_list p{
    color: #3D3D3D;
    margin-bottom: 5px;
}
.progressbar_item {
    display: flex;
    gap: 0 40px;
    margin-bottom: 30px;
}
.progressbar_list p {
    display: flex;
    gap: 0 12px;
    align-items: center;
    font-size: 14px;
}
span.circle-dot {
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    margin-top: 2px;
}
.progressbar_content {
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.progressbar_content:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
img.icon-hand {
    width: 87px;
}
.small-text {
    color: #0030ff;
    font-family: "ADNOC Sans", sans-serif;
    font-size: 16.6px;
    font-style: normal;
    font-weight: bold;
}

.big-number {
    color: #0030ff;
    font-family: "ADNOC Sans", sans-serif;
    font-size: 39.9px;
    font-style: normal;
    font-weight: bold;
}
.review_card_coundown {
    text-align: left;
}

.review_card_coundown .small-text {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.1;
}

.review_card_coundown .big-number {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.review_card_coundown p {
    margin: 0;
    padding: 0;
    line-height: 1.1;
}

.coundown-item .coundown {
    margin: 0;
    font-size: 39.9px;
    font-family: "ADNOC Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #3d3d3d;
}
.percentage-value {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: "ADNOC Sans", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #0030ff;
}
.distribution_box-content .percentage-value {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #0030ff !important;
}

.distribution_box-content .percentage-blue-light {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* Already bold via the font file */
    color: #99acff !important;
}

.distribution_box-content .color_three {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* already bold via the font file */
    color: #3d3d3d !important;
}

.distribution_box-content .blue-color_four {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* already bold from the font file */
    color: #b1b1b1 !important;
}

.distribution_box-content .color_five {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* because the font file is already bold */
    color: #00cfd1 !important;
}
.distribution_box-content .blue-color_six {
    display: block;
    margin-top: 8px;
    font-size: 26.6px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* font file already handles the boldness */
    color: #99eced !important;
}

.coundown-wrapper.red-color h2,
.coundown-wrapper.red-color span {
    font-size: 38.5px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* Already bold via font file */
    color: #ff5070 !important;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.coundown-wrapper.mediumturquoise_color h2 {
    font-size: 38.5px;
    font-family: 'Adnocs-Bold', sans-serif;
    font-style: normal;
    font-weight: normal; /* already bold in font file */
    color: #00cfd1 !important;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.message_content_card.whith_bg {
    background: #fff;
    margin-right: 20px;
    padding: 24px; /* increase from 16px if needed */
    width: 200px;   /* increase from 160px */
}


/*----------- progressbar Area End ----------- */