@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Scss Document */
body {
  font-family: "Inter", sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: normal;
  background:#fff;
  overflow-x: hidden;
}


p {
  font-size: 14px;
  color: #5e5e5e;
  letter-spacing:0.3px; 
}

img {
  max-width: 100%;
  border: 0; }

.clear {
  clear: both;
  float: none;
  width: 100%; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

a {
  text-decoration: none !important;
  transition: all 0.2s ease-in;
  color: #000; }

a:hover {
  color: #019b77 !important; }

a, span {
  display: inline-block; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb-100 {
  margin-bottom: 100px; }

.mt0 {
  margin-top: 0px !important; }

.pt15 {
  padding-top: 15px; }

.pl-0 {
  padding-left: 0; }

.pr-0 {
  padding-right: 0; }

.no-padding {
  padding: 0px; }

.img-responsive {
  width: 100%;
  height: auto; }

/*------------------common-css-------------------*/
.la-phone { transform: scaleX(-1); }
.la-search { transform: scaleX(-1); }

.green-text {
  color: #019b77; }

.blue-bg {
  background: #019b77; }

  .common-btn {
    font-size: 16px;
    background: #fff;
    color: #000;
    padding: 17px 48px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    border-radius: 40px;
    font-weight: 400;
}

.common-btn:hover {
  background: #019b77;
  border-color:#019b77; 
  color: #fff;
  box-shadow: none; }

.title-col{ margin-bottom:30px; }

.title {
  position: relative;
  font-size:24px;
  font-weight:400;
  color:#000;
  margin-bottom:0px;
  display: inline-block;
}

.title:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background: #000;
    top: 50%;
    right: 0;
    margin-right: -65px;
}

.title-para{ font-size:18px; }

.form-control {
    border-radius:6px;
    padding: 1.3rem 1.5rem;
    font-size: 15px;
	  height:50px;
}

select.form-control { padding: 0; padding-left:15px; height:50px; -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.3em;
}

textarea.form-control{ height: auto; }

:focus {
  box-shadow: none !important;
  outline: none !important;
}

@media (min-width: 1400px){
  .container{ max-width: 1130px; }
}

/*------------------end common-css-------------------*/

.main-header{ padding:10px 0; transition: all 0.3s ease; background: #fff; box-shadow: 0 15px 40px -20px rgba(40, 44, 63, .15); }
.main-header .container { position: relative; }

.logo img{ max-height: 21px; }

.inner-topheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-header{ display: flex; align-items: center; }

.right-header { display: flex; align-items: center;width:80%; }

.header-social-ico a{ color:#fff; font-size:24px; margin:0px 5px;  }
.top-search-ico{ color:#000; font-size:24px; margin-left: 16px; margin-right: 10px; cursor: pointer; }
.top-bar-ico{ color:#000; font-size:28px; margin:0px 10px;  cursor: pointer; }

.top-navmenu{ margin-left:auto; margin-right:auto;}
.top-navmenu ul{ display: flex; padding:0px; list-style: none; margin:0px;   }
.top-navmenu ul li a{ color:#000; font-size:14px; margin:0px 8px; padding:5px; text-transform:uppercase; font-weight: 500; }
.top-navmenu ul li a:hover{ color:#999; }


.topstories-sec{ background:#ebebeb; padding:115px 0 50px;  }

.story-col a{ display: block; border-radius: 10px 10px 0px 0px; overflow: hidden; max-height:260px;  }

.storiesslider .owl-nav { margin: 0; }

.storiesslider .owl-nav [class*=owl-] {
    color: #000;
    font-size: 24px;
	background:#fff;
	height:40px;
	width:40px;
	text-align: center;
	line-height:40px;
	border-radius:50%; 
}

.storiesslider .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5%;
}

.storiesslider .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5%;
}

.browsecategory-sec{ padding:60px 0; }
.browsecategory-sec .container{ position: relative; }
.cate-name{ font-size:18px; color:#212121; margin-top:15px; font-weight: 500; text-align: center; padding:0px 20px;   }
.category-col a{ display: block; text-align: center; }

.categoryslider .owl-nav [class*=owl-] {
    color: #000;
    font-size: 24px;
	background:#fff;
	height:40px;
	width:40px;
	text-align: center;
	line-height:40px;
	border-radius:50%; 
	border:1px solid #ccc;
	margin-top:-60px; 
}

.categoryslider .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    top:0px;
    right:55px;
}

.categoryslider .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    top:0px;
    right:0px;
}

.singleslider-sec{ padding:0px 0px 50px; position: relative; }
.single-banner a{ display: block; position: relative; border-radius:10px; overflow: hidden;  }
.single-banner a img{ border-radius:10px; }
.banner-text{ background:rgba(240,11,103,0.9); padding:15px 20px; text-align: center; position: absolute; bottom:0px; width:100%;    }
.banner-text p{ color:#fff; margin-bottom:8px; font-size:15px; text-transform: uppercase; letter-spacing:1.2px;  }
.banner-text h3{ color:#fff; margin-bottom:0px; font-size:24px; font-weight: 500;   }

.singleslider-sec .owl-nav.disabled{ display: none; }
.singleslider-sec .owl-dots{ margin-top:20px !important; }

.title-vlink{ display: flex; justify-content: space-between; }
.viewall-link a{ font-size:16px; color:#000; border-bottom:1px solid #000; font-weight: 500; }

.trending-pic a{ display: block; }
.trending-pic{ position: relative; margin-bottom: 15px; border-radius: 10px; }
.trending-pic img{ border-radius: 10px; min-height: 175px; max-height: 175px; object-fit: cover; }
.trend-tag{ position: absolute; bottom: 10px; right: 10px; background: #000;  border-radius: 5px;  }
.trend-tag a{  text-transform: uppercase; font-size: 12px; color: #fff; padding:7px 10px; display: inline-block; line-height: 1; }

.yellow{ background:rgb(255 198 0 / 90%); }
.sky{ background:rgb(0 192 255 / 90%); }
.red{ background:rgb(255 0 0 / 90%); }
.green{ background:rgb(130 240 11 / 90%); }

.trending-col {
    margin-bottom: 20px;
}

.trending-text h3{ font-size: 14px; font-weight: 600; color: #111; line-height: 21px; }
.trending-text p{ margin-bottom: 0; font-size: 11px; color:#737373; }

.trendingslider-sec{ position: relative; }
.trendingslider-sec .owl-nav { margin: 0; }

.trendingslider-sec .owl-nav [class*=owl-] {
    color: #000;
    font-size: 24px;
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-top: -60px;
}

.trendingslider-sec .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5%;
}

.trendingslider-sec .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5%;
}

.ad{ margin: 50px 0;}

.spotlight-sec{ background: #f7edc9; padding: 60px 0; }
.big-spotlight a{ display: block; background: #fff; border-radius:10px; overflow: hidden; }
.big-spotlight-pic img{ width: 100%; }

.big-spotlight-text{ text-align: center; padding: 30px 30px; }
.big-spotlight-text h5{ font-size: 16px; color: #373737; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; }
.big-spotlight-text h3{ font-size: 24px; color: #111; font-weight: 500; margin-bottom:30px; }
.common-link{
    font-size: 16px;
    color: #111;
    padding:10px 40px;
    display: inline-block;
    border: 1px solid #111;
    border-radius: 6px;
    margin-bottom: 15px;
}

.big-spotlight a:hover .common-link{ background:#111; color: #fff; }

.small-spotlight a{ display: block; }
.small-spotlight-pic{ border-radius: 10px; overflow: hidden; max-height: 240px; }
.small-spotlight-text{ text-align: center; margin-top: 20px;}
.small-spotlight-text p{ margin-bottom: 0px; font-size: 15px; color:#111; font-weight:400; }
.small-spotlight{ margin-bottom: 30px;}

.small-spotlight-pic img{ width: 100%; height: 210px; object-fit: cover; object-position: top; }

.creative-category-sec{ padding: 60px 0; position: relative; overflow: hidden; }
.creative-category-sec:before{ content:""; position: absolute; background: #f2f2f2; left: 0; top:20%; width: 60%; height: 100%; z-index: -1; }

.creative-col1{ display: flex; width: 80%; margin:20px 0; border-bottom:1px solid #d7d7d7; padding-bottom:20px; }

.creative-col1-text h3{ 
    font-size: 15px;
    font-weight: 500;
    color: #111;
}
.creative-col1-text p {
  margin-bottom: 0;
  font-size: 11px;
  color: #737373;
}
.creative-col1-pic {
  max-width: 25%;
  flex: 0 0 25%;
  overflow: hidden;
  border-radius:10px;
  margin-right: 20px;
  max-height: 100px;
}
.creative-col1-pic a{ display: block; }
.creative-col1-pic a img{ border-radius:10px; }

.creative-left-list .creative-col1:last-child{ border-bottom: none; padding-bottom: 0; }

.creative-big-pic{ border-radius: 10px; overflow: hidden; max-width:80%; }
.creative-tags-orange {
  background: #fa8d32;
  padding: 30px;
  margin-left: 50px;
  margin-top: -50px;
  z-index: 1;
  position: relative;
}
.creative-tags-title{ font-size: 36px; color: #fff; font-weight: 600; line-height: 1.2; margin-bottom: 15px; }
.creative-tags-para p{ font-size: 16px; color: #fff; font-weight:400; }

.creative-maintags ul{ list-style: none; display: flex; flex-wrap: wrap; padding: 0px; margin-bottom:0; }
.creative-maintags ul li a{ color: #fff; font-size: 14px; padding:6px 20px; border-radius: 40px; margin:5px; border: 2px solid #fff; text-transform: uppercase;}
.creative-maintags ul li a:hover{ background: #fff; color:#000; }

.creative-right-col{ position: relative;}
.creative-right-col:after{ content:""; position: absolute; background: #fde43f; right:-50px; bottom:-50px; width: 300px; height:170px; z-index: -1; }

.homeslider2-sec{ position: relative; padding:60px 0; }
.homeslider2-sec .owl-nav { margin: 0; }

.homeslider2-sec .owl-nav [class*=owl-] {
    color: #000;
    font-size: 24px;
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-top: -60px;
}

.homeslider2-sec .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5%;
}

.homeslider2-sec .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5%;
}

.best4col-sec{ background:url(../images/skybg.jpg) no-repeat #e9f4ff; background-size: cover; padding: 60px 0 30px; }

.best4col-left{ margin-right: 20px; }

.best4col-col a{ display: block; overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); height: 100%; }
.best4col-text h4{font-size: 18px; font-weight: 500; padding:20px 30px 15px;}
.best4col-col { height: 100%; }

.best4col-left .col-sm-6{ margin-bottom:30px; }

.best4col-pic img{ max-height: 270px; min-height: 270px; object-fit: cover; }

.singleslider2-sec{ padding: 60px 0 0; position: relative; }
.singleslider2-banner a{ display: block; }
.singleslider2-banner{ position: relative; }
.singleslider2-text {
  position: absolute;
  background: rgb(96 219 29 / 90%);
  z-index: 1;
  bottom: 30px;
  left: 30px;
  padding: 30px;
  border-radius: 15px;
  max-width: 550px;
  width: 100%;
}

.singleslider2-pic{ border-radius: 15px; overflow: hidden; }
.singleslider2-pic img{ width: 100%; border-radius: 15px; }
#single-slider2 .owl-nav.disabled{ display: none;}

.singleslider2-text h3 {
  font-size: 36px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}
.singleslider2-text p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

.singleslider2-sec .owl-dots { margin-top: 20px !important; }

.inner-newslettercol{ background-image: linear-gradient(to right, #019b77, #07599b); position: relative; border-radius: 15px;}
.newsletter-content {
  max-width: 450px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 34px;
}
.newsletter-vector { text-align: right; }
.subscribe-form {
  width: 100%;
  position: relative;
}
.subscribe-form input {
  font-size: 16px;
}
.subs-ico {
  background: none;
  border: 0;
  font-size: 26px;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #111;
  padding:6px 20px;
  margin:0px;
}

.newsletter-content h5 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
  max-width: 320px;
}

footer{ padding:30px 0; background: #283744; margin-top: 50px; }
.top-footer{ display: flex; align-items: center; justify-content: space-between; }
.footer-social a {
  font-size: 26px;
  padding: 2px 5px;
  color: #fff;
}

.footer-social a:hover{ color:#019b77; }

.footer-links{ margin-top: 35px;}

.footer-links h4{ font-size:18px; color:#fff; text-transform: uppercase; }
.footer-links ul{ padding: 0px; list-style: none; display: flex; margin-top: 15px; flex-wrap: wrap; }
.footer-links ul li a{ color:#fff; font-size:14px; padding-right:6px; margin-right: 10px; font-weight: 300;}

.footer-links p a{ color:#fff; font-size:14px; padding-right:6px; margin-right: 10px; font-weight: 300;}
.disclaimer-para{ font-size: 12px; color:#7d8185; line-height: 15px; margin:30px 0 10px; }

.reflink p{ margin-bottom: 0; color:#ccc; font-size: 12px; margin-top:20px; }
.reflink p a{ color:#eee; }


/*-----------------searchbar-------------------*/

.search-box{ background:#f7f7f7; position: fixed; top:0; width: 100%; height: 100%; z-index: 9; display: none; overflow-y: scroll; }
.search-close{ position: absolute; right:25px; top:25px; color: #666; font-size: 24px; cursor: pointer; background: #ebebeb; width: 40px; height: 40px; text-align: center; text-align: center; line-height: 40px; border-radius: 50%;  }

.search-close:hover{ color: #000; }

.outer-search-top{ background: #fff; padding:100px 30px 60px; }
.search-form{ position: relative; }
.search-form .form-control{ background: none; font-size: 36px; border: none; border-bottom:1px solid #999; color:#fff; border-radius: 0px; padding-left: 0px !important; height: 80px; padding: 1rem 1.5rem; padding-right: 50px; }
button.search-ico {
  position: absolute;
  right: 0px;
  top:25px;
  background: none;
  color: #fff;
  font-size: 28px;
  padding: 0;
  line-height: 1;
  border: none;
}

.search-form .form-control::placeholder {
  color: #777;
  opacity: 1; /* Firefox */
}

.search-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #777;
}

.search-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #777;
}

.search-form .form-control:focus{ border-color:#000;}
.outer-search-top p{ margin-top: 20px; font-size: 16px; font-weight: 300;}

.search-recently-blogs .creative-col1{ width: 100%; }
.search-recently-blogs .creative-col1-text h3 a{ color: #3f3f3f;}
.search-recently-blogs a{ color: #999;}

.search-recently-blogs .creative-col1-pic{ max-width: 20%; flex: 0 0 20%; }

.search-mtitle {
    color: #373737;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 20px;
}

.footer-searchbox { padding:40px 30px 10px; }

.search-box .container{ max-width:1000px; }
.search-keywords-box{ padding-left: 50px; }
.search-keywords-box .creative-maintags ul li a {
    color: #303030;
    border: 1px solid #dedede;
    text-transform: capitalize;
    background: #fff;
}
.search-keywords-box .creative-maintags ul li a:hover{ color: #000;}

.hiddenbody{ overflow-y: hidden; }

/*----------------------detail page--------------------*/

.inner-pages{ padding: 30px 0; }


.breadcrumb-item {
  font-size: 12px;
}
.breadcrumb {
  background: none;
  margin-bottom: 0;
  padding:0px;
}
.breadcrum {
  margin-bottom: 10px;
}

.breadcrumb-item+.breadcrumb-item::before{ content:">"; }

.posttitle-big{ margin: 20px 0 20px;}
.posttitle-big h1 {
    font-size: 36px;
    color: #111;
    font-weight: 600;
}
.posttitle-topdesc {
  display: flex;
  align-items: center;
}
.post-authpic{ display: flex; align-items: center;  }
.authpic1{ overflow: hidden; width: 45px; height: 45px; border-radius: 50%; margin-right: 15px; }
.authpic1 img{ max-height: 45px; object-fit: cover; width: 100%; }

.post-authpic a{ margin-left: 5px; color:#019b77; }
.post-authpic a:hover{ color: #111;}

.post-authdt span{ border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; }
.post-authdt span i{ font-size: 16px; margin-right: 1px; vertical-align: middle; }

.detail-banner-social-btns{ display: flex; align-items: center; border: 1px solid #eceded; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 1px; overflow: hidden; }
.detail-banner-social-btns a{ padding: 10px; border-left:1px solid #eceded; flex-grow:1; text-align: center;  }
.detail-banner-social-btns a:first-child{ border-left: none;}

.detail-banner-social-btns a:hover{ background: #eceded;}

.detail-banner-pic {
  border-bottom-left-radius: 10px;
  overflow: hidden;
  border-bottom-right-radius: 10px;
}

.detail-banner-copyright {
    font-size: 16px;
    color: #6e6e6e;
    margin-top: 0px;
    margin-bottom: 12px;
}

.detail-banner-sec{ margin: 20px 0px 30px 0px;}

.d-para-content p{ font-size: 18px; color:#141414; font-weight: 300; line-height:32px; }
.d-para-content p b, .d-para-content p strong{ font-weight: 600; }
.d-para-content p a{ font-weight: 600; color:#0ba3ea; }

.d-read-link{ font-size: 18px; color:#141414; font-weight:500; font-style: italic; }
.d-read-link i{ font-size: 30px; vertical-align: bottom; } 
.d-read-link a{ color:#0ba3ea; }
.d-read-link a:hover{ text-decoration: underline !important; }

.d-sec-col1{ margin: 40px 0;}
.d-sec-col1 h2{ font-size:26px; color:#141414; font-weight:500; margin-bottom:20px; }
.d-sec-col1 h3{ font-size:24px; color:#141414; font-weight:500; margin-bottom:25px; }
.d-sec-col1pic{ border-radius: 10px; overflow: hidden; }
.d-sec-col1pic img{ width: 100%;}

.d-sec-col1 .detail-banner-copyright{ padding-left: 0px; margin-bottom: 20px;}

.d-sec-col1 .d-para-content p{ margin: 25px 0;}

.detail-maintags{ background: #234242; border-top-left-radius: 10px; border-top-right-radius: 10px; padding:25px 30px; }
.detail-maintags h4{ font-size:18px; color:#fff; margin-bottom:10px; text-transform: uppercase; font-weight: 400; }
.detail-maintags ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin-bottom: 0;
}
.detail-maintags ul li a {
    color: #111;
    font-size: 13px;
    padding: 6px 20px;
    border-radius: 40px;
    margin: 5px;
    background: #fff;
    text-transform: uppercase;
}

.detail-maintags ul li a:hover{ background: #0ba3ea; color: #fff; }

.detail-foot-social-btns{
    display: flex;
    align-items: center;
    border: 1px solid #eceded;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 1px;
    overflow: hidden;
}
.detail-foot-social-btns a:first-child {
  border-left: none;
}
.detail-foot-social-btns a {
  padding: 10px;
  border-left: 1px solid #eceded;
  flex-grow: 1;
  text-align: center;
}

.detail-ad-foot{ margin-top:50px;}

/*-------------about us----------------*/

.aboutus-banner{ position: relative; margin-bottom: 100px; }
.about-banner-pic{ max-height: 500px; overflow: hidden; }
.about-banner-text{ background:rgb(42 182 117 / 90%); padding: 40px; position: absolute; right: 0; bottom: -50px; max-width:600px; }
.about-banner-text h1{ color: #fff; font-size: 54px; }
.about-banner-text p{ font-size: 18px; color:#fff; font-weight: 300; }

.aboutsec-2{ padding:30px 0 50px; background: url(../images/bg3.jpg) no-repeat; background-size: 100%; }
.about2-text{ padding-right: 50px;}
.about2-text h2{
  color: #54595F;
    font-size: 48px;
    line-height: 1.6em;
    border-bottom: 4px solid #019b77;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.about2-text p{
  color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
}

.aboutpic2 img{ border-radius:40px 10px 40px 10px; box-shadow: 0px 0px 30px #deffec; }

.inner-mission {
  display: flex;
  margin:60px auto 50px;
  align-items:center;
}

.inner-mission .title {
  margin-bottom: 0;
  font-size:56px;
  font-weight: 500;
  color: #019b77;
  max-width: 20%;
    flex: 0 0 20%;
}
.inner-mission p {
  font-size:16px;
  margin-bottom: 0;
  margin-left:50px;
  padding-right:0px;
}

.inner-mission .title:before{ display: none;}

.testimonial-wrapper {
  padding-bottom:50px;
  padding-top:60px;
  background:linear-gradient(86.39deg, #EEF6F5 48.02%, #FFF7ED 97.03%);
}

.testimonial-wrapper .title-col{ margin-bottom:30px;  text-align: center; } 

#testimonial-slider .item{ padding:15px; }
.testimonial-wrapper .title:before{ display: none;}
.testimonial-wrapper .title{ font-size: 34px; font-weight: 500; }

.testi{ background:#fff; border-radius:15px; box-shadow:0px 0px 15px rgba(0 ,0, 0, 0.01); overflow: hidden;  text-align: center; padding:30px;  }
.testi img{ width: auto !important; margin: auto; }
.user-pic{ width:60px; height:60px; overflow: hidden; border-radius:50%; margin: auto;   }

.testi h4{ font-size:22px; font-weight:500; margin-top:15px;  } 
.testi h4 small{ font-size:13px; color:#939191; }  
.testi p{ font-size:15px; color:#202020; line-height:24px;   }
.test-location{ color:#000; margin:10px 0;  }

#testimonial-slider .owl-nav.disabled {
 visibility: hidden;
  margin-top:0px; 
}

.quote-icon{ position: absolute; right:40px; top:40px; }
.rating-star{ margin:10px 0 15px; }
.rating-star img{ max-height: 13px;}

.about-categories{ padding:60px 0; }

.contactus-top{ background: #e1f9f3; padding:40px 10px; }

.contact-left{ padding-right: 30px;}
.contact-left h1{ font-size:44px; font-weight: 400; max-width: 60%;  margin-bottom: 20px;}
.contact-left h1 img{ width:42px; height: 42px; }

.contact-left h4{ font-size:24px; font-weight:400; }

.contactpg-mailcol{ border-top:1px solid #ccc; padding-top: 15px; margin-top:20px; }
.contactpg-mailcol p{ margin-bottom: 5px;}
.contactpg-mailcol a{ font-size: 18px; }

.contact-form{ background: #fff; padding: 30px 30px 15px; border-radius: 8px; box-shadow: 0px 0px 30px rgb(0 0 0 / 3%); }
.contact-form .form-group{ margin-bottom: 15px;}
.contact-form .form-control{ background-color: #f5f5f5; }
.contact-form .form-control:focus{ background-color: #fff; }

.contactfaq-wrapper { padding: 50px 0; }

.faq-questions .card-header {
  background:none;
  margin-top:0px !important;
border:none;
  padding:20px 0;
  border-radius: 0px;
  cursor: pointer;
  margin-bottom:0px !important;
}

.faq-questions .card-header.collapsed a.card-title{ color:#2A2A2A; font-weight:400; }
.faq-questions .card-header a.card-title{ color:#019b77; }

.faq-questions .card-header a.card-title:hover{ color:#019b77; }

.faq-tabs-sec ul.nav.nav-pills { margin-bottom: 10px; }

.faq-questions .card{ border: none; background: none; }
.faq-questions .card-body {
  background: #fff;
  padding:0px;
}

.faq-questions .card-body p {
  margin-bottom:0px;
  font-size:14px;
  font-weight:400;
  line-height: 24px;
padding:15px 25px;
border-left:2px solid #019b77;
}

.faq-questions .card-title{ font-size:18px; margin-bottom:0; width:100%;  }

.accordion .card-header:after {
  font-family: 'Line Awesome Free';
  font-weight: 900;  
  content: "\f106";
  float: right;
font-size:18px;
color:#019b77;
position: absolute;
  right: 30px;
}
.accordion .card-header.collapsed:after {
  content:"\f107";
color:#333; 

}

.advertisepg-top{ background-color: transparent; background-image: linear-gradient(89.39deg,#E9F1F9 48%,#FFF7ED 100%); padding:60px 0; }
.advertisetop-left h4{ font-size: 18px; color: #444; font-style: italic; border-left:3px solid #444; padding-left: 10px; }
.advertisetop-left h1{ font-size:60px; font-weight: 600; color:#111; }
.advertisetop-left p{ font-size:21px; color:#333; max-width: 80%; margin: 20px 0; }

.advertisetop-left .common-btn{ background: #019b77; color:#fff !important; }


.home-how-ico img{ max-height: 60px; }
.home-how-col p {
  font-size: 14px;
  color: #6c6c6c;
  line-height: 20px;
}

.home-how-col h4 {
  font-size: 20px;
  color: #313131;
  margin-bottom: 10px;
}
.home-how-ico {
  margin-bottom: 20px;
}
.home-how-col {
  margin:15px 0;
  position: relative;
}

.home-how-sec{ padding: 50px 0px 20px;}
.home-how-sec .title{ font-size: 32px;}

.advertise-form { padding: 30px 0 70px; }
.advertise-form .title-col{ margin-bottom:50px;}
.advertise-form h5{ margin-bottom: 20px;}
.advertise-form p{ font-size: 16px; }
.advertise-form ul{ padding-left: 16px; margin-top: 20px; margin-bottom: 20px; }
.advertise-form li{ font-size: 16px; margin:8px 0; }
.advertise-text{ padding-right: 30px;}

.adverstise-form .form-control{ border-color:#aaa; }

.title-col p{ margin-top: 10px; font-size:15px; }

.storiespage-sec{ padding: 30px 0;}

.alltags-filter ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin-bottom: 0;
}

.alltags-filter ul li a {
  color: #000;
  font-size: 13px;
  padding: 6px 20px;
  border-radius: 40px;
  margin:8px 5px;
  border: 1px solid #ccc;
  text-transform: uppercase;
}

.filter-active a{ background: #019b77; color:#fff !important; border-color: #019b77 !important;}
.alltags-filter ul li a:hover{ background: #019b77; color:#fff !important; border-color: #019b77;}

.alltags-filter{ margin-bottom: 30px; }
.story-pgcol a{ display: block; border-radius: 10px; overflow: hidden; }
.story-pgcol a img {
  width: 100%;
  border-radius: 10px;
  max-height: 270px;
  object-fit: cover;
  object-position: top;
}

.story-pgcol p {
  font-weight: 500;
  margin-top: 10px;
  color: #111;
  font-size: 13px;
  line-height: 18px;
}

.story-pgcol{ position: relative; }
.trending-icon{ position: absolute; top: 10px; right: 10px; }
.trending-icon img{ max-height: 22px;}

.columns-5col .col-md-3 {
  flex: 0 0 auto;
  width: 20%;
  margin:5px 0;
}

.trending-columns-4col a img {
  width: 100%;
  border-radius: 10px;
  max-height: 270px;
  min-height: 270px;
  object-fit: cover;
  object-position: top;
}

.trending-columns-4col .col-lg-3 { margin-bottom:30px; }

.trendingtags-filter {
  margin-bottom: 30px;
}
.trendingtags-filter ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin-bottom: 0;
}
.trendingtags-filter ul li a {
  color: #000;
  font-size: 15px;
  padding:10px 28px;
  border-radius:10px;
  margin: 8px 5px;
  border: 1px solid #e1e1e1;
  text-transform: uppercase;
  background: #f5f5f5;
}

.trendingtags-filter ul li a:hover{ background: #019b77; color:#fff !important; }

.brown{ background:#965d25; }
.orange{ background:#fe7800; }

.columns-5col .category-col{ margin-bottom:20px;}

.mainmenu-bar{ background: #fff; padding: 30px; position: fixed; width:350px; height: 100%; z-index:9; top: 0; right:-350px; overflow-y: scroll; transition: all 0.3s ease-out;}
.menulogo img{ max-height:24px; }
.menulogo{ border-bottom: 1px solid #ccc; padding-bottom:20px; margin-bottom: 15px;}
.menu-close{
  position: absolute;
    right: 10px;
    top: 10px;
    color: #111;
    font-size: 24px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

.mainmenu-active{ right: 0; }

.menuc-title{ 
  font-size: 15px;
  font-weight: 500;
  margin:12px 0px;
  padding:4px 0px;
  text-transform: uppercase;
  display: block;
}

#accordion2 .card-header{ cursor: pointer; position: relative; }

#accordion2 .card-header:after{ top: 0; right: 0px; }
.menulist-pt{ padding-left:25px; margin-bottom: 0;}
.menulist-pt li a{ display: block; padding:2px 0; margin:2px 0; font-size: 15px; color: #444; }

#accordion2.accordion .card-header:after{ content: "−"; font-weight:500; font-family: "Inter", sans-serif; font-size: 21px; }
#accordion2.accordion .card-header.collapsed:after { content: "+"; font-weight:500; font-family: "Inter", sans-serif; font-size: 21px; display:none;}

.mainmenu-icon {
    overflow: hidden;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    vertical-align: middle;
}

.mainmennu-f-links{ margin-top:20px; border-top: 1px solid #ccc; padding-top: 20px;}
.mainmennu-f-links p a{ margin:10px 0; font-size: 14px; text-transform: uppercase; color:#666; display: block; }
.mainmennu-f-links p a i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
}
.mainmennu-f-links p a:hover{ color:#000; }

.overlay {
  background: rgb(0 0 0 / 70%);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
}

.adright img{ width: 100%;}
.big-spotlight{ margin-bottom: 30px;}





/*-----------------new page----------------*/

.unique-header{ 
  padding: 10px 40px;
  transition: all 0.3s ease;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: space-between; 
}

.new-btn{ color: #ccc; border: 1px solid #ccc; padding:6px 10px; border-radius:5px; }
.new-btn:hover{ background: #eee; color:#000; }

.specialpage-sec{ background: #f5f5f5; }
.specialpage-sec .container{ max-width:900px; background: #fff;  padding-bottom:30px; }

.mainspcial-banner p {
  margin: 10px 0px;
  color: #111;
  font-size: 15px;
}
.specialpage-col a{ width: 100%; overflow: hidden; }
.specialpage-col a img{  transition: all 0.5s ease-in; }
.specialpage-col a:hover img{ transform:scale(1.05); }

.waykup-profile {
  position: relative;
  border-radius: 50%;
  text-align: center;
  width: 200px;
  height: 200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.waykup-profile:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #FFC900 0%, #FFC900 5%, #fd5949 45%,#FF1E50 60%,#DD3DD3 90%);
}

.inner-waykupdp {
  border-radius: 50%;
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 4px;
  outline: 1px solid #e1e1e1;
  outline-offset: -7px;
}


.catetopbar-sec{ padding: 50px 0; }
.wakyup-toptext h3{ font-size: 20px; }
.wakyup-toptext p{ margin-bottom:3px; color:#111; }

.wakyup-toptext p a i{ vertical-align:middle; font-size:18px; }

.light-text{ color: #777 !important; }

.inner-catetopcircle{ display:flex; justify-content: center; }
.catecicle-col {
  max-width: 15%;
  flex: 0 0 15%;
  text-align: center;
  padding: 0px 10px;
  margin-top: 15px;
}

.catecircle-pic {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 7px;
  outline: 1px solid #e1e1e1;
    outline-offset: 7px;
}

.catecicle-col a p {
  color: #111;
  margin-top: 15px;
  font-size: 13px;
}

.catet-social-ico{ margin-top:5px; }

.catet-social-ico a{
  color: #333;
    font-size: 28px;
    margin-right:10px;
}

#singlecatpg-slider .owl-nav.disabled{ display: none; }
#singlecatpg-slider .owl-dots{ margin-top:10px; }

.catet-social-ico span svg { height: 26px; vertical-align: -3px; }
.catet-social-ico span{ display: block; font-size: 28px; }


.mainspcial-banner{ margin-top: 20px; }

.breadcrumb {
  background: none;
  margin-bottom: 0;
  padding:0rem;
}

.breadcrumb-item {
  font-size: 14px;
  font-weight: 400;
}

.breadcrumb-item a {
  color: #000;
}

.breadcrumb-item.active {
  color: #444444;
  font-weight: 400;
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content:"\f105";
  font-family: 'Line Awesome Free';
  font-weight: 900;
}

.author-profile {
  border-radius: 50%;
  text-align: center;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: auto;
}

.author-profile img{ border-radius: 50%; min-height: 120px; max-height: 120px; object-fit: cover; }

.authorpg-namebtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.authorpg-namebtn h3{ margin-bottom: 10px; font-size:21px; }
.authorpg-namebtn  .common-btn{ background: #019b77; color: #fff !important; }

.authorpost-social{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0px;
}


.author-postno h4{ font-size:21px;; }
.author-postno h4 small {
  font-weight: 400;
  font-size: 15px;
  color: #777;
}

.author-social-ico a {
  color: #333;
  font-size: 28px;
  margin-right: 10px;
}

.author-social-ico a i.la-facebook-f{ color:#4D6FA9; }
.author-social-ico a i.la-twitter{ color:#4FA9EE; }
.author-social-ico a i.la-instagram{ color:#C41E77; }

.authortopbar-sec .container { max-width:800px; }

.middle-authorpage .trendingtags-filter ul{ justify-content: center; }

.middle-authorpage .trendingtags-filter ul li.atactive a{ background: #019b77; color:#fff; }

.middle-authorpage { margin-top: 20px; }

.authnapost { text-align: left; }

.inner-catetopcircle .owl-theme .owl-nav [class*=owl-]{ background: none; color: #333; font-size: 26px; padding: 4px 8px; }

.custom-picmo.modal-dialog{ max-width: 600px; }
.small-title {
  position: relative;
  font-size: 28px;
  margin-bottom: 0px;
  color: #1a1a1a;
}

.langpopup-col{ text-align: center; }

.lang-icon img{ max-height:100px; }
.lang-btn{ margin-top:30px; margin-bottom:20px; }
.lang-btn a{ border:2px solid #000; margin: 0px 10px; }

#myModal .close {
  background: none;
  font-size: 30px;
  border: none;
  line-height: 1;
}

.topup {
  position: fixed;
  padding: 0px 10px;
  font-size: 34px;
  right:10px;
  bottom: 20px;
  display: none;
  z-index:99;
}

.topup a:hover{ border-radius:10px;}

.topup a{ background:#fff; color:#111;  border-radius:15px; border:1px solid #ccc; width:40px; height:40px;  }  

.topup a i {
  font-size: 24px;
  display: block;
  text-align: center;
 line-height:40px;
}


.mobile-viewcate{ display: none; }

.mainspcial-banner p{ font-weight: 600; font-size:18px; }

/*-----------------new media css-------------------*/

.pa-50{ padding: 50px 0px; }
.newtitle-col{ margin-bottom: 20px; }
.newtitle{
    margin-bottom:0px;
    font-size: 2rem;
    font-weight: 400;
    color: #2c3e50;
}
.newtitle span {
    font-weight: 800;
    background-image: linear-gradient(transparent 60%, #9deadb 60%); /* Yellow highlight */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.commonpost-col{
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.commonpost-pic {
    max-width: 30%;
    flex: 0 0 30%;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 20px;
}

.commonpost-pic a{ height: 100%; display: block; }
.commonpost-pic a img{ height: 100%;  }

.commonpost-text h3 {
    font-size: 14px;
    font-weight: 500;
    color: #111;
}
.commonpost-text p {
    margin-bottom: 0;
    font-size: 11px;
    color: #737373;
}

.post-tag{ color: #8B8B8B; font-size: 12px; }
.post-tag i{ margin-right: 3px; }
.post-tag a{ margin-right: 10px; font-weight: 500; color: #000; }

.hotlinebig-text{ margin-top: 15px; }
.hotlinebig-text h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}
.hotlinebig-text .post-tag{ margin:15px 0 10px; }
.hotlinebig-text p {
    margin-bottom: 0;
    font-size: 14px;
    color: #595959;
}

.hotline-rightcol {
    position: sticky;
    top: 0px;
}

.post-badge {
    background: #72fbe0;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.bestglobe-col a {
    position: relative;
    display: block;
}
.bestglobe-pic {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.bestglobe-pic:after {
    content: "";
    background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0));
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 82%;
}
.bestglobe-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    right: 0;
    display: block;
}
.bestglobe-content h4{ color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 10px; line-height: 26px; }
.bestglobe-content .post-tag{ color: #CFCFCF; }

.light-badge {
    background: #d3fff6;
    color: #299d86;
}

.bestglobe-center .commonpost-pic{ max-width: 37.5%; flex: 0 0 37.5%; }
.bestglobe-center .commonpost-text h3{ font-size: 16px; line-height: 21px; }

.bestglobe-center .commonpost-pic a img{ object-fit: cover; }

.footer-logo img{ max-height: 42px; }


.gadgettech-bigcol a {
    position: relative;
    display: block;
}
.gadgettech-bigpic {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.gadgettech-bigpic:after {
    content: "";
    background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0));
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 82%;
}
.gadgettech-bigcontent {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    right: 0;
    display: block;
}
.gadgettech-bigcontent h4{ color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 10px; line-height: 26px; }

.gadgettech-col a{ display: block; }
.gadgettech-col .gadgettech-content{ margin-top: 20px; }
.gadgettech-col .gadgettech-content h4{ font-size: 16px; font-weight: 600; line-height: 22px; }

.homesec4 .post-badge{ background: #82FFE8; }
.homesec4 .post-badge.light-badge{ background: #D0FFF6; color: #029277; }

.slideposter-banner a{ display: block; position: relative; }
.slideposter-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    right: 0;
    display: block;
}

.slideposter-text h4{ color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 10px; line-height: 26px; }

.slideposter-pic {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.slideposter-pic:after {
    content: "";
    background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0));
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

.trending-pic{ position: relative; }
.trending-pic .post-badge{ position: absolute; bottom: 0; left: 10px; background: #d0fff6; color: #298876; }

 .lang-select {
      width: auto;
      border: none;
      background: none;
      font-weight: 500;
      font-size: 14px;
      padding-right: 14px;
      appearance: none;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3e%3cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592c.86 0 1.319 1.013.753 1.658l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 11px;
}

.topbar{ background: #f5f5f5;  }
.topbar .container{ display: flex; justify-content: end; align-items: center; padding-right: 26px; }
.topsocial-icon{ margin-right:10px; }
.topsocial-icon a{
  font-size: 16px;
    padding: 4px 5px;
}
.topbar-text a{ border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; }

.menubar-category ul{ list-style: none; padding: 0; margin: 0; }
.menubar-category ul li{ margin: 10px 0px; }
.menubar-category ul li a {
    padding: 5px 0px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}

.category-selts .form-select{
  font-size: 13px;
    background-color: #f5f5f5;
}

.allcategoriespg-sec .trending-col {
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 17px 20px 0px rgba(40, 44, 63, .10);
    margin-bottom: 24px;
    position: relative;
}

.catico {
    background: rgb(255 255 255 / 50%);
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
}

.fin-badge{ background: #D0FFF6; color: #029277; }
.edu-badge{ background: #FFF4D1; color: #D2A206; }
.health-badge{ background: #d4ffd0; color: #08b747; }
.ins-badge{ background: #ffe4e4; color: #e24949; }
.star-badge{ background: #d0f5ff; color: #3165d9; }

.blogdt-left {
    position: sticky;
    top: 250px;
    z-index: 1;
    max-width: 6%;
    flex: 0 0 6%;
    align-self: flex-start
}

.leftsticky-share p {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 8px;
    color: #333
}
.innerblogdt-pages {
    display: flex;
    position: relative;
}

.blog-detail {
    max-width: 850px;
    margin: auto;
    width: 100%;
}


.blogdt-right{ max-width: 25%; flex: 0 0 25%; padding-left: 20px; }

.blogdt-social {
    display: flex;
    flex-direction: column
}

.blogdt-social a {
    margin: 6px 0
}

.blogdt-social a img {
    max-height: 30px
}

.detailpage-content h3{ font-weight: 600; margin-bottom: 15px; margin-top: 35px; }
.detailpage-content h4{ font-weight: 600; margin-bottom: 15px; margin-top: 35px; }
.detailpage-content p { color: #333; font-size: 16px; }
.detailpage-content li{ font-size: 16px; margin-bottom: 6px; }
.detailpage-content td, .detailpage-content th{ font-size: 16px; }

.recent-articles {
    margin-bottom: 20px;
    padding: 20px 25px;
    background: #e4f9f4;
    border-radius: 10px;
}
.widget-title {
    margin: 0px 0 15px;
    color: #019b77;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
}
.list {
    padding: 0;
    list-style: none;
    font-size: 14px;
    margin-bottom: 0;
    max-height: 200px;
    overflow-y: auto;
}
.list li {
    display: block;
    position: relative;
    margin: 0;
    padding: 6px 0 6px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    line-height: 24px;
}
.list li:first-child {
    border-top-width: 0;
}
.list li:before {
    content: "\f105";
    position: relative;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: -15px;
    margin-right: 15px;
    font-size: 12px;
    vertical-align: middle;
}
.list li a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.blogdt-newpost{ background: #f5f5f5; padding: 20px 15px 2px; border-radius: 10px; position: sticky; top: 10px; }
.blogdt-newpost .widget-title{ color: #333; }

.blogdt-newpost .commonpost-col{ display: block; }
.blogdt-newpost .commonpost-pic a{ display: block; }
.blogdt-newpost .commonpost-pic{ max-width: 100%; flex: 0 0 100%; margin-right: 0px; margin-bottom: 10px; }

.blogdt-similarpost .commonpost-pic{ max-width: 8%; flex: 0 0 8%; }
.blogdt-similarpost .commonpost-text h3{ font-size: 18px; }

.detailpage-content {
    max-width: 800px;
    margin: auto;
}

.post-followbtns{ margin-top: 20px; }
.post-followbtns .btn{ border: 1px solid #999; padding: 9px 12px; font-weight: 500; margin-right: 8px; }
.post-followbtns .btn img{ margin-right: 4px; max-height: 24px; }













/*-----------------media css-------------------*/

@media (max-width:1024px){
.top-navmenu{ display: none;}
.storiesslider .owl-nav .owl-prev, .homeslider2-sec .owl-nav .owl-prev{ left: -2%;}
.storiesslider .owl-nav .owl-next, .homeslider2-sec .owl-nav .owl-next{ right: -2%;}
.creative-tags-title{ font-size: 28px; }
.singleslider2-text h3{ font-size: 28px; }

}

@media (max-width:916px){
		.right-header{
		width:auto;
	}
.trendingtags-filter{ overflow-x: scroll; }
.trendingtags-filter ul{ flex-wrap: nowrap; }
.trendingtags-filter ul li a{ font-size: 13px; padding:5px 14px; }
.title-col p{ font-size: 14px; }
.columns-5col .col-md-3{ width: 25%; }
.about-banner-text h1{ font-size:34px; }
.about2-text{ padding-right: 0; margin-bottom: 30px;}
.aboutpic2 img{ width: 100%;}
.inner-mission{ flex-direction: column; align-items: flex-start; }
.inner-mission .title{ max-width: 100%; flex: 0 0 0; margin-bottom: 30px; }
.inner-mission p{ margin-left: 0px; margin-bottom: 20px; }
.advertisetop-left h1{ font-size: 40px; }
.advertisetop-left p{ font-size: 19px; }

.adverstise-form{ margin-top:20px;}
.contact-left h1{ max-width: 100%; }



}

@media (max-width:768px){
		.right-header{
		width:auto;
	}
.banner-text h3{ font-size: 20px; }
.banner-text p{ font-size:14px; }
.big-spotlight-text h3{ font-size: 20px; }
.creative-col1{ width: 90%; }
.creative-tags-title { font-size: 20px; }
.creative-tags-para p{ font-size: 15px; }
.creative-maintags ul li a{ font-size: 13px; padding: 4px 10px; }
.newsletter-content h5{ font-size: 24px; max-width: 230px; }
.newsletter-content{ max-width: 380px; }
.cate-name{ font-size: 16px; }
.best4col-left { margin-right: 0px; }

}

@media (max-width:736px){
.creative-category-sec:before{ display: none; }
.creative-big-pic{ max-width: 100%; }
.creative-right-col{ margin-top: 20px;}
.creative-category-sec{ padding: 30px 0 50px; }
.best4col-text h4 {
  font-size: 15px;
  font-weight: 400;
  padding: 20px 20px 15px;
  line-height: 21px;
}

.singleslider2-text h3 { font-size: 22px; margin-bottom: 8px; }
.singleslider2-text p{ font-size:15px; }
.singleslider2-pic img{ height: 400px; object-fit: cover; }
.singleslider2-text{ bottom: 0px; left: 0px;}
.singleslider2-text .common-btn{ padding: 12px 30px; }

.catetopcircle2{ overflow-x: scroll; }
.inner-catetopcircle2{ display: flex; }
.catecicle-col2{ max-width: 22%; flex: 0 0 22%; text-align: center; }
.catecicle-col2 .catecircle-pic {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 7px;
}

.catecicle-col2 a p{ font-size:13px; margin-top: 15px; }
.mainspcial-banner{ margin-top: 0px; }

}

@media (max-width:670px){
.newsletter-content{ position: static; max-width:100%; order: 2; padding: 20px 30px; }
.newsletter-content h5{ max-width:100%; }
.inner-newslettercol{ display: flex; flex-direction: column; }
.newsletter-vector{ border-bottom: 1px solid #49c3f5; }
.search-keywords-box { padding-left: 0px; margin-top: 20px; }
.search-mtitle{ margin-bottom:15px; }

.search-form .form-control{ font-size: 26px; }
.alltags-filter ul li a{ padding: 6px 15px; margin: 6px 4px; }

.advertise-vect{ margin-top: 30px;}

.desktop-viewcate{ display: none; }
.mobile-viewcate{ display: block; padding:15px 0 10px; }

.mobile-viewcate .waykup-profile{ width:90px; height:90px; }
.mobile-viewcate .wakyup-toptext{ margin-top:10px; padding-left:10px; }

.inner-waykupdp{ margin: 2.5px; outline-offset: -4px; }

.catecicle-col{ max-width: 100%; flex: 0 0 100%; padding:0px; }

.catecircle-pic {
  width: 50px;
  height: 50px;
  margin: auto;
}

.catecicle-col a p{ margin-top: 5px; }

.catecicle-col a p{ font-size: 13px; }
#singlecatpg-slider .owl-nav.disabled{ display: none; }

.catet-social-ico span{ display: block; font-size: 28px; }
.catet-social-ico a{ font-size: 13px; text-align: center; font-weight: 500; }
.catet-social-ico{ display: flex; justify-content: space-between; }
.catet-social-ico span svg{ max-height: 28px; }
.wakyup-toptext h3{ margin-bottom: 5px; }

}

@media (max-width:520px){
	.right-header{
		width:auto;
	}
.header-social-ico{ display: none;}
.left-header{ width: 40%; }
.title{ font-size: 22px; }
.title:before{ display: none; }
.categoryslider .owl-nav [class*=owl-], .storiesslider .owl-nav [class*=owl-]{ font-size: 20px; }
.banner-text{ position: static; border-radius: 10px; margin-top: 10px; }
.trendingslider-sec .owl-nav .owl-prev{ left: -2%; }
.trendingslider-sec .owl-nav .owl-next{ right: -2%; }
.ad{ padding:0px 15px; margin:20px 0; }
.spotlight-sec{ padding:30px 0 20px; }
.creative-tags-orange{ margin-left: 0px; margin-top: 20px; border-radius: 10px; border-bottom-right-radius: 0px; }

.trending-text h3{ min-height:inherit; }
.singleslider2-text{ position: static; margin-top: 10px; }
.singleslider2-pic img{ height: auto; }
.top-footer{ flex-direction: column; align-items: flex-start; }
.footer-social{ margin-top: 20px; }
.footer-links { margin-top: 15px; }
.posttitle-big h1{ font-size: 22px; }
.posttitle-topdesc{ flex-direction: column; align-items: flex-start; }
.post-authdt span{ border: none; padding-left: 0; margin-left: 0; }
.post-authdt{ margin-top: 10px; }
.d-para-content p{ font-size: 16px; line-height: 30px; }
.d-read-link{ font-size: 16px; }
.d-sec-col1 h2{ font-size:22px; }
.d-sec-col1 h3{ font-size:20px; }
.d-read-link a{ margin-top: 5px; }
.detail-maintags{ padding: 25px 15px; }
.homeslider2-sec{ padding-bottom: 30px;}
.alltags-filter{ overflow-x: scroll; }
.alltags-filter ul{ flex-wrap: nowrap; }
.alltags-filter li { flex: 0 0 auto; }
.columns-5col .col-md-3 { width: 50%; }
.trendingtags-filter li { flex: 0 0 auto; }
.advertisetop-left h1 { font-size: 30px; }
.advertisetop-left p { font-size: 17px; max-width: 100%; }
.advertise-form .title-col { margin-bottom: 20px; text-align: left !important; }
.advertise-text { padding-right: 0px; }
.about-banner-text{ position: static; }
.aboutus-banner{ margin-bottom: 30px; }
.inner-mission .title{ font-size:36px; width: 100%; margin-bottom: 15px; }
.inner-mission{ margin: 60px auto 0px; }
.contact-form{ margin-top: 20px; }
.contact-left { padding-right: 0px; }
.contact-left h1{ font-size: 34px; }

.hotline-rightcol{ margin-top: 30px; }
.title-vlink{ flex-direction: column; }
.viewall-link{ margin-top: 10px; }
.bestglobe-center{ margin-top: 24px; }
.gadgettech-col{ margin-top: 16px; }
.trending-pic a{ display: block; }
.trending-pic a img{ width: 100%; min-height: inherit; max-height: inherit; }
.newsletter-vector{ display: none; }
.topbar-text a:nth-child(2){ display: none; }
.topbar .container{ padding-right: 15px; }
.topbar-text a{ padding-left: 4px; margin-left: 4px; border: none; }
.form-group.category-selts{ margin-top: 10px; }
.innerblogdt-pages{ flex-direction: column; }
.blogdt-center {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0px;
}
.blogdt-left{ display: none; }
.blogdt-similarpost .commonpost-col{ flex-direction: column; }
.blogdt-similarpost .commonpost-pic {
    max-width: 100%;
    flex: 0 0 100%;
}
.blogdt-similarpost .commonpost-text h3 {
    font-size: 17px;
    margin-top: 10px;
}
.blogdt-right {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
}

}