@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('fonts/DroidArabicKufi/DroidArabicKufi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('fonts/DroidArabicKufi/DroidArabicKufi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* { margin: 0;box-sizing: border-box;text-decoration: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent;-webkit-appearance: none; font-family: 'Droid Arabic Kufi'; padding: 0; list-style: none;}
*:focus{outline: none;box-shadow: none;}
body {width:100% !important;position: relative;background-color: #F8F8F9;}
main {min-height:65vh !important;padding:2% 0;}
p{line-height: 1.6;}
img{object-fit: cover; }
.google-ads {text-align: center; margin: 20px auto}

@media screen and (min-width: 900px) {
    /* for shrinking the page on zoom  out */
    main {max-width: 1920px !important; margin: auto; width: 100%; padding:  20px 0} 
}
.datawaropped {display: block!important;}
select,textarea,input[type="text"],input[type="number"],input[type="email"], input[type="tel"]{ font-size: 16px !important; }
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s !important;}

.hidden{ display: none;}
.error{ direction: rtl; font-size: 12px; color:red; font-style: italic; font-weight: 600; margin: 2%;}

/* sweet alert button */
.warning{ background-color: #253975;}
.warning:hover {background-color:#111c3d !important;}

/* 404 */
.FourOFourCon{direction: rtl;display: flex;flex-direction: column;justify-content: center; align-items: center; height: 85vh;   }
.FourOFourCon .code {font-size: clamp(150px,20vw,200px);font-family: 'Arial Narrow';color: #253975;font-weight: bolder;text-align: center;}
.FourOFourCon .msg {font-size: 18px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.FourOFourCon .action {color: #0f0f0f;font-size: 15px;font-weight: 600;text-align: center;text-decoration-line: none;}
.FourOFourCon a:hover{color: #224ac2;}

/* arrow */
#myBtn {display: none;position: fixed;bottom: 10px;right: 10px;z-index: 99;font-size: 18px;border: none;outline: none;background-color:#253975;color: white;cursor: pointer;padding:0 8px;border-radius: 4px; transition: 0.8s ease-in-out}
#myBtn:hover {background-color:#111c3d;}

/* SEARCH POPUP*/
.overlay {display: none;z-index: 16;position: fixed;top:0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0,  0.85);height: 100vh !important;  }
.overlay-content {position: relative;width: 60%; margin-right: 2%;}
.overlay .closebtn img{cursor: pointer; width: 30px;}
.overlay input[type=text] {padding: 20px;font-size: 17px;border: none !important;width:100%;background: white;border-radius: 0 10px  10px 0;}
.overlay button{width: 40px;align-items:center;display: flex;justify-content: center;background:#ffffff;font-size: 17px;border: none !important;cursor: pointer;border-radius: 10px 0 0 10px ;}
.flexformSearch{display: flex;background: #ffffff00;border: none;border-radius: 20px;width: -moz-fit-content;border-right:none;border-left:none;}
.overlay-content input:-webkit-autofill,.overlay-content input:-webkit-autofill:hover,.overlay-content input:-webkit-autofill:focus,.overlay-content input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-text-fill-color: rgb(0, 0, 0) !important;}
.allContent{ display: flex; justify-content: center; align-items: center;margin: auto; padding-top: 10%;}
#searchInput::placeholder{color:black; font-weight: 800;}

/* navbar */
.lock-scroll {overflow: hidden;}
#logo{width:100px;padding:15% 0 }
#navbar{padding:  0% 5%; }
.nav {background-color: #253975 ;width: 100%;height:auto;display: flex;justify-content: center;align-items: center; direction: rtl;}
.animalLogo{margin-right: 30%;padding-top:  14px} 
.notifications{display: flex;justify-content: center;height: 30px;width: 30px;border: 2px solid #ffffff;border-radius: 50%;text-align: center;line-height: 26px ;font-size: 15px;padding: 6px 2px;color:#fff; margin-left: 1%;}
.notifications.active{background-color: #FFFFFF; color: #253975}
.tools{ display: flex; justify-content: space-between; }
.social,.menu-toggle,.navigation2,.close,.mobileSearch {display: none;}
.navigationlists {display: flex;flex-direction: column;}
.list{display: flex;}
.navbarLink { padding: 14px;color: rgb(255, 255, 255);text-decoration: none;display: block;font-size: 16px;font-weight: 500;}
.search,.notifications {cursor: pointer;}
.search:hover,.notifications:hover {transform: scale(0.95) !important;}
.search{ color:#fff;font-size: 20px; }
@media screen and (min-width: 1031px) {
body{overflow-y:scroll !important; width: 100%;}
#navbar {display: flex !important; position: inherit;}
.list a:after {content: "";display: block;height: 2px;left: 50%;background: rgb(255, 255, 255);transition: 0.3s ease 0s;width: 0;}
.list a:hover:after { width: 100%; left: 0; color: #00388e; }
.active::after{ width: 100% !important; left: 0; color: #00388e;}
}
@media screen and (max-width: 1140px) {#navbar{padding:  1% 3% 0 3%; }}
@media screen and (max-width: 1090px) {#navbar{padding:  1% 1% 0 1%; }}
@media screen and (max-width: 1030px) {
    
.active{color:#154095 !important}
.allContent{ padding-top: 18%;}
.notifications,.search,.animalLogo{display: none;}
.navLogo{display: flex; justify-content: flex-start;}
#navbar { position: fixed;right: -100%;transition: 0.5s; width: 100%; z-index: 3; top: 0; height: 100vh; overflow: scroll !important; background-color:#EAEAEA;  padding:0;}
.activebar{ right:0 !important}
.closebar{ right:-100% !important}
.nav { display: block;}
.linktext {font-weight: 900;margin-left: 5px;}
.navbottom {background-color: #253975;width: 100%;color: white;bottom: 0 ;margin: auto;justify-content:center;text-align: center;align-items: center;font-size: 16px;font-weight: 800;display: flex;} 
.wbLogo{ margin-left: 1%; height: 40px; margin-bottom: 5px;}
.socialbtns {width: 250px;display: flex;justify-content: space-around;align-items: center;margin: 30px;}
.socialbtn {height: 30px;width: 30px;border: 1px solid #253975;border-radius: 50%;text-align: center;line-height: 26px ;font-size: 15px;padding: 6px 1px;background-color: #253975 ; color:#fff}
.socialbtn:hover {transform: scale(0.90); transition: 0.5s; } 
.navigation3 {order: 3; direction: ltr !important;}
.navbarLink2 {font-size: 13px;padding: 10px;color: #154095;text-decoration: none;display: block;}
.navigationlists {display: flex;flex-direction: column;}
.navigation2 {order: 2;margin-top: 20px;width: 100%; display: block;}
.navigation1 {order: 1;border-top: none;}
.list2 {display:flex;flex-direction: column;}
.menu-toggle {display: block;line-height: 100px;color: rgb(255, 255, 255);font-size: 30px;cursor: pointer;padding-right: 10px;position: absolute;top: 0;right: 5px;}
.list {display: block;}
.logo {display: flex;align-items: center;justify-content: center;}
.navbarLink {padding: 10px;border-bottom: 1px solid rgba(179, 174, 174, 0.247);color: rgb(0, 0, 0) ; font-weight: 600;}
.navbarLink:hover{color:#154095}
.social {display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
#logo{width:120px;}
.close{ display:block;margin: 2% 2% 0 2%;}
.mobileSearch {position: relative;top: 20%;width: 98%; margin: 2% 1%; display: block;}
.mobileSearch input[type=text] {padding: 10px;font-size: 17px;border: none !important;width:100%;background: #0000000F;border-radius:0 10px  10px 0; color: #000000;}
.mobileSearch button{width: 40px;align-items:center;display: flex;justify-content: center;background:#0000000F;font-size: 17px;border: none !important;cursor: pointer;border-radius:  10px 0 0 10px ;}
.flexformSearch{display: flex;background: #ffffff00;border: none;border-radius: 20px;width: -moz-fit-content;border-right:none;border-left:none;}
.mobileSearch input:-webkit-autofill,.mobileSearch input:-webkit-autofill:hover,.mobileSearch input:-webkit-autofill:focus,.mobileSearch input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-text-fill-color: rgb(0, 0, 0) !important;}
}
@media only screen and (width: 768px) and (orientation:portrait) {
  /* For general iPad layouts */
  .navbottom {padding-top: 15px;position: absolute;bottom: 0;} 
  .navbarLink {padding: 15px !important;}
  .social{margin-top: 2%;}
  .navbarLink2 {font-size: 14px;}
}
/* ipad pro */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
main {min-height:75vh !important;}
.navbottom {padding-top: 15px;position: absolute;bottom: 0;} 
.navbarLink {padding: 20px !important;font-size: 25px;}
.social{margin-top: 5%;}
.navbarLink2 {font-size: 16px;padding: 30px;}
.socialbtns {width: 450px;}
.navEmail {width: 330px} 
.socialbtnText {margin-top: 30px;margin-bottom: 30px;font-size: 28px;}
}

/* footer */
.wbl{bottom:0;background-color: #ffffff;margin: auto;justify-content:center;text-align: center;align-items: center;padding: 10px;font-size: 14px;font-weight: 800; display: flex; }
.logoImg{margin-left: 1%; margin-top: 5px;}
.footer {width: 100%; display:flex;justify-content: center;align-items: center;background-color: #253975;direction:rtl; flex-wrap: wrap;padding:2% 3%}
.logoFooter img{ width:102px ;}
.footerList{display: flex; justify-content: center; align-items: center;}
.footerList a{font-size: 13px; color: #fff; font-weight: 600; text-decoration: none; cursor: pointer; padding:0 8px ; }
.footerList a:hover{  border-bottom: 2px solid #fff;transition: 0.1s ease-in-out 0.1s;}
.link1,.link2,.link3{border-left:1px solid rgba(255, 255, 255, 0.349) ; line-height: 10px}
.socialbtns2 {display: flex;justify-content: space-evenly; direction: ltr;margin: 0 25px;}
.socialbtns2 a{margin: 0 0 0 25px;}
.socialbtns2 a:first-child{margin: 0;}
.socialbtn2 { height: 30px;width: 30px;border: 1px solid rgb(255, 255, 255);border-radius: 50%;text-align: center;line-height: 26px ;font-size: 15px;padding: 6px 5px;color: rgb(255, 255, 255)}
.socialbtn2:hover {transform: scale(0.95);}
.newsletterFooter{display: flex;align-items: center; }
.footerQuestion{ font-size: 14px; color:#fff;font-weight: 600; padding-left:18px; }
.emailReg input[type=email] {padding: 2px;font-size: 14px;border: none !important;width: 80%;background: white;border-radius: 0 5px 5px 0}
.emailReg button{width: 20px;align-items:center;display: flex;justify-content: center;background:#ffffff;font-size: 20px;border: none !important;cursor: pointer;border-radius: 5px 0 0 5px ;}
.flexformEmail{display: flex;background: #ffffff00;border: none;width: -moz-fit-content;border-right:none;border-left:none;justify-content: left;}
.emailReg input[type=email]::placeholder{color:black; font-weight: 800; font-size: 12px;padding-right:2px}
@media screen and (max-width: 1300px) and (min-width: 900px) {
/* footer */
.newsletterFooter{flex-direction: column; justify-content: center; align-items: center; }
.footerQuestion{ padding-left:0px; margin: 2% 0; }
.emailReg input[type=email] {width:100%;}
}

/* home page */
.mainNews{  display:block; height: 520px; direction: rtl; padding:0 6%; position: relative; text-align: center}
.newsConmain{position: relative !important;width:65%; transition: 0.3s ease-in-out; height: 100%; display: inline-block; vertical-align: top }
.newsAside{width:32%; display: inline-block; vertical-align: top; height: 100%; text-align: right}
.newsConmain img{ display: block;height: 100%;position: relative !important;}
.dimmed{position: absolute;top: 0;left: 0;width: 100%;height:100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.textNews{z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 20px;}
.flexNewstext{color:#ffffff;font-size: 22px;font-weight: 900;}
.sectionNewsTitle{color: #ffffff;font-weight: 600;border: 1px solid #B1B1B1; background-color: #B1B1B1;color:#fff;width: fit-content; margin-bottom: 2%; padding:0.5% 2%; font-size: 15px;}
.newsConmain:hover{transform: scale(0.99);}
.newsAside{background-color:#334B96; padding: 1%; }
.newsAsideCard{display: flex;   transition: 0.3s ease-in-out; margin: 0 0 15px 0 }
.newsAsideCard img{min-width:120px; max-width:120px;margin-left: 5%; display: block; height: 110px; object-fit: cover; }
.newsAsideCardText{display: flex; flex-direction: column; }
.newsAsideCardText1{font-size: 12px;font-weight: 700; color:#fff}
.newsAsideCardText2{font-size: 14px;color:#fff}
.newsAsideCard:hover{transform: scale(0.95) ;text-decoration: 1.5px  underline #fff;}
.secondmainNews{  display:flex; justify-content: space-evenly;height: fit-content; direction: rtl; flex-wrap: wrap; margin-top: 2%;padding:0 6%;}
.secondmainCon{position: relative;width:65%;display: flex;  flex-direction: column; justify-content: space-between;}
.secondmainNews .data{width:32%;}
.secondnewsAside{background-color:#EDEDEE; display: flex; flex-direction: column; justify-content: space-around; padding: 0 5%; height: 92%; }
.secondnewsAsideCard:first-of-type{border-top:none}
.secondnewsAsideCard{display: flex; justify-content: flex-start;border-top: 1px solid #DEDEDE ;padding-top: 5%;}
.secondnewsAsideCard .time{  margin-left: 5%; font-size: 0.8rem;font-weight: 700;color: #000;}
.secondnewsAsideCardText2{font-size: 0.8rem;color:#000;}
.secondmainNews .data .title{ background-color: #DEDEDE; display: flex; justify-content: space-between;padding:1% 2%; font-size: 18px; font-weight: 600;height: 8%; color: #000;} 
.secondnewsAsideCard .secondnewsAsideCardText2:hover{text-decoration: 1.5px  underline #000;}
.secondnewsConrowone{display: flex}
.secondnewsConmain{position: relative;width:60%;margin-left:2% ; transition: 0.3s ease-in-out }
.secondnewsConmain img{ display: block;height: 370px; }
.seconddimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.secondtextNews{z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 5%;width: 80%;color:#ffffff;font-size: 17px;font-weight: 700;}
.secondnewsConmain:hover{transform: scale(0.99);}
.secondnewsConsecond{width:40%; min-height: 370px;max-height: fit-content;background-color: rgb(255, 255, 255); transition: 0.3s ease-in-out}
.secondnewsConsecond img{height: 230px;}
.secondnewsConsecondText{font-size: 15px; color:#000;font-weight: 700;padding: 0 2%;}
.secondnewsConsecond:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.secondnewsConthird{display: flex; justify-content: space-between; margin-top: 5%; }
.secondnewsConthirdCard:last-child{margin-left: 0%;}
.secondnewsConthirdCard{display: flex; background-color: #ffffff;margin-left: 2%; width: 34vw; transition: 0.3s ease-in-out}
.secondnewsConthirdCard img{width:100px;margin-left: 5%; display: block; }
.secondnewsConthirdCard2{font-size: 11px;color: #000 ;font-weight: 500;padding: 2%;width:60%;}
.secondnewsConthirdCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.95);}
.sectionTitle { background-color: #EDEDEE;font-size: 17px; font-weight: 700; padding: 0.2% 1%; margin: 3% 0 2% 0; }
.sectionTitle a{color: #000000;}
.newsReport{direction: rtl;padding:0 6%;}
.newsReportCon,.newsReportConFirst,.newsReportConTwo{ display: flex; justify-content: space-between; width: 100%;}
.newsReportConFirst{margin-left: 3%;}
.newsReportConMain{width:50%;height: 100% } 
.newsReportConSide{width:49%; height: 100%; display: flex;justify-content: space-between; flex-direction: column;}
.newsReportConMainCard{ width:90%;background-color: #fff; display: flex; flex-direction: column;height: 100%; transition: 0.3s ease-in-out}
.newsReportConMainCard img{height: 250px;}
.newsReportConMainCardText{font-size: 0.7rem; color:#000;font-weight: 700;padding:  5%;} 
.newsReportConCard{display: flex; justify-content: flex-start; background-color: #fff;width: 100%; height: fit-content;  transition: 0.3s ease-in-out}

.newsReportConCard img{width:100px; margin-left: 5%; display: block;object-fit: cover; object-position: center;min-height: 100px; }
.newsReportConCardText{font-size: 0.6rem;color:rgb(0, 0, 0); font-weight: 500; padding: 2%;}
.newsReportConCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.95);}
.newsReportConMainCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.95);}
.newsReportConMaindimmed{display: none;}
.articlesHomesectionTitle{padding: 0 6%;}
.sectionTitleArticle { background-color: #EE312B;font-size: 17px; font-weight: 700; padding: 0.2% 1%; margin:  4% 0 2% 0; direction: rtl; }
.sectionTitleArticle a{color: #fff;}
.articlesHome{direction: rtl; display: flex; width: 100%; justify-content: space-between;padding:0 6%; }
.articlesHomeConOne{display: flex; flex-direction: column ;margin-left: 1.5%;}
.articlesHomeConTwo{display: flex;flex-direction: column  }
.articlesHomeMainCard{position: relative;width:100%; transition: 0.3s ease-in-out  }
.articlesHomeMainCard img{ display: block;height: 300px; }
.articlesHomeMainCardText{z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 5%;width: 80%; display: flex; flex-direction: column;}
.articlesHomeMainCardTextOne{color: #ffffff;font-weight: 600; margin-bottom: 2%; padding:0.5% 2%; font-size: 0.7rem;}
.articlesHomeMainCardTextTwo{color:#ffffff;font-size: 0.9rem;font-weight: 700;}
.articlesHomeMainCarddimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.articlesHomeMainCard:hover{transform: scale(0.99);}
.articlesHomeColCards{display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top: 2%;background-color: rgb(255, 255, 255);width:100%;padding:2%; padding-top: 5%; height: 100%;}
.articlesHomeColCard{display: flex; justify-content: flex-start ; width: 13.5em;margin-bottom: 10%; transition: 0.3s ease-in-out; }
.articlesHomeColCard img{min-width:90px; max-width:90px;margin-left: 5%; display: block;height: 100px;object-fit: cover; object-position: center;}
.articlesHomeColCardText{display: flex; flex-direction: column;padding: 2%; }
.articlesHomeColCardText1{font-size: 0.5rem;font-weight: 700; color:#000}
.articlesHomeColCardText2{font-size: 0.6rem;color:#000}
.articlesHomeColCard:hover{transform: scale(0.95) ;text-decoration: 1.5px  underline rgb(0, 0, 0);}
.mostRead{direction: rtl;padding:0 6%;}
.mostReadCards{ display: flex;justify-content:space-between; }
.mostReadCard{position: relative;width: 48% ;height: 200px;margin: 2% 0; margin-left: 2%; transition: 0.3s ease-in-out}
.mostReadCard:last-child{margin-left: 0%;}
.mostReadCard img{width: 100%;height: 200px}
.mostReadCard .dimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.mostReadCardtext{z-index: 2;margin-right: 10px;position: absolute;right:0;bottom: 5%;width: 95%;color:#ffffff;font-size: 0.7rem;font-weight: 700; padding: 2%;}
.mostReadCard:hover{transform: scale(0.99);}
.researchStudiesHome{direction: rtl;padding:0 6%;}
.researchStudiesHomeCards{ display: flex;justify-content:space-between;}
.researchStudiesHomeCard{position: relative;height: 340px; background-color: #fff;width: 48% ;margin: 2% 0; margin-left: 2%; transition: 0.3s ease-in-out}
.researchStudiesHomeCard:last-child{margin-left: 0%;}
.researchStudiesHomeCard img{width: 100%;height: 180px}
.researchStudiesHomeText{color:#000000;font-size:0.7rem ;font-weight: 700;padding: 5%;}
.researchStudiesHomeCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.videosHome{background-color:  #1540950c; direction: rtl; width: 100%;}
.videosHomesectionTitle{padding:  1% 7%;font-size: 17px;font-weight: 700;}
.videosHomesectionTitle a{color: #000000;}
.videosHomecontent{ display: flex; justify-content: space-between; padding: 0% 7% 2% 7%; height: 520px;}
.videosHomecontentMain{width:68%;position: relative;border-radius: 9px; transition: 0.3s ease-in-out }
.videosHomecontentside{width:30%; display: flex; flex-direction: column; justify-content: space-between; }
.videosHomecontentMain img{ display: block;height:  100%;border-radius: 9px; }
.videosHomecontentdimmed,.videosHomecontentdimmedside{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;border-radius: 9px}
.videosHomecontentMaintext{color:#fff;font-size: 0.9rem;font-weight: 900;z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 5%;width: 80%;}
.videosHomecontentMainplay{color: #fff; font-size: 35px; text-align: center;z-index: 2;  position: absolute;top: 40%;width: 100%;}
.videosHomecontentMain:hover{transform: scale(0.99);}
.videosHomecontentsideCard{position: relative;border-radius: 9px;  transition: 0.3s ease-in-out}
.videosHomecontentsidetext{ color:#fff;font-size: 0.6rem;font-weight: 900;z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 5%;width: 80%;}
.videosHomecontentsideplay{color: #fff;  position: absolute;top: 0;right: 16px; font-size: 20px;z-index: 2;}
.videosHomecontentside img{ display: block;height: 150px; width: 100%;border-radius: 9px;}
.videosHomecontentsideCard:hover{transform: scale(0.95);}
.diverseHome{direction: rtl; display: flex; flex-direction: column; justify-content: space-between;padding:0 6%;}
.diverseHomeCards1{display: flex; width: 100%; justify-content: space-between;}
.diverseHomeCards1Card:first-child{margin-left: 2%;}
.diverseHomeCards1Card{width:100%; display: flex; flex-direction: column;  transition: 0.3s ease-in-out}
.diverseHomeCards1Card img{width:100%;height: 300px;}
.diverseHomeCards1Text{color:#000000;font-size:0.8rem ;font-weight: 700; padding-top: 2%;}
.diverseHomeCards{ display: flex;justify-content:space-between; margin-top: 3%;}
.diverseHomeCard{position: relative;width: 40%;height: 250px;margin-bottom: 2%; margin-left: 2%; transition: 0.3s ease-in-out}
.diverseHomeCard:last-child{margin-left: 0%;}
.diverseHomeCard img{width: 100%;height: 150px}
.diverseHomeText{color:#000000;font-size: 0.6rem;font-weight: 700;padding: 2%;}
.diverseHomeCards1Card:hover{transform: scale(0.95);text-decoration: 1.5px  underline rgb(0, 0, 0);}
.diverseHomeCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.palestineHome{direction: rtl;padding:0 6%;}
.palestineHomeCards{ display: flex;justify-content:space-between; }
.palestineHomeCard{position: relative;min-height: 340px; max-height: fit-content; background-color: #fff;width: 48% ;margin: 2% 0; margin-left: 2%; transition: 0.3s ease-in-out}
.palestineHomeCard:last-child{margin-left: 0%;}
.palestineHomeCard img{width: 100%;height: 180px}
.palestineHomeText{color:#000000;font-size:0.7rem ;font-weight: 700;padding: 5%;}
.palestineHomeCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
/* article page */
 ul.social_share{display: inline-block;width: 30px;}
 ul.social_share li{display: inline-block;margin: 0 0 10px 0;font-size: 16px;transition: 0.3s}
 ul.social_share li a{display: block;width: 40px;height: 40px;text-align: center;color: #FFFFFF;border-radius: 50%;line-height: 45px}
 ul.social_share li a.facebook_icon{background-color: #365993;position: relative}
 ul.social_share li a.twitter_icon{background-color: #7EC4DE}
 ul.social_share li a.mail_icon{background-color: #CD4331;line-height: 40px}
 ul.social_share li a.telegram_icon{background-color: #0088cc}
 ul.social_share li a.whatsapp_icon{background-color: #25D366}
 ul.social_share li.mobile{display: none}
.fullarticlemain{min-height: 85vh !important;}
.hero img{height:500px ; object-fit: cover;}
.articlemain{padding: 0 5% 0 7%;direction: rtl; display: flex; justify-content: space-between; background-color: #F8F8F9;}
.articlemaincontent{ width: 60%;}
.category{font-size: 19px; color:red; font-weight: 700; margin-bottom: 2%;}
.articleTitle{ font-size: 27px; font-weight: 800; margin: 2% 0}
.writerDate{ font-size: 17px; margin-bottom: 4%}
.writername {margin: 0 10px 0 30px; text-decoration: underline; font-size: 17px; color:black; font-weight: 600;}
.author_img {width: 70px; height: 70px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.date{ color:#555555; direction: rtl;}
.summary{ font-weight: 600; margin-bottom: 4%;}
.inlineImage{width: 100% !important; height:250px}
.contantbody{ font-size: 24px; margin-bottom: 2%;}
.contantbody p{ margin-bottom:  2%;margin-top: 1%}
.contantbody a{color:red; font-weight: 600;}
.contantbody  h1,h2,h3,h4,h5,h6{margin-top: 2%}
.contantbody img{width: 100% !important; height:100%}
.source{ font-size: 20px; font-weight: 600; margin-bottom: 3%;}
.readmoreTitle{margin-bottom: 1%; font-size: 20px; font-weight: 600 }
.readmorelink a{font-size: 18px; font-weight: 800; text-decoration: underline; color: #000; transition: 0.3s ease-in-out}
.readmorelink:hover{transform: scale(0.95);}
.relatedTopics{padding: 0 7%; direction: rtl; display: flex; justify-content: space-between; margin-top:2% ;}
.relatedTopicsdat{width: 65%; background-color: #fff;}
.relatedTopicsTitle{ background-color: #000; color: #fff; font-size: 16px; padding:1% 2%; width:fit-content; font-weight: 700; margin-bottom: 2%; }
.relatedTopicsCards{ padding: 2%; display: flex; justify-content: space-evenly;  }
.relatedTopicsCard{width:30%;transition: 0.3s ease-in-out}
.relatedTopicsCard img{height: 150px;}
.relatedTopicsCardText{ display: flex; flex-direction: column; padding: 2%;}
.relatedTopicsCardTextname{ color:#000; font-weight: 700; font-size: 0.5rem;}
.relatedTopicsCardTextdate{ color:#555555; font-weight: 700; font-size: 0.5rem;}
.relatedTopicsCardText2{color:#000; font-weight: 700; font-size: 0.6rem;}
.relatedTopicsCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}



/*category page */
.pagemain{ padding: 0 6%; direction: rtl; display: flex; justify-content: space-between; background-color: #F8F8F9;}
.pagemaincontent{ width: 62%;}
.pagecategory { background-color: #DEDEDE; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: fit-content;color: #000;margin-bottom: 1%;}
.pagecategoryarticle { background-color: #EE312B; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: fit-content;color: rgb(255, 255, 255);margin-bottom: 1%;}
.pageMainCon{position: relative; transition: 0.3s ease-in-out }
.pageMainCon img{ display: block;height: 430px;}
.pageMainCondimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(179deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.pageMainContext{z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 5%;width: 80%; color:#ffffff;font-size: 0.8rem;font-weight: 600;}
.pageMainCon:hover{transform: scale(0.99); }
.pageCards{ display: flex;justify-content:space-between; margin-top: 3%;flex-wrap: wrap;}
.pageCard{position: relative;width: 48%;min-height: 280px;margin-bottom: 2%; transition: 0.3s ease-in-out }
.pageCard img{height: 250px;width: 100%}
.pageCardText{color:#000000;font-size: 0.7rem;font-weight: 700;padding: 2%;}
.pageCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}

.articlespageColCards{display: flex;flex-wrap: wrap;justify-content: space-between;background-color: rgb(255, 255, 255);width: 100%;padding:2%; padding-top: 5%;}
.articlespageColCard{display: flex;  width: 17.5em;margin-bottom: 10%; transition: 0.3s ease-in-out }
.articlespageColCard img{width:100px; margin-left: 5%; min-height:90px ; display: block; }
.articlespageColCardText{display: flex; flex-direction: column; }
.articlespageColCardText1{font-size: 0.5rem;font-weight: 700; color:#000}
.articlespageColCardText2{font-size: 0.6rem;color:#000}
.articlespageColCard:hover{transform: scale(0.95) ;text-decoration: 1.5px  underline rgb(0, 0, 0);}
/* privacy policy */
.privacyTerms{padding:0 6%;}
.privacyTermstitle{background-color:#DEE3EE;display: flex; justify-content: center; text-align: center; font-size: 0.9rem; font-weight: 900; padding: 2%;}
.privacyTermspage{ display: flex; justify-content: space-between; direction: rtl; padding: 4% 0;}
.privacyTermspagecontent{width:62%; font-size: 16px;}
/* side tab common */
.sideTab{width:32%;background-color: #eeeaea2c;height: fit-content; }
.sideTab .title{ background-color: #DEDEDE; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: fit-content;color: #000; } 
.sideTabcard1{width: 100%; height: fit-content; display: flex; flex-direction: column; margin:3% 0 ; transition: 0.3s ease-in-out}
.sideTabcard1 img{height: 200px;}
.sideTabcard1Text{ font-size: 0.7em; font-weight: 700; padding: 2%; color: #000;}
.sideTabcard1:hover{transform: scale(0.95); text-decoration:1.5px  underline rgb(0, 0, 0);;}
.sideTabcards{direction: flex; flex-direction: column;}
.sideTabcard{display: flex; margin-bottom: 2%; border-top: 1px solid rgb(216, 215, 215); padding: 3% 0; transition: 0.3s ease-in-out}
.sideTabcard img{width:25%; margin-left: 5%; display: block; min-height: 80px;}
.sideTabcardText{font-size: 0.8rem;color:rgb(0, 0, 0); }
.sideTabcard:hover{transform: scale(0.95) ;text-decoration: 1.5px  underline rgb(0, 0, 0);}
.sideNewsletter{ margin-top: 10%; border:  1px solid rgb(216, 215, 215);}
.sideNewsletterText{font-size: 14px; font-weight: 700; border-bottom:1px solid rgb(216, 215, 215) ;padding: 3%;}
.sideNewsletterform{display: flex;flex-direction: column;}
.sideNewsletterform label{font-size: 14px; font-weight: 700; padding:3% 2%; }
.sideNewsletterform input[type='email']{margin: 0 3%; margin-bottom: 6%; padding: 1%;border:  1px solid rgb(216, 215, 215); background-color: #00000000; }
.sideNewsletterform .submit{ color: #fff; background-color: #000; font-size: 14px; font-weight: 900; padding: 2%; text-align: center; border: 2px solid #000; transition: 0.3s ease-in-out }
.sideNewsletterform input[type=email]::placeholder{ font-size: 12px;}
.sideNewsletterform .submit:hover{ cursor: pointer; background-color:transparent; color: #000; transition: 0.3s;}
/* most read and recent news */
.pagerecentRead{padding: 0%;}
.recentReadConone{display:flex; justify-content: flex-start;background: linear-gradient(to bottom, #DEE3EE 0%, #DEE3EE 65%, #F8F8F9 65%, #F8F8F9 100%); direction: rtl; height: 250px;padding:4% 7%; width: 100%;}
.recentReadCononetitle{width:20%;color: #253975; font-size: 22px; font-weight: 900;}
.recentReadCononeCard{width:90%;display: flex;height: 220px; background-color: #fff;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); transition: 0.3s ease-in-out }
.recentReadCononeCard img{height: 220px;margin-left:2%; width:50% ;}
.recentReadCononeCardText{display: flex; flex-direction: column; justify-self: center;margin: auto; padding: 2%;}
.recentReadCononeCardText1{color:#FFF;font-size: 14px; font-weight: 700; background-color: #000; width: fit-content; padding: 2%; margin-bottom: 2%;}
.recentReadCononeCardText2{color:rgb(0, 0, 0);font-size: 15px; font-weight: 700;}
.recentReadCononeCard:hover{text-decoration: 1.5px  underline rgb(0, 0, 0);}
.recentReadConTwo{display:flex; justify-content: space-between;flex-wrap: wrap ;direction: rtl;padding:5%  22%  4% 7%; }
.recentReadConTwoCard{width:32%;display: flex;flex-direction: column ;min-height: 320px; background-color: #fff; margin-bottom: 2%; position: relative;border: 1px solid #E0E0E0;transition: 0.3s ease-in-out}
.recentReadConTwoCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.recentReadConTwoCardImgText{position: relative;height: 200px;}
.recentReadConTwoCard img{height: 200px;margin-left:2%; width:100% ;}
.recentReadConTwoCardText1{color:#FFF;font-size: 12px; font-weight: 700; background-color: #000; width: fit-content; padding: 1.5%; z-index: 2;position: absolute;right:0;bottom: 0;}
.recentReadConTwoCardText2{color:rgb(0, 0, 0);font-size: 0.7rem; font-weight: 700; padding: 4%;}

/* authers page */
.pageauther{padding:0 10%; direction: rtl;}
.authertitle{width:100%;color: #253975; font-size: 25px; font-weight: 900; display: flex; justify-content: center; align-items: center; background-color: #DEE3EE; padding: 20px 0;}
.autherConTwo{display:flex;flex-wrap: wrap ;direction: rtl; padding: 2% 0;}
.autherConTwoCard{width:31.333%;display: flex;flex-direction: column ;min-height: 320px; background-color: #fff;margin-bottom: 2%; margin-left: 2%;  position: relative;border: 1px solid #E0E0E0;transition: 0.3s ease-in-out}
.autherConTwoCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.autherConTwoCardImgText{position: relative;height: 200px;}
.autherConTwoCard img{height: 200px;margin-left:2%; width:100% ;}
.autherConTwoCardText1{color:#FFF;font-size: 12px; font-weight: 700; background-color: #000; width: fit-content; padding: 1.5%; z-index: 2;position: absolute;right:0;bottom: 0;}
.autherConTwoCardText2{color:rgb(0, 0, 0);font-size: 0.7rem; font-weight: 700; padding: 4%;} 
.authorInfo{width:100%;background-color: #F5F5F5;   margin: 2% 0; display: flex;justify-content: flex-start; align-items: flex-start; padding: 2%;}
.authorInfo figure{width: 130px;height: 130px;border-radius: 50%; margin-left: 5%;}
.autherDets h2{font-family: 'Droid Arabic Kufi',serif;}
.authersocial {display: flex; margin:2% 0 ; }
.authersocial a{ height: 30px;width: 30px;border-radius: 50%;text-align: center;line-height: 30px ;font-size: 18px; margin-left:4%;}
.authersocial .twitter {border: 1px solid #7FC4DE;color:#7FC4DE}
.authersocial .twitter:hover{color:#fff;background-color: #7FC4DE;}
.authersocial .facebook {border: 1px solid #365993;color:#365993;}
.authersocial .facebook:hover{background-color:#365993;color:#fff}
.authersocial .linkedIn {border: 1px solid #0e76a8;color:#0e76a8}
.authersocial .linkedIn:hover{background-color:#0e76a8;color:#fff}
.authersocial .googleplus{border: 1px solid  #db4a39;color:#db4a39;}
.authersocial .googleplus:hover{background-color:#db4a39; color:#fff}
.authersocial .tiktok{border: 1px solid  #000000;color:#000000;}
.authersocial .tiktok:hover{background-color:#000000; color:#fff}
.authersocial .instagram {border: 1px solid #C13584;color:#C13584}
.authersocial .instagram:hover{color:#fff;background-color: #C13584;}
.autherDets p{display: block;width: 100%;color:#000000;font-size: 18px;font-family: 'Droid Arabic Kufi',serif; margin-top: 2%;} 


/* aboutus  */
.aboutus{padding:0%; }
.aboutustitle{background-color:#DEE3EE;display: flex; justify-content: center; text-align: center; font-size: 25px; font-weight: 900; padding: 2%;}
.aboutustitlepage{ display: flex; justify-content: space-between; direction: rtl; padding: 4% 0; background-color: #fff; padding: 4% 7%;min-height: 75vh;}
.aboutpagecategory { background-color: #DEDEDE; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: fit-content;color: #000;margin-bottom: 1%;}
.aboutuspagecontent{width:62%;}
.aboutuspagecontentText{color: #696767;font-size: 16px;}
.aboutuspagecontentinfo{ background-color: #ecececc9; margin-top: 10%; height: fit-content; padding: 2%; padding-left: 15%; width: fit-content;}
.aboutuspagecontentinfoCon{padding-bottom: 1%;}
.aboutuspagecontentinfoTitle{font-size: 16px; font-weight: 700;}
.aboutuspagecontentinfoTitleText{font-size: 16px; }
.aboutsideTab{width:32%;height: fit-content;}
.aboutsideTab .title{ background-color: #DEDEDE; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: 8%;color: #000; } 
.emailPhone{margin-top: 2%; background-color: #F1F3F8; padding: 4%;}
.emailPhone .icon{margin-left: 5%;}
.emailPhone .icontext{font-size: 16px; font-weight: 700;}
.contForm{direction: rtl;}
.mapsCont{width:50%;}
textarea { resize: none; }
.contForm{margin-top: 10%;display: flex;flex-direction: column;}
.contFormInput{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contFormInput input{width: 48%;margin-bottom: 3%;padding: 2%;border: 1px solid #e9e8e8; background-color: transparent;}
.contInpt{padding: 2%;margin-bottom: 3%;border: 1px solid #e9e8e8; background-color: transparent !important; width:100%}
.contInpt::placeholder{color: black; font-size: 12px;}
.contFormInput input::placeholder {color: black ;font-size: 12px;}
.buttonForm1 {height: 40px;width: 95px;background-color:#253975;border: none;color: #ffffff;font-size: 13px;font-weight: bold; transition: 0.3s ease-in-out}
.buttonForm1:hover{border: 2px solid #253975;background-color: transparent;color: #253975;font-weight: 700;transition:0.5s;}
.mapsBtn{text-align:start;}
/* checkmark  sign*/
.checkmark {width: 45px;height: 45px;border-radius: 50%;display: block;stroke-width: 2;stroke: rgb(250, 249, 249);stroke-miterlimit: 10;box-shadow: inset 0px 0px 0px #ddaa5f;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;}
.checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #ddaa5f;fill: none;animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;}
.checkmark__check {transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;}
@keyframes stroke {100% {stroke-dashoffset: 0;}}
@keyframes scale {0%, 100% {transform: none;}50% {transform: scale3d(1.1, 1.1, 1);}}
@keyframes fill {100% {box-shadow: inset 0px 0px 0px 30px #ddaa5f;}}
/* checkmark page */
.successFormPage{padding: 15% 0; justify-content: center; align-items: center; display: none;width: 100%;height: 100%; margin-top: 20%;padding: 2% 10%;}
.thankU{ font-size: 25px; color: #05306d; font-weight: 900;}
.thankUFirst{font-size: 20px; color: #0d4ba1; font-weight: 700; margin-top:2% ;}
.thankUSecond{font-size: 18px; color: #0d4ba1; font-weight: 500;}
.successFormPageMapsForm{justify-content: center; align-items: center;display: none;width: 100%;height: 100%; margin-top: 0%;padding: 2% 10%;}
.successPage{ justify-content: center; align-items: center;display: none;width: 100%;height: 100%; margin: 8% 0;padding: 10% 10%;}
/* loader */
.loader{display: none;justify-content: center;align-items: center; margin: 40%;}
.loader[style*="display: block"] {display: flex !important;}
 #svg-spinner{-webkit-transition-property: -webkit-transform;-webkit-transition: 1.2s;-moz-transition: 1.2s;-ms-transition: 1.2s;-o-transition: 1.2s;transition: 1.2s;-webkit-animation-name: rotate;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-transition-property: -moz-transform;-moz-animation-name: rotate; -moz-animation-duration: 1.2s; -moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;transition-property: transform;animation-name: rotate; animation-duration: 1.2s; animation-iteration-count: infinite;animation-timing-function: linear;}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/* vieos page */
.videohero {position: relative; direction: rtl;}
.videohero img{ display: block;height: 300px;}
.videosHomecontentdimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.videoherotext{z-index: 2;margin-right: 40px;position: absolute;right:0;bottom: 10%;width: 40%; display: flex; flex-direction: column;}
.videoherotext1{color:#ffffff;font-size: 20px;font-weight: 700;}
.videoherodate{color: #ffffff;font-weight: 500; margin-bottom: 2%; padding:0.5% 2%; font-size: 15px;}
.videoheroplay{ z-index: 2;bottom: 50%;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center; color: #fff;font-size: 25px;}
.vediospage{padding: 0%; direction: rtl;margin-top: 2%; }
iframe{display: block;width: 100%;height: 500px}
div.twitter-tweet{display:flex !important;width: 100% !important;margin:auto!important;}
.vediosConOne{padding: 0 7%; }
.vediosConTwo{padding: 0 7%;background-color:#fff}
.vediosConTitle{font-size: 18px; font-weight: 700; padding: 2% 0;}
.vediosConTitle::before{content: '';display: inline-block;width: 12px;height: 12px;-moz-border-radius: 1.5px;-webkit-border-radius: 1.5px;border-radius: 1.5px;background-color:red; margin-left: 1%;}
.vediosConOneCards{display: flex; justify-content: space-between; flex-wrap: wrap;}
.vediosConOneCard{width: 24%;min-height:250px; max-height:fit-content;position:relative !important ; display: flex; flex-direction: column; margin-bottom: 2%; transition: 0.3s ease-in-out}
.vediosConOneCard img{width:100%; height:150px}
.vediosConOneCardText{font-size: 0.6rem; font-weight: 700;color: #000 ; padding: 2% 1%;}
.vediosConOneCardplay{z-index: 2;bottom: 60%;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center; color: #fff;font-size: 25px;}
.vediosConOneCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.vediosContwoCards{display: flex; justify-content: space-between; flex-wrap: wrap;}
.vediosContwoCard{width: 30%;min-height:250px; max-height:fit-content;position:relative; margin-bottom: 3%; display: flex; flex-direction: column; transition: 0.3s ease-in-out}
.vediosContwoCard{ position:relative}
.vediosContwoCard img{width:100%; height:150px}
.vediosContwoCardText{font-size: 0.7rem; font-weight: 700;color: #000 ; padding: 2% 1%;}
.vediosContwoCardplay{z-index: 2;bottom: 60%;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center; color: #fff;font-size: 25px;}
.vediosContwoCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}

/* search page */
.searchpageMain{ padding: 0 6%; direction: rtl; display: flex; justify-content: space-between; background-color: #F8F8F9; min-height: 90vh;}
.searchpageMaincontent{ width: 62%;}
.pagecategory { background-color: #DEDEDE; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: fit-content;color: #000;margin-bottom: 1%;}
.pagecategoryarticle { background-color: #EE312B; display: flex; justify-content: space-between;padding:0.45% 2%; font-size: 18px; font-weight: 600;height: fit-content;color: rgb(255, 255, 255);margin-bottom: 1%;}
.searchpageMainCon{position: relative;  transition: 0.3s ease-in-out}
.searchpageMainCon img{ display: block;height: 350px;}
.searchpageMainCondimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(179deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.searchpageMainContext{z-index: 2;margin-right: 20px;position: absolute;right:0;bottom: 5%;width: 80%; color:#ffffff;font-size: 0.8rem;font-weight: 600;}
.searchpageMainCon:hover{transform: scale(0.99); }
.searchpageCards{ display: flex;justify-content:space-between; margin-top: 3%;flex-wrap: wrap;}
.searchpageCard{position: relative;width: 48%;min-height: 280px;margin-bottom: 2%;border:1px solid rgb(216, 215, 215); transition: 0.3s ease-in-out }
.searchpageCard img{height: 180px;width: 100%}
.searchpageCardText{color:#000000;font-size: 0.7rem;font-weight: 700;padding: 2%;}
.searchpageCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.searchpageCardImgText{position: relative;height: 180px;}
.searchpageCardText1{color:#FFF;font-size: 14px; font-weight: 700; background-color: #000; width: fit-content; padding: 1.5%; z-index: 2;position: absolute;right:0;bottom: 0;}

/*Archives Page*/
.archives-page{font-size: 0;padding: 0 0 50px 0;text-align: center;}
.archives-page .section-title{direction: rtl;padding: 4% 7%;width: 100%;position: relative;}
.archives-page .main-column{background-color: #fff;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);transition: 0.3s ease-in-out;width: 100%;}
.archives-page .section-title-header{background-color: #DEE3EE;position: absolute;top: 0;right: 0;height: 170px;width: 100%;}
.archives-page .section-title-grid{display: flex;justify-content: flex-start;position: relative;}
.archives-page h1{font-size: 22px;font-weight: bold;font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif;display: flex;justify-content: right;color: #253975;width: 20%;}
.archives-page form{padding: 40px; background-color: #fff; border-radius: 6px;position: relative;border: 1px solid #253975;}
.archives-page form .row{margin: 0 0 30px 0}
.archives-page form .row label{color: #817C7C; font-size: 18px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; margin: 0 0 10px 0; display: block}
.archives-page form .row input[type='text']{height: 50px; width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; font-size: 16px; font-family: 'Droid Arabic Kufi',
Helvetica,Arial,sans-serif; outline: none; padding: 0 10px}
.archives-page form .row .search-options .option{margin: 0 20px 0 0; display: inline-block}
.archives-page form .row .search-options .option input[type='radio']{display: none}
.archives-page form .row .search-options .option span{display: inline-block; width: 15px; height: 15px; border: 1px solid #C0C0C0; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; transition: .25s}
.archives-page form .row .search-options .option label{display: inline-block; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; color: #1B1A1A; font-size: 12px; cursor: pointer; vertical-align: middle; margin: 0}
.archives-page form .row .search-options .option.active span{border: 5px solid #3B88FD}
.archives-page form .row .half{width: 48%; display: inline-block; margin: 0 4% 0 0; vertical-align: top}
.archives-page form .row .half:last-child{margin: 0}
.archives-page form .row .category-select{position: relative}
.archives-page form .row .category-select .selected{height: 50px; width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; font-size: 16px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; background-color: #FFFFFF; cursor: pointer; position: relative; color: #1B1A1A}
.archives-page form .row .category-select .selected a{display: block; padding: 15px 10px}
.archives-page form .row .category-select .selected a span{height: 50px; width: 50px; position: absolute; right: 0; top: 0; font-size: 30px; color: #777272; text-align: center; border-left: 1px solid #D1CFCF}
.archives-page form .row .category-select .selected a span i{transition: .25s; position: absolute; left: 0; right: 0; margin: auto; top: 0; height: 50px; line-height: 50px}
.archives-page form .row .category-select .selected a.active span i{transform: rotate(-180deg)}
.archives-page form .row .category-select ul{position: absolute; width: 100%; border-left: 1px solid #D1CFCF; border-right: 1px solid #D1CFCF; max-height: 205px; overflow-y: scroll; display: none}
.archives-page form .row .category-select ul li{background-color: #FFFFFF; border-bottom: 1px solid #D1CFCF}
.archives-page form .row .category-select ul li a{font-size: 16px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; color: #1B1A1A; display: block; padding: 15px 10px}
.archives-page form .row .date input[type='text']{width: 160px}
.archives-page form .row .date span{color: #817C7C; font-size: 18px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; margin: 0 20px; display: inline-block}
.archives-page form .submit{width: 170px; height: 50px; line-height: 46px; text-align: center; color: #FFFFFF; background-color: #1B1A1A; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; font-size: 14px; display: block; border-radius: 3px}
.archives-page .search-results{padding: 0 10px}
.archives-page .search-results h4{font-size: 20px; font-family: 'Droid Arabic Kufi',Helvetica,Arial, sans-serif; color: #1E2A39; font-weight: normal; border-bottom: 1px solid #979797; padding: 0 0 16px 0;text-align: right;}
.archives-page .search-results h4 span{font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif}
.archives-page .article-7{border-bottom: 1px solid #D1CFCF; padding: 0 0 30px 0;height: fit-content;text-align: right;}
.archives-page .article-7:first-child{padding:30px 0;}
.archives-page .article-7 h2{font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; font-size: 15px; line-height: 30px; padding: 0 0px 0 70px; transition: .25s;color: #1E2A39;}
.no-search-results{text-align: right;}
.archives-page .article-7 a:hover h2{opacity: 0.5;}
.archives-page .article-7 p{font-size: 16px; line-height: 24px; font-family: 'AlexandriaRegular', Arial, Helvetica, sans-serif; color: #817C7C; margin: 15px 0 0 0}
.archives-page .article-7 h3{font-size: 14px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; color: #696767; font-weight: normal; margin: 20px 0 0 0}
.archives-page .article-7 h3 span{font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif}
.archives-page .pagination{margin: 60px auto; text-align: center}
.archives-page .pagination a{display: inline-block; border: 1px solid #1B1A1A; font-size: 18px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; color: #1B1A1A; margin: 0 10px 0 0; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; transition: .25s}
.archives-page .pagination a.active, .archives-page .pagination a:hover{background-color: #1B1A1A; color: #FFFFFF}
.archives-page .pagination span{display: inline-block; font-size: 18px; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; color: #817C7C; margin: 0 10px 0 0}
.no-search-results{font-size: 18px; color: #1E2A39; font-family: 'Droid Arabic Kufi',Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; margin: 20px 0}
.archives-page .more-btn a.next{margin: 50px auto 0 auto;}
.archives-page .ias-trigger{padding: 20px 0;}
.archives-page form:hover{transform: none !important;}
.archives-page form .row label{font-family:'Droid Arabic Kufi',Helvetica,Arial,sans-serif; font-size: 18px; color: #1E2A39;text-align: right;}
.archives-page form .row ul{display: grid; grid-template-columns: repeat(9, calc((100% - 120px) / 9)); gap: 10px 15px}
.archives-page form .row ul li a{font-family: 'Droid Arabic Kufi',Helvetica,Arial, sans-serif; font-size: 14px; color: #696767; border: 1px solid #253975; display: block; display: block; text-align: center; height: 30px; line-height: 28px; border-radius: 4px; transition: .25s; background-color: #FFFFFF;cursor: pointer;}
.archives-page form .row ul li a:hover, .archives-page form .row ul li a.active{background-color: #DCEAF4; border: 1px solid #253975}
.archives-page form .row.month ul{grid-template-columns: repeat(6, calc((100% - 75px) / 6))}
.archives-page .search-results .row.loading{text-align: center; font-size: 50px}
.obfuscated-link{cursor: pointer}
/* End Archives Page */

@media screen and (max-width: 900px) {
img{object-fit: cover;object-position: center}

.mainNews {padding: 0; height: auto}

 
#myBtn {bottom: 48px;}


/* search page */
.searchpageMain{ padding:0% !important;  display:block }
.searchpageMaincontent{ width: 100%;}
.pagecategory { background-color: #DEE3EE; display: flex; justify-content: center; text-align: center;padding:4%; font-size: 20px; font-weight: 800;margin-bottom: 0%;}
.searchpageCards{ display: block;margin-top: 2%; padding:2%}
.searchpageCard{width: 100%; margin-top: 5%; }
.searchpageCard img{height: 200px;}
.searchpageCardText{color:#000000;font-size: 0.7rem;font-weight: 700;padding: 2%;}
.searchpageCardImgText{height: 200px;}

.writerDate .date {display: block; margin-top: 10px}

/* videos */
.videoherotext{width: 80%;margin-right: 10px;}
.videoherotext1{font-size: 16px;font-weight: 700;}
.videoherodate{ font-size: 13px;}
.vediosConOneCards,.vediosContwoCards{display: block; }
.vediosConOneCard,.vediosContwoCard{position: relative;width: 100%;height: fit-content;margin-bottom: 5%; border:1px solid rgb(216, 215, 215) ; background-color: #fff;}
.vediosConOneCard img,.vediosContwoCard img{width:100%; height:200px}
.vediosConOneCardText,.vediosContwoCardText{font-size: 0.7rem; font-weight: 700;color: #000 ; padding: 2%}
.vediosConOneCardplay,.vediosContwoCardplay{bottom: 50%;}
/* about us */
.aboutus{padding:0%;}
.aboutustitlepage{ display: block; }
.aboutuspagecontent{width:100%;}
.aboutuspagecontentinfo{ padding-left: 0%; width: 100%;}
.aboutuspagecontentinfoCon{padding-bottom: 1%;}
.aboutuspagecontentinfoTitle{font-size: 16px; font-weight: 700;}
.aboutuspagecontentinfoTitleText{font-size: 16px; }
.aboutsideTab{width:100%;height: fit-content; margin-top: 5%;}
/* most  read and recent */
.recentReadConone{display:block; height: fit-content;padding:4%; background: linear-gradient(to bottom, #DEE3EE 0%, #DEE3EE 55%, #F8F8F9 55%, #F8F8F9 100%)}
.recentReadCononetitle{width:100%; padding: 2% 4% 4% 5%; text-align: center; font-size: 25px;}
.recentReadCononeCard{width:100%;display: block;height:fit-content;  }
.recentReadCononeCard img{height: 200px;margin-left:2%; width: 100%; ;}
.recentReadCononeCardText{display: flex; flex-direction: column; justify-self: center;margin: auto; padding: 2%;}
.recentReadCononeCardText1{padding: 1%; }
.recentReadCononeCardText2{color:rgb(0, 0, 0);font-size: 15px; font-weight: 700;}
.recentReadConTwo{display:block; padding:4%; }
.recentReadConTwoCard{width:100%;display: block;height:fit-content; margin-bottom: 4%;  }
/* privacy policy */
.privacyTerms{padding: 0%;}
.privacyTermstitle{display: flex; justify-content: center; text-align: center; font-size: 0.9rem; font-weight: 900; padding: 5%;}
.privacyTermspage{ display: block; padding: 4% 0;}
.privacyTermspagecontent{width:100%; font-size: 16px;padding:0 4%;}
/* category  page*/
.page{padding:0% !important}
.pagemain{ padding:0% !important;  display:block }
.pagemaincontent{ width: 100%;}
.pagecategory { background-color: #DEE3EE; display: flex; justify-content: center; text-align: center;padding:4%; font-size: 20px; font-weight: 800;margin-bottom: 0%;}
.pagecategoryarticle { background-color: #EE312B; display: flex; justify-content: center; text-align: center;padding:4%; font-size: 20px; font-weight: 800;margin-bottom: 0%;}
.pageCards{ padding: 4%; padding-bottom:0% ;}
.pageCards{ display: block; margin-top: 0%;}
.pageCard{position: relative;width: 100%;height: fit-content;margin-bottom: 4%; border:1px solid rgb(216, 215, 215) ; background-color: #fff; transition: 0.3s ease-in-out}
.pageCard img{height: 250px;width: 100%}
.pageCardText{color:#000000;font-size: 0.8rem;font-weight: 700;padding: 2%; padding-bottom: 4%;}
.pageCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.99);}
.articlespageColCards{flex-direction: column;flex-wrap: nowrap;;width:100%;padding:2% 0;}
.articlespageColCard{ justify-content: flex-start ; width: 100%;margin-bottom: 2%; background-color: #fff }
.articlespageColCards img{width:120px; }
.articlespageColCardText1{font-size: 0.6rem;}
.articlespageColCardText2{font-size: 0.8rem;}
.articlespageColCardText{padding: 2%;}
/*  article page*/
.category{font-size: 14px; }
.articleTitle{ font-size: 25px;}
.writerDate{ font-size: 14px;}
.source{ font-size: 16px; }
.contantbody{ font-size: 18px;}
.articlemain{display: flex; flex-direction: column;}
.articlemaincontent{ width: 100%;order:1;}
.social_share{order:2}
.articlemain .sideTab{order:3}
.articlemain{ padding: 2% 3%;}
.relatedTopics{padding: 0%; flex-direction:column}
.relatedTopicsdat{width: 100%;}
.relatedTopicsCards{  flex-direction: column; }
.relatedTopicsCard{width:100%; margin-bottom: 2%;}
.relatedTopicsCard img{height: 250px;}
.relatedTopicsCardTextname{  font-size: 0.6rem;}
.relatedTopicsCardTextdate{  font-size: 0.6rem;}
.relatedTopicsCardText2{ font-size: 0.8rem;}
ul.social_share{margin: 20px 0;}
ul.social_share li.mobile{display: inline-block;}
ul.social_share{display: block;width: 100%;text-align: center;top: initial;left: 0;font-size: 0}
ul.social_share li{width: 20%;margin: 0}
ul.social_share li a{width: 100%;height: 100%;border-radius: 0}
ul.social_share li a i{font-size: 18px}
ul.social_share li a.mail_icon{line-height: 45px}

/* side tab */
.sideTab{width:100%; margin-top: 5%; padding: 0 4%;}
.sideTabcard1 img{height: 250px;}
.sideTabcard1Text{ font-size: 0.8em;}
.sideTabcard{ justify-content: flex-start ;}
.sideTabcard img{width:150px; }
.sideTabcardText{font-size: 0.8rem;}
.sideNewsletter{ display: none;}
/* homepage */
.newsConmain{position: relative;width:100vw; height: 350px; }
.newsConmain img{height: 350px;}
.textNews{width: 90%; }
.flexNewstext{font-size: 16px;}
.sectionNewsTitle{ font-size: 15px;}
.newsAside{width:100vw; padding:5% 0 0 0;background-color: transparent;  display:flex; flex-direction: row;flex-wrap: wrap;margin: auto; align-items: center; height: 100%;}
.newsAsideCard{ flex-direction: column ; justify-content: space-between; background-color: #fff ; width: 350px; margin-bottom:5% ; border: 1px solid rgb(238, 233, 233); }
.newsAsideCard img{min-width:100%; max-width:100%;margin-left: 5%; display: block; height: 250px; }
.newsAsideCardText{padding: 5%;}
.newsAsideCardText1{font-size: 0.6rem;font-weight: 700; color:rgb(0, 0, 0) ;padding-bottom: 2%;}
.newsAsideCardText2{font-size: 0.9rem;color:rgb(26, 12, 12);font-weight: 900}
.secondmainNews{ display:flex;flex-direction: column; justify-content: space-evenly;height: fit-content; margin-top: 2%;padding:0%;}
.secondmainCon{position: relative;width:100%;  flex-direction: column; justify-content: space-between;  order: 3;}
.secondmainNews .data{width:100%; order: 1; margin-bottom: 4%;}
.secondnewsAside{ order: 2;  justify-content: space-between; padding: 0%;height: fit-content;  }
.secondnewsAsideCard{display: flex; justify-content: flex-start;border-top: 1px solid #DEDEDE ;padding: 3%;}
.secondnewsAsideCard .time{  font-size: 0.9rem}
.secondnewsAsideCardText2{font-size: 0.9rem;}
.secondnewsConrowone{flex-direction: column;}
.secondnewsConmain{width:100%;margin-left:0%;margin-bottom: 2%; }
.secondnewsConmain img{ display: block;height: 370px; }
.secondnewsConsecond{width:100%; height: fit-content; margin-bottom: 2%;}
.secondnewsConsecond img{height: 270px;}
.secondnewsConsecondText{padding: 2% 3%;}

.secondnewsConthird{ flex-direction: column;}
.secondnewsConthirdCard{display: flex; background-color: #ffffff;margin-left: 2%; width: 100%; margin-bottom: 2%; transition: 0.3s ease-in-out }
.secondnewsConthirdCard img{width:120px; height: 120px; margin-left: 5%; display: block; }
.secondnewsConthirdCard2{font-size: 0.8em;color: #000 ;font-weight: 500 ;padding: 2%; display: flex; justify-content: center;}
.secondnewsConthirdCard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);transform: scale(0.95);}

.sectionTitle { padding: 0.2% 2%; }
.newsReport{padding:0%;}
.newsReportCon,.newsReportConFirst,.newsReportConTwo{ flex-direction: column;}
.newsReportConFirst{margin-left: 0%;}
.newsReportConMain{width:100% } 
.newsReportConSide{width:100%; margin: 2% 0;}
.newsReportConMainCard{ width:100%;background-color: #fff; display: flex; flex-direction: column;height: 100% ;position: relative;}
.newsReportConMainCard img{height: 250px;}
.newsReportConMaindimmed{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.newsReportConMainCardText{font-size: 0.9rem; color:#fff;font-weight: 700;padding:  0%;z-index: 2;margin-right: 5px;position: absolute;right:0;bottom: 5%;width: 80%; } 
.newsReportConCard{ justify-content: flex-start; width: 100%; height: fit-content; margin-bottom: 2%; }
.newsReportConCard img{width:120px;}
.newsReportConCardText{font-size: 0.8em;color: #000 ;font-weight: 500 ;padding: 2%; display: flex; justify-content: center;}
.articlesHomesectionTitle{padding: 0%;}
.articlesHome{flex-direction: column;padding:0%;}
.articlesHomeMainCard{width:100%;margin-left:0% ; }
.articlesHomeColCards{flex-direction: column;flex-wrap: nowrap;margin-top: 2%;background-color:transparent;width:100%;padding:2% 0; padding-top: 2%;}
.articlesHomeColCard{ justify-content: flex-start ; width: 100%;margin-bottom: 2%; background-color: #fff }
.articlesHomeColCard img{min-width:120px; max-width:120px;}
.articlesHomeColCardText1{font-size: 0.6rem;}
.articlesHomeColCardText2{font-size: 0.8rem;}
.articlesHomeConOne{margin-left: 0%;}
.mostRead{padding:0;}
.mostReadCards{ flex-direction: column; }
.mostReadCard{position: relative;width: 100%;height: 250px;margin-bottom: 2%;width: 100% !important;margin-left: 0%; transition: 0.3s ease-in-out}
.mostReadCard img{width: 100%;height: 250px}
.mostReadCard .dimmed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.mostReadCardtext{z-index: 2;margin-right: 10px;position: absolute;right:0;bottom: 5%;width: 95%;color:#ffffff;font-size: 0.7rem;font-weight: 700; padding: 2%;}
.mostReadCard:hover{transform: scale(0.99);}
/* authers page */
.pageauther{padding:0 5%;}
.autherConTwo{display:block;}
.autherConTwoCard{width:100%;min-height: 300px; margin-bottom: 2%; margin-left: 0%; }

.researchStudiesHome{padding:0%;}
.researchStudiesHomeCards{ flex-direction: column; padding: 2%;}
.researchStudiesHomeCard{width: 100%;height: fit-content;margin-left: 0%;}
.researchStudiesHomeCard img{width: 100%;height:200px}
.videosHomesectionTitle{padding:  2%;}
.videosHomecontent{  padding: 0%; height: fit-content; flex-direction: column;}
.videosHomecontentMain{width:100%;border-radius: 0px; }
.videosHomecontentside{width:100%; padding: 2% 5%;  }
.videosHomecontentMain img{border-radius: 0px; height: 300px; }
.videosHomecontentdimmed{border-radius: 0px}
.videosHomecontentMainplay{ font-size: 30px;}
.videosHomecontentsideCard{position: relative;border-radius: 9px; margin-bottom: 2%; transition: 0.3s ease-in-out }
.videosHomecontentsidetext{ font-size: 0.7rem;font-weight: 900;}
.videosHomecontentsideplay{color: #fff;margin-bottom: 20%;  font-size: 20px;}
.videosHomecontentside img{ display: block;height: 200px; width: 100%;border-radius: 9px;}
.videosHomecontentsideCard:hover{transform: scale(0.95);}
.diverseHome{padding:0%;}
.diverseHomeCards1{flex-direction: column; width: 100%; justify-content: space-between;}
.diverseHomeCards1Card{width:100%; display: flex; flex-direction: column; margin-bottom: 2%;}
.diverseHomeCards1Card img{width:100%; height: 250px;}
.diverseHomeCards1Text{ padding: 2%;}
.diverseHomeCards{flex-direction: column; margin-top: 0%;}
.diverseHomeCard{position: relative;width: 100%;height: fit-content;margin-bottom: 2%; }
.diverseHomeCard img{width: 100%;height: 250px}
.diverseHomeText{font-size: 0.8rem;font-weight: 700;padding: 2%;}
.palestineHome{padding:0%;}
.palestineHomeCards{ flex-direction: column; padding: 2%;}
.palestineHomeCard{width: 100%;height: fit-content;}
.palestineHomeCard img{width: 100%;height: 250px;}
.palestineHomeText{font-size:0.8rem ;font-weight: 700;padding: 2%;}
/* footer */
.logoFooter img{ width:112px ;}
.footer { flex-direction: column;padding:5% 0% }
.footerList{ flex-direction: column}
.link1,.link2,.link3{border-left:none}
.link1,.link2,.link3,.link4{ border-bottom: 1px solid rgba(255, 255, 255, 0.349) ; padding: 8% 0; line-height: 30px;}
.socialbtns2{margin-top: 5%;}
.newsletterFooter{flex-direction: column; justify-content: center;align-items: center; margin-top: 5%; }
.footerQuestion{ padding-left:0px; margin-bottom: 8%; border-top: 1px solid rgba(255, 255, 255, 0.349); padding-top: 4%;}
.emailReg input[type=email] {width:100%;}
.archives-page .section-title-grid{display: block;}
.archives-page form .row ul{grid-template-columns: repeat(3, 30%) !important;grid-column-gap: 5%;}
.archives-page form .row ul li a{font-size: 12px;}
.archives-page h1 {font-size: 26px;margin: 0 0 20px 0;}
}
@media screen and (max-width: 700px) {
.sideTabcardText{font-size: 0.8rem !important;}
/*homepage special  cards  */
.newsAside{flex-direction: column;}
.newsAsideCard{  width: 90vw; }
}
@media screen and (max-width: 500px) {
.authorInfo{display: block; padding: 5%;}
}
@media screen and (max-width: 415px) {
.videosHomecontentMainplay{margin-bottom: 15%; }
.videosHomecontentMaintext{font-size: 0.7rem;}
.sideTabcard img{width:120px;  }
}
@media screen and (max-width: 400px) {
.FourOFourCon .msg {font-size: 15px;}

 /* videos */
.videoherotext{width: 95%;margin-right: 10px;}
.videoherotext1{font-size: 15px;font-weight: 700;}
.videoherodate{ font-size: 13px;}

/* checkmark page */
.thankU{ font-size: 20px; }
.thankUFirst{font-size: 18px;}
.thankUSecond{font-size: 15px;}

/* homepage */
.secondnewsConthirdCard img{width:120px; height: 120px; }
.secondnewsConthirdCard2{font-size: 0.7em;}
.newsReportConCardText{font-size: 0.7em;}
.articlesHomeColCardText1{font-size: 0.5rem;}
.articlesHomeColCardText2{font-size: 0.7rem;}
.articlespageColCardText1{font-size: 0.5rem;}
.articlespageColCardText2{font-size: 0.7rem;}
/* navbar */
.allContent{ padding-top: 30%;}
.navbottom {font-size: 12px; bottom: 0 !important;}
.wbLogo{height: 30px; margin-bottom: 5px;}
}