body{font-family: 'Almarai', sans-serif;overflow-x: hidden;background-color: #f4f9fe;}
/* *{overflow-x: hidden;} */
/* start upper nav */
.upper-nav{background-color: #f4f9fe;padding: 15px 40px;position: fixed;top:0;width: 100%;z-index: 5;}
.upper-nav .logo img{width: 20%;}
.social-icon{display: flex;justify-content: flex-end;}
.social-icon .cir{font-size: 19px;
    border-radius: 50%;
    margin-left: 15px;
    width: 45px;
    height: 45px;
    display: flex;
    background-color: #fff;
    justify-content: center;
    align-items: center;}
.social-icon i.fa-twitter,.fa-telegram{color: cornflowerblue;}
.social-icon i.fa-youtube{color: brown;}
.social-icon i.fa-facebook-f{color: darkslateblue;}
.social-icon i.fa-instagram{color: orangered;}
.social-icon i.fa-magnifying-glass{color: black;}
#ser-input{display: none;}
/* start Navbar */
.fixed-top{top: 90px;}
.navbar{background-color: #0771B7 !important;padding-bottom: 0;}
.navbar-dark .navbar-nav .nav-link{color: #fff !important;margin-right: 20px;transition: .5s;}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover{background-color: #BB271A; margin-top: -8px;padding: 15px 10px;}
/* start Add. */
.add{display: flex;justify-content: center;margin-top: -20px;}
.add-index img.banky{width: 100% !important;height: 150px;;border-radius: 10px;}
.add-index2 img.banky{width: 101%;margin-right: 8px;}
/* start slider */
.slider{margin-top: 0%;position: relative;width: 100%;}
.slider .slide,.slider .carousel-inner{height: 500px;}
.slider .carousel-indicators{right: 60%!important;z-index: 2;position: absolute;}
.slider .carousel-indicators [data-bs-target]{width: 13px; height: 13px; border-radius: 50%;opacity: .7;margin-left: 5px;}
.slider .carousel-indicators [data-bs-target].active{background-color: #0771B7;}
.slider .carousel-caption{ bottom: 20.25rem;right: 10%;}
.slider .carousel-caption h1{font-size: 25px;font-weight: bold;text-align: right !important;z-index: 2;position: relative;}
.slider .overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .3);z-index: 1;}
/* start Report */
.sweeteners{overflow: hidden;}
section{background-color: #f4f9fe;padding-top: 80px;position: relative;overflow-x: hidden;}
.part2 img.dots{position: absolute;top: -2px;transform: rotate(270deg);width: 12%;}
.part2 .image{position: relative;}
.part2 .report img{width: 100%;height: 410px;border-radius: 10px;}
.part2 .report h3,
.checks h3{background-color: #BB271A;color: #fff;padding: 12px 22px;border-radius: 3px;width: fit-content;
position: absolute;top: 0px;right: 12px;z-index: 2;font-size: 16px;}
.part2 .report h4 a{text-decoration: none;color: #fff;font-size: 20px;position: absolute;bottom: 15%;right: 50px;font-weight: bold;z-index:1;}
.part2 .report .overlay{position: absolute;top: 0px;left: 11px;right: 12px;bottom: 6%;background-color: rgba(0, 0, 0, .4);z-index: 1;border-radius: 10px;}
.title{display: flex;justify-content: space-between;}
.title{margin-bottom: -25px;}
.title h5{font-weight: bold;font-size: 16px;}
.title h5::after{content: '';padding: 1px;background-color: #BB271A;display: block;margin-top: 4px;}
.title a i{color: #BB271A;margin-top: 5px;}
.title a:hover{color: #BB271A;}
.title a{color: black;font-size: 14px;font-weight: bold;text-decoration: none;}
.info .box{display: flex;margin-top: 15px;background-color: #fff;padding: 5px 5px;border-radius: 10px;cursor: pointer;}
.info .box img {width: 25%;margin-left: 20px;border-radius: 10px;}
.info .box p.para a{font-weight: bold;font-size: 15px;color: black;text-decoration: none;}
.info .box p.date{color: gray;}
/* start news */
.news{overflow: hidden;}
.card{border: none !important;}
.news .card, .sweeteners .card{width: 13.5rem !important;border-radius: 10px;padding: 6px 6px 0 6px;height: 270px;}
.card .card-body{padding: 0.3rem 1rem;}
.card p.date{color: gray;font-size: 13px;margin-top: 10px;font-weight: bold;}
.news .row .col-lg-2{width: 19.666667%;}
/* start sweeteners  */
.sweeteners .card{height: 250px;width: 13.5rem !important;margin-right: 10px;}
.sweeteners .title,.sweeteners .hr1{width: 90%;}
.sweeteners .title2 a{margin-left: -45px;}
.sweeteners .row{margin-bottom: 10px;}
.card-body a{font-size: 12px;font-weight: bold;color: black; text-decoration: none}
.sweeteners .info .box{margin-top: 8px;}
.sweeteners .box .img{margin-top: 7px;}
.sweeteners .info .box .text a{text-decoration: none;font-size: 15px;font-weight: bold;}.sweeteners .info .box .text p.para{font-size: 14px;}
/* start arabi */
.arabi{overflow: hidden;}
.arabi .card{padding: 10px;border-radius: 10px;width: 34rem !important;position: relative;}
.arabi .card h5 a{position: absolute;bottom: 50%;font-weight: bold;color: #fff;font-size: 18px;padding: 2px 20px;text-decoration: none;z-index: 2;}
.card-img-top{border-radius: 10px;}
.arabi .info .box p a{font-size: 13px;}
.arabi .info .box p.date{margin-top: 0;margin-bottom: 7px;}
.arabi .card .card-body{padding: .3rem 0rem;}
.arabi .card .box{margin-top: -3px;}
.arabi .overlay{position: absolute;top: 10px;left: 10px;right: 10px;bottom: 44%;background-color: #00000054;z-index: 1;border-radius: 10px;}
.arabi .overlay1{bottom: 44.5%}
.culture .hr1{width: 97%;}
.culture .more1,.videos .more1{margin-left: 20px;}
.videos .hr1{width: 98%;}
/* start checks */
.checks{overflow: hidden;}
.checks .background img{background-size: cover;width: 100%;border-radius: 10px;}
.checks .background{width: 100%;height: 300px;border-radius: 3px;position: relative;border-radius: 10px;}
.checks .overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .3);z-index: 1;border-radius: 10px;}
.checks .background h5 a{color: #fff;font-weight: bold;z-index: 2;position: absolute;bottom: 25px;right: 30px;text-decoration: none;}
.checks h3{right: 0;}
/* start reports */
.reports .card{padding: 10px;border-radius: 10px;width: 17rem !important;height: 325px;}
.reports .card h5 a{color: black;font-weight: bold;font-size: 13px;text-decoration: none; margin-bottom: 30px;}
.reports .card .auther{display: flex;justify-content: space-between;margin-top: 20px;}
.reports .card .auther .name span{font-weight: bold;font-size: 13px;}
.reports .card .auther .date{margin-top: 13px;}
.reports .card .auther .date span{color: #ccc;font-size: 13px;} .reports .card .auther .date i{font-size: 10px;margin-left: 7px;color: #ccc;}
.reports .card .auther .name img{width: 50px;height: 50px;border-radius: 50%;margin-left: 6px;}
.reports .card h6,.videos .img h6{background-color: #0f80cb;color: #fff;font-weight: bold;font-size: 12px;position: absolute;width: fit-content;
padding: 6px 15px;border-radius: 3px;z-index: 1;top: 25px;right: 20px;}
/* start video */
.videos{overflow: hidden;}
.videos .play{position: absolute;background-color: #fff;width: 45px;height: 45px;border-radius: 50%;z-index: 2;
display: flex;justify-content: center;align-items: center;left: 40px;top: 20px;cursor: pointer;}
.videos .play i{color: #BB271A;font-size: 19px;}
.videos .card{position: relative;width: 16rem !important;height: 295px;}.videos .card2{margin-right: 120px;left: -15px;}
.videos .card .play{width: 30px;height: 30px;left: 30px;}.videos .card .play i{font-size: 17px;}
.videos .card .date span{color: #ccc; font-size: 15px;}
.videos .row2{margin-top: 10px;}
.videos .report img{height: 600px;}
.video-part2{padding-top: 50px;}
.video-part2 .img img{width: 100%;border-radius: 10px;cursor: pointer;}.video-part2 .img .img1{height: 265px;} 
.video-part2 .img h6{position: relative;right: 77%; top: 50px;padding: 9px 28px;}
.video-part2 .img p{position: relative;top: -51px;z-index: 1;background-color: rgba(0, 0, 0, .5);padding: 15px 10px;font-size: 14px;border-radius:0 0 10px 10px;}
.video-part2 .img p a{color: #fff;text-decoration: none;}
.video-part2 .row3{margin-top: -70px;}.video-part2 .row3 .img{margin-bottom: -92px;}
.video-part2 .img-policy p{top: -73px;}
/* start dialogues */
.dialogues .card{padding: 10px;border-radius: 10px;height: 472px;width: 22rem !important;}
.dialogues .card .card-title a{font-size: 13px;text-decoration: none;color: black;font-weight: bold;}
.dialogues .card .card-img-top{border-radius: 10px;}
.dialogues .card .card-text{display: inline;font-size: 12px;margin-top: 5px;}
.dialogues .card a.more,.culture .title a.more{color: #666;font-size: 12px;text-decoration: none;}
.dialogues .title a{color: #666;font-size: 11px;}
.dialogues .print .row2{margin-top: 10px;}
.dialogues .print img{width: 50%;height: 230px;}
.dialogues .editor{display: flex;position: relative;background-color: #fff;padding: 7px 10px;border-radius: 10px;margin-bottom: 10px;cursor: pointer;}
.dialogues .editor img{margin-left: 10px;width: 40px;height: 40px;}
.dialogues .editor .content p a{font-size: 12px;font-weight: bold;text-decoration: none;color: black;}
.dialogues .card .card-title a:hover,.dialogues .editor .content p a:hover{color: #BB271A;}
.dialogues .editor .content p.date{font-size: 11px; color: #ccc;}
.dialogues .editor i.fa-eye{color: #ccc;font-size: 10px;cursor: pointer;position: absolute;left: 10px;bottom: 23px;}
/* start economic */
.economic .image{position: relative;}
.economic .image img{width: 100%;border-radius: 10px;height: 309px;}
.economic .image p a{font-size: 15px;font-weight: bold;color: #fff;position: absolute;z-index: 1;bottom: 15px;right: 20px;text-decoration: none;}
.economic .overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .4);z-index: 1;border-radius: 10px;}
/* start culture */
.culture .card{padding: 10px;border-radius: 10px;height: 278px;}
.culture .card .date{position: relative;bottom: 0;}
.culture .card-img-top{border-radius: 10px;}
.culture .card span{font-size: 10px;}
.culture .card .card-title a{text-decoration: none;color: #000;font-size: 13px;font-weight: bold;}
.culture .card span i{font-size: 2px;margin-left: 5px;}
.culture .read{background-color: #fff;padding: 10px;border-radius: 10px;}
.culture .info .box{background-color: #f4f9fe;margin-top: 5px;}
.culture .info .para a{font-size: 13px !important;}.culture .info .box .date{font-size: 12px;}
/* start footer */
footer{background: linear-gradient(#ffff,#E2F1FB);padding-bottom: 10px;margin-top: 80px;}
footer .email{background-color: #0771B7;padding: 20px 30px;margin: 0 -120px;}
footer .email p{color: #fff;padding-right: 40px;padding-top: 10px;}
footer .btn-danger{position: relative;left: 10%;border-radius: 5px 0px 0px 5px;padding-top: 10px;border: none;outline: none;}
footer .email .form-control{border: none;outline: none;}
footer .email .input{display: flex;}
footer .foot-content{margin-top: 30px;}
footer .foot-content h5{margin-bottom: 20px;font-weight: bold;}
footer .foot-content .contact i{margin-left: 5px;color: #0771B7;}
footer .foot-content .new a{color: #000;text-decoration: none;}
footer .foot-content .new a:hover,footer .foot-content p:hover{color: #BB271A;}
footer .foot-content img.logo{width: 70%;margin-bottom:30px;}
footer .social-icon{justify-content: center;margin-left: 15%;}
footer .copy-right{color: gray;font-size: 15px;text-align: center;padding: 10px 0;}
hr{height: .5px;}
/* ***************** scrol ******************* */
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background:#639ebb;
    height: 9.6%;
}

.up{
    position: fixed;
    bottom: 50px;
    right: -45px;
    width: fit-content;
    height: fit-content;
    background-color: #BB271A;
    color: #fff;
    font-weight: bold;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 20px;
    cursor: pointer;
    transition:1s;
    z-index: 2;
}
.up:hover{background-color: #0771B7;}
.up.show{
    right: 30px;
}