/*-----------------------------------------------------------------------------------

 -----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
}
body{font-family: var(--primary-font-family); background-color: #0A121F;}
p{font-family: "Poppins", sans-serif;}
h1{ font-family: "Poppins", sans-serif;}
h2{ font-family: "Poppins", sans-serif;}
h3{ font-family: "Poppins", sans-serif;}
h4{ font-family: "Poppins", sans-serif; margin-bottom: 0;}
h5{font-family: "Poppins", sans-serif;}
h6{font-family: "Poppins", sans-serif;}
a{font-family: "Poppins", sans-serif;}
li{font-family: "Poppins", sans-serif;}
div{font-family: "Poppins", sans-serif;}
input{font-family: "Poppins", sans-serif;}
span{font-family: "Poppins", sans-serif;}
label{font-family: "Poppins", sans-serif;}
button{font-family: "Poppins", sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #fff;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}

.top-header { width: 100%; z-index: 1030; padding: 9px 15px; transition: all 0.3s ease; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.16)); background-color: #000; padding-top: 0; padding-bottom: 0;}
.top-header .header-cta ul {gap: 40px; margin: 0; padding: 0; display: var(--secondary-display); list-style-type: none; padding-left: 0px; }
.top-header .header-cta ul li {z-index: 1; position: relative; }
.top-header .header-cta ul li a {color: var(--white-color); cursor: default; font-size: var(--font-15); font-weight: var(--font-weight-400); display: flex; line-height: 19px; text-decoration: none; align-items: center;}
.top-header .header-cta ul li a img{width: 20px; margin-right: 10px;}
.top-header .header-cta ul li:after {width: 1px; top: -13px; z-index: -1; height: 50px; right: -20px; content: ""; position: absolute; background: rgba(255, 255, 255, 0.15); }
.top-header .header-cta ul li:last-child:after{display: none;}
.top-header .header-cta ul li a i.icon-phone {font-size: var(--font-16) !important; color: #fff; margin-right: 10px;}
.top-header .header-right-socail {gap: 20px; }
.top-header .header-right-socail h6 {font-size: var(--font-15); line-height: 18px; color: var(--white-color); font-weight: var(--font-weight-500);    margin-bottom: 0;}
.top-header .header-right-socail .social-profile ul {gap: 0px; display: var(--secondary-display); flex-wrap: wrap; list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.top-header .header-right-socail .social-profile ul li a {display: var(--primary-display); font-size: var(--font-15); padding: 8px 10px; background: transparent; color: var(--white-color); font-weight: var(--font-weight-400); cursor: pointer; line-height: 32px; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; outline: none !important; }

.navbar-nav > li > a {line-height: 1; font-size: 16px; font-weight: 500; overflow: hidden; line-height: 19px; color: #000!important; padding: 20px 11px!important; text-transform: capitalize; }


.navbar {  margin: 0 auto; width: 100%; display: block;  background-color: #fff!important;}
/*.main-header-wrapper{position: absolute; z-index: 9; width: 100%;}*/
.inner-header{position: unset;}
.top-header .header-right-socail .social-profile ul li a img{width: 20px;}
.navbar-brand img{width: 100%;}
.navbar-brand{width: 12%;}
.search-btn a{background-color: unset; padding: 0px; background-image: unset; color: #000; font-size: 18px;}
.nav-right{display: flex; gap:0px 21px; align-items: center;}
.nav-right .language button{background-color: unset; color: #000; padding: 0; font-size: 20px; border: none;}
.language img{width: 24px; margin-right: 5px;}
.nav-right .language button:focus{box-shadow: unset; outline: none;}
.dropdown-menu[data-bs-popper] {top: 135%; left: -16px; margin-top: .125rem; }
.dropdown-menu{border-radius: 0px; border: none; padding: 0px;}
.dropdown-menu li{border-bottom: 1px solid #ccc;}
.dropdown-menu li:last-child{border-bottom: unset}
.dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background-color: #0a121f; }
.dropdown-item{    padding: 10px 1rem;}

.login-btn a{background-color: #e2332f; color: #fff; text-decoration: none; padding: 7px 15px; border-radius: 5px; font-size: 16px; }
.login-btn a:hover{background-color: #0a121f;}



/*========================header css end===========================*/


/*========================header mega dropdown with tabs css end===========================*/


/*========================footer css start===========================*/

.map-inner iframe{width: 100%; height: 300px;}
.footer-1 {padding-top: 213px; background-size: cover; background-position: center; background-color: #000; z-index: 1; position: relative; padding-top: 40px; }
.footer-1 .single-footer-wid {margin-bottom: 40px; }
.footer-logo img {width: 170px; margin-bottom: 29px; }
.footer-logo .description{margin-bottom: 40px; color: #fff; font-size: 15px;}
.quick-links{margin-bottom: 40px; padding-left: 15px;}
.wid-title {background: unset; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #fff; font-size: 22px; margin-bottom: 20px; color: #FFF; font-weight: 600; }

.footer-1 .single-footer-wid.quick-links ul {gap: 20px; display: flex; flex-direction: column; list-style-type: none; padding-left: 0px; }
.footer-1 .single-footer-wid.quick-links ul li a {color: #FFF; display: block; font-size: 15px; font-weight: 400; line-height: 16px; position: relative; padding-left:0px; text-decoration: none; }
.footer-1 .single-footer-wid.quick-links ul li a:before {left: 0; content: "\f101"; font-size: 15px; position: absolute; top: calc(50% - 7px); font-family: "FontAwesome"; color: #2cb484 !important; display: none;}
.recent_post_widget{margin-bottom: 40px; padding-left: 65px; padding-right: 50px; }
.footer-1 .recent_post_widget .recent-post-list .single-recent-post {gap: 20px; overflow: hidden; position: relative; box-sizing: border-box; padding-bottom: 13px !important; margin-bottom: 13px !important; display: flex; align-items: center; text-decoration: none; }
.footer-1 .recent_post_widget .recent-post-list .single-recent-post .post-data span {font-size: 15px; line-height: 25px; transition: all 0.3s ease; font-weight: 400; color: #fff; display: flex; }
.footer-1 .recent_post_widget .recent-post-list .single-recent-post .post-data span i {color: #2cb484 !important; font-size: 18px; margin-right: 12px; transition: all 0.3s ease; margin-top: 4px; }
.newsletter_widget {margin-bottom: 22px !important; }

.news-foot-social h6 {margin-right: 12px !important; color: #2cb484; font-size: 15px; font-weight: 600 !important; margin-bottom: 0; }
.footer-1 .social-profile ul {gap: 10px; flex-wrap: wrap; display: inline-flex; flex-direction: inherit; justify-content: center; list-style-type: none; padding-left: 0px; margin-bottom: 0px; }
.news-foot-social .social-profile ul li a {line-height: 37px; }
.footer-1 .social-profile ul li a {padding: 0; width: 42px; height: 42px; color: #FFF; display: block; font-size: 15px; line-height: 31px; text-align: center; background-color: transparent; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; -webkit-transition: all all 0.3s ease ease-in-out; -moz-transition: all all 0.3s ease ease-in-out; -ms-transition: all all 0.3s ease ease-in-out; -o-transition: all all 0.3s ease ease-in-out; transition: all all 0.3s ease ease-in-out; border: unset; background-color: #e2332f; display: flex; justify-content: center; align-items: center; text-decoration: none; }

.footer-bottom {background-image: unset; margin-top: 0 !important; background-color: #3e3e3e; }
.footer-1 .footer-bottom-content {gap: 15px; padding: 16px 0; position: relative; }
.footer-1 .footer-bottom-content .coppyright {color: #FFF; font-size: 14px; line-height: 21px; }
.footer-3 .footer-bottom-content .coppyright a {color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; }

.newsletter_box{background-color: #fff; border-radius: 50px; padding: 8px 11px;}
.newsletter_box input{border-radius: 10px; color: #000; background-color: unset; padding: 9px 18px; border: none !important; } .footer-newsletter .newsletter_box input:focus{box-shadow: unset; outline: none; color: #000;}
.newsletter_box button{border-radius: 50px !important; background-color: #000; color: #fff; font-size: 16px; padding: 1px 30px; border: none; }
.newsletter_box button:hover{background-color: #000;}

/*========================footer css end===========================*/

/*========================hero section css start===========================*/

.breaking-news-bar{padding: 22px 0px; background-color: #fff;}
.bar-con{border: 2px solid #d31f2a;}
.breaking-news-bar h5{margin-bottom: 0px; color: #000; font-size: 15px; font-weight: 400;}
.breaking-news-bar h5 span{background-color: #d31f2a; color: #fff; padding: 10px 14px; display: inline-block; font-size: 17px; margin-right: 0; font-weight: 600; width: 100%; text-align: center; }
.breaking-news-slide{display: flex!important; align-items: center; height: 100%;}
.hero-sec-img{height: 100%; position: relative;}
.hero-sec-img img{width: 100%; border-radius: 15px; height: 100%;}
.hero-sec-img:before{content: '';  background-color: #0000006b; top: 0; left: 0; height: 100%; width: 100%; position: absolute; border-radius: 15px;}
.hero-wrapp{padding: 18px 0px 40px; background-color: #ececec;}
.hero-con{position: absolute; bottom: 0; z-index: 9; color: #fff; padding: 34px; }
.hero-con h2{font-size: 23px; font-weight: 700; line-height: 36px; }
.trending-headline-inn h3{color: #000;font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.trending-headline-inn ul{list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.trending-headline-inn ul li{margin-bottom: 20px; background-color: #fff; border-radius: 10px; padding: 10px; display: flex; align-items: center;}
.trending-headline-inn ul li:last-child{margin-bottom: 0px;}
.trending-headline-inn ul li img{width: 78px; height: 78px; border-radius: 10px; object-fit: cover; margin-right: 12px; }
.trending-headline-inn ul li h5{color: #fff; margin-bottom: 0px;    font-size: 14px;     line-height: 19px;}

.trending-headline-inn h5 a {
  text-decoration: none;
  color: #000;
}

/*========================hero section css end===========================*/

/*========================top stories css start===========================*/
.second-category{background-color: #ffe6e6 !important; }
.fourth-category{background-color: #d9ffcc !important; }

.top-stories-inner{background-color: #e5e5e5; padding: 24px; border-radius: 15px; position: relative;}
.top-stories-wrapp{padding-bottom: 40px; background-color:#ececec; }
.top-stories-head h3{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 20px; }

.top-stories-inner-video .top-stories-head h3{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.commonweb-original-wrapp .top-stories-head h3{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.ts-slider .owl-nav{display: flex; gap: 0px 14px; position: absolute; top: -64px; right: 0;}
.ts-slider .owl-nav .owl-prev{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}
.ts-slider .owl-nav .owl-next{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}
.top-stories-head{margin-bottom: 33px;}
.top-st-box img{border-radius: 10px; height: 190px; object-fit: cover; margin-bottom: 10px;}
.ts-cat{color: #e2332f; font-weight: 600; font-size: 13px; display: inline-block; margin-right: 10px; }
.ts-time{color: #000; font-weight: 600; font-size: 12px; display: inline-block; margin-right: 10px; }
.top-st-box h4{color: #000; font-size: 15px; line-height: 23px; }

.top-stories-inner-video{background-color: #e5e5e5; padding: 24px; border-radius: 15px; position: relative;}
/*========================top stories css end===========================*/

/*========================gulf and tech css start===========================*/
.gulf-slider .owl-nav{display: flex; gap: 0px 14px; position: absolute; top: -64px; right: 0;} 
.gulf-slider .owl-nav .owl-prev{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}
.gulf-slider .owl-nav .owl-next{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}

.gulf-main{background-color: #022155; padding: 24px; border-radius: 15px; position: relative;}

.gulf-box h4{color: #fff; font-size: 17px; line-height: 28px; margin-bottom: 11px;}

.top-stories-inner .word-image h4 {
    color: #000;
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 11px !important;
}

.top-stories-inner .gulf-box h4{color: #000; font-size: 17px; line-height: 28px; margin-bottom: 11px;}


.gulf-box img{border-radius: 10px; height: 210px; object-fit: cover; margin-bottom: 10px;}


.word-image img{border-radius: 10px; height: 100px!important; object-fit: cover; margin-bottom: 10px;}


.gulf-box p{font-size: 15px; color: #fff; margin-bottom: 0px;}

.top-stories-inner .gulf-box p{font-size: 15px; color: #000; margin-bottom: 0px;}

.tech-main{background-color: #e5e5e5; padding: 24px; border-radius: 15px; position: relative; }
.tech-main .trending-headline-inn ul li{/*padding: 0px;*/ border-bottom: 1px solid #ccc; border-radius: 0; padding-bottom: 13px; margin-bottom: 12px; }
.tech-main .trending-headline-inn ul li:last-child{border:none;padding-bottom: 0px; margin-bottom: 0px;}
.gulf-tech-wrapp{padding-bottom: 40px;}

.world-slider .owl-nav{display: flex!important; gap: 0px 14px; position: absolute; top: -64px; right: 0;} 
.world-slider .owl-nav .owl-prev{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}
.world-slider .owl-nav .owl-next{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}



.world-slider_general .owl-nav{display: flex!important; gap: 0px 14px; position: absolute; top: -64px; right: 0;} 
.world-slider_general .owl-nav .owl-prev{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}
.world-slider_general .owl-nav .owl-next{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}



.short-video-slider .owl-nav{display: flex!important; gap: 0px 14px; position: absolute; top: -64px; right: 0;} 
.short-video-slider .owl-nav .owl-prev{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}
.short-video-slider .owl-nav .owl-next{width: 40px; height: 40px; border-radius: 50px; background-color: #e2332f!important; color: #fff!important; font-weight: 600!important; font-size: 20px!important;}

/*========================gulf and tech css end===========================*/

/*========================commonweb original css start===========================*/

.mj-main{background-color: #e5e5e5; padding: 24px; border-radius: 15px; position: relative;}
.commonweb-original-wrapp{padding-bottom: 40px; background-color: #ececec}
.video__wrapper{margin:0px 0; display:inline-block; position:relative; width: 100%; }
video{width:100%; aspect-ratio: 16/9; object-fit: cover; max-width:100%; display:inline-block; vertical-align:top; border-radius: 15px; }
.video__play-button{margin:0; padding:0; cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:0; background-color:rgba(0,0,0,0.5); -webkit-appearance:none; z-index:2; transition: all 200ms ease-in-out; border-radius: 15px; }
.video__play-button-icon{width:15%; transition: all 200ms ease-in-out; }
.video__play-button-icon--play polygon{transform-origin: 50% 50%; transition: all 200ms ease-in-out; }
.video__play-button-icon--play:hover polygon{transform: scale(1.5); }
.video__play-button[data-button-state="pause"] .video__play-button-icon--pause{display:none; }
.video__play-button[data-button-state="play"] .video__play-button-icon--play{display:none; }
.video__play-button[data-button-state="play"] .video__play-button-icon{opacity:0; }
.video__play-button[data-button-state="play"]:hover .video__play-button-icon{opacity:1; }
.video__play-button[data-button-state="play"]{background-color:rgba(0,0,0,0); }
.video__play-button[data-button-state="play"]:hover{background-color:rgba(0,0,0,.4); }
.video__fullscreen-button{margin:0; padding:0; position:absolute; bottom:10px; right:10px; border:0; background:transparent; cursor:pointer; border-radius:0; -webkit-appearance:none; z-index:3; transition: all 200ms ease-in-out; }
.video__fullscreen-icon{padding:10px; display:block; vertical-align:top; color:#fff; opacity:0; visibility:hidden; transition: all 200ms ease-in-out; }
.video__wrapper[data-state="pause"] .video__fullscreen-icon, .video__wrapper[data-state="play"]:hover .video__fullscreen-icon{opacity:1; visibility:visible; }
.video__fullscreen-icon polygon{fill:currentColor; }
.mj-vid-con{display: flex; align-items: center; height: 100%;}
.mj-vid-con h3{color: #000; font-size: 23px; line-height: 34px; margin-bottom: 16px; }
.mj-vid-con p{font-size: 15px; color: #000; margin-bottom: 0px; }

/*========================commonweb original css end===========================*/

/*========================instagram section css start===========================*/

.insta-feed-top{text-align: center;}
.insta-feed-top img{     margin-bottom: 21px; width: 90px; } 
.insta-feed-top h3{font-size: 24px; color: #fff; margin-bottom: 21px;}
.insta-feed-top h3 a{text-decoration: none; color: #0071B3;}
.insta-feed-top p{ font-size: 15px; width: 40%; margin: 0 auto; display: block; color: #fff;}
.insta-feed-box img{width: 100%; height: 430px; border-radius: 10px; object-fit: cover;} 
.insta-feed-box{margin-bottom: 30px;}
.insta-feed-wrapp{padding: 10px 0px 40px;}

/*========================instagram section css end===========================*/

 
.detail-middle-wrapp{padding: 20px 0px 40px; background-color: #ececec;}
.detail-main{background-color: #e5e5e5; padding: 20px; border-radius: 15px; position: relative; margin-bottom: 20px;}
.main-img img{width: 100%;border-radius: 15px; margin-bottom: 20px;}
.authors-detail{display: flex; align-items: center; padding-left: 0px; gap:0px 20px; list-style-type: none;}
.authors-detail li{color: #000; font-size: 15px;}
.authors-detail li i{color:#e2332f;margin-right: 4px;}
.detail-main h1{font-size: 22px; font-weight: 700; line-height: 31px; color: #000; margin-bottom: 15px;}
.detail-main p{font-size: 15px; color: #000;}
.detail-inner-img{display: flex; gap:0px 20px;    margin-bottom: 12px;}
.detail-inner-img img{width: 49%;}
.detail-right-side .tech-main{margin-bottom: 25px;}
.category-side h2{display: flex; justify-content: space-between; color: #d31f2a; font-size: 18px; width: 100%; padding: 0px 10px;}
.tags-side{text-align: center;}
.tags-side h3 {color: #000; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.tags-side p{color: #000; font-size: 15px;}
.tags-side a{background-color: #e2332f; color: #fff; text-decoration: none; padding: 10px 23px; border-radius: 5px; font-size: 16px; display: inline-block; }
.tags-side i{color: #e2332f; width: 100px; height: 100px; border-radius: 50px; background-color: #0a121f; display: flex; align-items: center; justify-content: center; font-size: 40px; margin: 0 auto 20px; }

.comments-area ol {list-style-type: none; padding-left: 0; }
.comments-area li > div {position: relative; }
.comments-area li > div {border-bottom: 1px solid #e4effb; padding: 35px; }
.comments-area .comment-theme {position: absolute; left: 35px; }
.comments-area .comment-theme img {border-radius: 50%; width: 60px;}
.comments-area .comment-main-area {padding-left: 80px; }
.comments-area .comments-meta h4 {font-size: 18px; font-size: 1.2rem; color: #000; font-weight: bold; margin: 0 0 1em; }
.comments-area .comments-meta h4 span {font-size: 15px; font-size: 1rem; color: #000; font-weight: normal; text-transform: none; display: inline-block; padding-left: 5px; }
.comments-area .comment-main-area p {margin-bottom: 20px; font-size: 14px; color: #000; line-height: 1.8em; }
.comments-area .comment-reply-link {font-size: 14px; font-size: 0.93333rem; font-weight: 600; color: #000; text-align: center; border-radius: 50px; display: inline-block; text-decoration: underline; text-transform: uppercase; letter-spacing: 1px; }
.comments-area ol ul {padding-left: 30px; list-style-type: none; }
.comments-area li > div {border-bottom: 1px solid #ccc; padding: 35px; position: relative; }
.comment-main{background-color: #e5e5e5; padding: 20px; border-radius: 15px; position: relative; margin-bottom: 20px;}
.comment-main h3 {color: #000; font-size: 20px; font-weight: 700; margin-bottom: 20px; }

.leave-comment{background-color: #e5e5e5; padding: 20px; border-radius: 15px; position: relative; margin-bottom: 20px;}
.leave-comment h3 {color: #000; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.leave-comment form input{background-color: unset; border-radius: 50px; margin-bottom: 14px; color: #fff; font-size: 15px;padding: 13px 20px;} 
.leave-comment form input:focus{background-color: unset; outline: none; box-shadow: unset; color: #fff; border-color:#e2332f; }
.leave-comment form textarea{background-color: unset; border-radius: 15px; margin-bottom: 14px; color: #000; font-size: 15px;padding: 13px 20px; height: 150px;}
.leave-comment form textarea:focus{background-color: unset; outline: none; box-shadow: unset; color: #fff; border-color:#e2332f;}
.leave-comment form button{background-color: #e2332f; color: #fff; text-decoration: none; padding: 10px 23px; border-radius: 5px; font-size: 16px; display: inline-block; }
.leave-comment form button:hover{color: #fff;}

.contact-middle-wrap{padding: 40px 0px;background-color: #ececec;}

.contact-page-top{padding-top: 40px;background-color: #ececec;}
.contact-middle-wrap .tags-side i {color: #e2332f; width: 80px; height: 80px; border-radius: 50px; background-color: #0a121f; display: flex; align-items: center; justify-content: center; font-size: 30px; margin: 0 auto 20px; }
.contact-middle-wrap .tech-main {background-color: #e5e5e5; padding: 11px 20px; border-radius: 15px; position: relative; height: 100%; }
.contact-middle-wrap  .tags-side p {color: #000; font-size: 14px; margin-bottom: 8px; }
.contact-middle-wrap  .tags-side h3 {color: #000; font-size: 19px; font-weight: 600; margin-bottom: 13px; }
.map-div{height: 100%;}
.map-div iframe{width: 100%; height: 100%; border-radius: 15px;}
.contact-page-top .leave-comment{margin-bottom: 0px;}

/*==========================Inner banner section css start==========================*/

.inner-banner-inner{background-position: 100%;background-size: cover;height: 500px;position: relative;}
.inner-banner-main{opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; display: flex; justify-content: center; align-items: center; background-color: #00000094; border-radius: 15px; }
.inner-banner-content h3{color: #fff;font-weight: 700;font-size: 38px;padding-top: 80px;text-transform: uppercase;}
.inner-banner-img{width: 100%;}
.inner-banner-img img {width: 100%; height: 250px; border-radius: 15px; object-fit: cover; object-position: center; }
.inner-banner-img{position: relative;}
.inner-banner-con-inn h2{color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px;}

ol.breadcrumb li {display: inline; font-size: 18px; color: #fff!important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #fff!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #fff!important; text-decoration: none; font-weight: 500;}
ol.breadcrumb li a:hover {color: #fff; text-decoration: underline; }
.bread-crumbs{margin-bottom: 0;}
ol.breadcrumb li a i{margin-right: 7px;}
.inner-banner-wrapper{padding-top: 40px;background-color: #ececec;}
.inner-banner-con{text-align: center;}
.breadcrumb{justify-content: center;}
/*==========================Inner banner section css end===========================*/

/*==========================login and signup popuop css start===========================*/
.pop-close .btn-close{background: unset;}
.login-sign-pop-wrapp .modal-content{border-radius: 15px; background-color: #022155;}
.both-form h3{color: #000; font-size: 19px; font-weight: 600; margin-bottom: 13px; text-align: center; margin-bottom: 20px;}
.both-form form input{background-color: unset; border-radius: 50px; margin-bottom: 14px; color: #fff; font-size: 15px;padding: 13px 20px;} 
.both-form form input:focus{background-color: unset; outline: none; box-shadow: unset; color: #fff; border-color:#e2332f; }
.both-form form textarea{background-color: unset; border-radius: 15px; margin-bottom: 14px; color: #fff; font-size: 15px;padding: 13px 20px; height: 150px;}
.both-form form textarea:focus{background-color: unset; outline: none; box-shadow: unset; color: #fff; border-color:#e2332f;}
.both-form form button{background-color: #e2332f; color: #fff; text-decoration: none; padding: 10px 23px; border-radius: 50px; font-size: 16px; display: inline-block; border: none;}
.both-form form button:hover{color: #fff; background-color: #0A121F;}
.both-form form input::placeholder {color: #fff; opacity: 1; /* Firefox */ }
.both-form form input::-ms-input-placeholder { /* Edge 12 -18 */ color: #fff; }
.both-form form p{color: #000; display: flex; justify-content: space-between; padding: 0px 16px;}
.both-form form p a{color: #e2332f; text-decoration: none; font-weight: 700; }
.col-pading{padding: 0px;}
.log-pop-img img{padding: 0px; width: 100%;border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;}
    .login-pop-wrapp{background-color:#ececec;}
.login-pop-wrapp .row{width: 100%;    margin: 0 auto;}
.login-sign-pop-wrapp .modal-body{padding: 0px!important;}
.pop-close{position: absolute; right: 11px; width: 30px; height: 30px; background-color: #e2332f; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50px; top: 10px; }
.pop-close button{padding: 0; line-height: normal; width: auto; height: auto; opacity: 1; color: #fff; }
.both-form-main{display: flex;justify-content: center; align-items: center; height: 100%;background-color:#e5e5e5;}
.both-form{width: 91%;}

#loginEmail::placeholder {
    color: #000;        /* placeholder text color */
           /* important for Firefox */
}

#loginPassword::placeholder {
    color: #000;        /* placeholder text color */
           /* important for Firefox */
}
/*==========================login and signup popuop css end===========================*/

/*======================== privacy policy page css start===========================*/
.privacy-policy-wrapp{padding: 30px 0px;background-color: #ececec;}
.privacy-policy-con h1{font-weight: 800; font-size: 22px; color: #000; margin-bottom: 10px; }
.privacy-policy-con h2{font-weight: 800; font-size: 20px; color: #000; margin-bottom: 10px; } 
.privacy-policy-con h3{font-weight: 800; font-size: 20px; color: #000; margin-bottom: 10px; }
.privacy-policy-con h4{font-weight: 800; font-size: 18px; color: #000; margin-bottom: 10px; }
.privacy-policy-con h5{font-weight: 800; font-size: 18px; color: #000; margin-bottom: 10px; }
.privacy-policy-con p{font-size: 15px; color: #000;}
.privacy-policy-con ul{list-style-type: none; padding-left: 0px;}
.privacy-policy-con ul li{font-size: 15px; color: #000;}
.privacy-policy-con ul li:before{content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 6px; color: #e2332f; }
.privacy-policy-con{background-color: #e5e5e5; padding: 24px; border-radius: 15px; position: relative;}
/*======================== privacy policy page css end===========================*/

.all-links-inner ul{padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px;}
.all-links-inner ul li a{color: #fff;text-decoration: none;border: 2px solid #e2332f;text-align: center;display: block;padding: 10px;font-size: 21px;}
.all-links-inner ul li{margin-bottom: 10px;}

.mecella-heading{margin-bottom: 80px;}
.mecella-heading h3{color: #fff;text-align: center;font-size: 32px;text-transform: uppercase;position: relative;}
.mecella-heading h3 span{font-weight: 900; color: #e2332f;}
.mecella-heading h3:after{content: '';position: absolute;bottom: -20px;left: 0;right: 0;width: 100px;background-color: #e2332f;height: 5px;margin: 0 auto;}
.welcome-mecella{background-color: #ccc;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.welcome-mecella img{width: 35%;}
.all-links-wrapper{padding-top: 30px; padding-bottom: 50px;}

.gulf-box p{ overflow: hidden;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.category-page .top-st-box img{width:100%;}
.category-page .top-st-box{margin-bottom: 30px;}
.ancher-head {text-decoration: none;color: #000;}
.ancher-head:hover {text-decoration: none;color: #d31f2a;}
.item>a{text-decoration: none;}
.coming-soon-wrapp{background-color:#f3f3f3;padding:50px 0}.error-page h3{font-size:100px;color:#000!important;font-weight:800}.error-page h5{font-size:2.4rem;color:#000;font-weight:700}.coming-con a{display:inline-block;margin:25px auto 0;background-color:#e2332f;color:#fff;padding:10px 28px;border-radius:50px; text-decoration: none;}.coming-con,.coming-con a,.coming-con p{text-align:center}
 
  body{top:0px !important}
 .skiptranslate{display:none !important;}

 .custom-translate-dropdown {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
}

.custom-translate-dropdown button {
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 14px;
}

.lang-options {
  list-style: none;
  margin: 0;
  padding: 5px 0;
  border: 1px solid #ccc;
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 160px;
  z-index: 999;
}

.lang-options.show {
  display: block;
}

.lang-options li {
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.lang-options li:hover {
  background-color: #f0f0f0;
}

.lang-options img {
  margin-right: 8px;
}


.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #333;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* forum css start  */
.forum-container {
  background-color: #fff;
  padding: 30px 40px;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  /* width: 400px; */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      margin: 21px 0px;
}

.forum-container h2 {
  margin-bottom: 5px;
}

.forum-container p {
  color: #555;
  margin-bottom: 20px;
}

.forum-container form label {
  display: block; 
  margin-bottom: 5px;
  font-weight: bold;
}

.forum-container input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000 !important;
  border-radius: 0px !important;
}
.forum-container input::placeholder{
color: #818181 !important;
}
.forum-container  .row {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.forum-container  .row input {
  flex: 1;
}

.forum-container button {
  margin-top: 20px;
  background-color: #28a745;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
      width: 150px;
  font-size: 16px;
  align-items: center;
}

.forum-container  button:hover {
  background-color: #218838;
}
/* forum css end */


/*new design css start by  25-08-2025*/

.news-category-head-bar{background-color: #ececec; padding: 11px 0px;}
.news-head-cat-inn{display: flex; justify-content: space-between;}
.news-head-cat-inn ul{display: flex; align-items: center; list-style-type: none; padding-left: 0; gap: 0px 29px; margin-bottom: 0; }
.news-head-cat-inn ul li{position: relative;}
.news-head-cat-inn ul li:after{content: ''; width: 1px; height: 90%; position: absolute; top: 1px; right: -16px; background-color: #868686; }
.news-head-cat-inn ul li:last-child:after{display: none;}
.news-head-cat-inn ul li a{font-size: 15px; color: #000; text-decoration: none;}
.news-cat-mobile-nav a{color: #000; font-size: 18px;}
.news-cat-pop-nav{margin-bottom: 60px;}
.news-cat-pop-nav ul{list-style-type: none;padding-left: 15px;}
.news-cat-pop-nav ul li{margin-bottom: 11px;}
.news-cat-pop-nav ul li a{color: #000; font-size: 15px; text-decoration: none;}
.news-cat-pop-nav ul li a h3{margin-left: -11px;font-size: 18px;font-weight: 600;margin-bottom: 20px;}

.new-section-wrapp{padding-bottom: 40px; background-color: #ececec;}
.new-sec-news-wrapp{background-color: #e5e5e5; padding: 24px; border-radius: 15px; position: relative; }
.new-sec-news-wrapp ul{padding-left: 0px; list-style-type: none; margin-bottom: 0px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.new-sec-news-wrapp ul li{width: 48%;    margin-bottom: 20px;}
.new-sec-news-wrapp ul li .top-st-box{display: flex; align-items: center;}
.new-sec-news-wrapp ul li .top-st-box img{width: 120px; height: 99px; margin-right: 17px; }
.new-sec-news-head{border-bottom: 1px solid #909090; margin-bottom: 28px;}
.new-sec-news-head h3{color: #000; font-size: 20px; font-weight: 700; padding-bottom: 18px; display: inline-block; border-bottom: 1px solid #e2332f; margin-bottom: -1px; }

.most-read-wrapp{background-color: #e5e5e5; padding: 24px; border-radius: 15px; }
.most-read-wrapp ul{border-bottom: 1px solid #909090;
    margin-bottom: 17px;}
.most-read-wrapp ul li{width: 50%;}
.most-read-wrapp ul li button{display: block; width: 100%; color: #000!important;
    font-size: 19px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: -1px;}
.most-read-wrapp ul li button.active{border-bottom: 1px solid #e2332f!important; border-radius: 0!important; background-color: unset!important;}
.most-read-wrapp ul li button:hover{color: #e2332f!important;}
.news-tab-data ul{padding-left: 0px; list-style-type: none; border: none; margin-bottom: 0px;}
.news-tab-data ul li{width: 100%; margin-bottom: 20px;}
.news-tab-data ul li .top-st-box{display: flex; align-items: center;}
.news-tab-data ul li .top-st-box img{width: 120px; height: 79px; margin-right: 17px; }
.news-tab-data ul li:last-child{margin-bottom: 0px;}
/*new design css start by  25-08-2025*/

.form-control {
    
    border: 1px solid #d31f2a !important;
    color:#000 !important;

}

.form-control:focus {
   
    box-shadow:unset !important;
}



/* Short News Section */
.short-news-section {
    padding: 40px 0;
    background: #f9f9f9;
}

.section-heading {
    margin-bottom: 25px;
}

.short-video-card {
    padding: 10px;
}

/* Video Wrapper */
.video-wrapper {
    position: relative;
    aspect-ratio: 9/16; /* Vertical Reel Ratio */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    background: #000;
    width: 100%;
}

/* Video */
.video-wrapper iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.video-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.video-overlay h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

/* Mobile */
@media (max-width: 575px) {
    .video-wrapper {
        height: 320px;
    }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991px) {
    .video-wrapper {
        height: 360px;
    }
}

/* Desktop */
@media (min-width: 992px) {
    .video-wrapper {
        height: 420px;
    }

    .short-video-card {
        padding: 15px;
    }
}

/* Large Desktop */
@media (min-width: 1200px) {
    .video-wrapper {
        height: 460px;
    }
}

/*header slider*/

.news-category-head-bar {
    background: #ffffff;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.news-head-cat-inn ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-head-cat-inn ul li {
    text-align: center;
}

.news-head-cat-inn ul li a {
    display: inline-block;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 20px;
    transition: 0.3s;
}

.news-head-cat-inn ul li a:hover {
    background: #f2f2f2;
}

/* Desktop Normal Menu */
@media (min-width: 992px) {

    .category-slider {
        display: flex !important;
        justify-content: center;
    }

    .category-slider .owl-stage-outer {
        overflow: visible;
    }

}

@media (max-width: 991px) {

    .category-slider .owl-item {
        position: relative;
    }

    .category-slider .owl-item:not(.cloned)::after {
        content: '';
        width: 1px;
        height: 60%;
        position: absolute;
        top: 20%;
        right: 0;
        background-color: #868686;
    }

}


/* Full Width Banner */
.full-banner-section{
    margin:0px 0;
    background-color:#fff;
      padding: 0 25px 25px 25px; /* top right bottom left */

}

.full-banner-item{
    position:relative;
    width:100%;
}

.banner-image{
    position:relative;
    width:100%;
    overflow:hidden;
}

.banner-image img{
    width:100%;
    height:auto;
    display:block;
}

/* Title Overlay */
.banner-title{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:20px;
    background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.banner-title h3{
    color:#fff;
    font-size:22px;
    margin:0;
    font-weight:600;
}

/* Mobile */
@media(max-width:768px){

.banner-title{
    padding:15px;
}

.banner-title h3{
    font-size:16px;
}

}