/*************************************
Template Name: Songbad Prokash - Online NewsPaper
Author: Jonayed Islam
Author Url: http://jonayed.com
Version: 1.0
Design and Developed by: Bongosoft Ltd.
****************************************/

/* ===================================
    Google font
====================================== */
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700|Open+Sans:400,700|Roboto+Slab:700&display=swap');


body {
  font-family: 'Nunito', serif;
  font-size: 16px;
  color: #000;
  background: #fff;
}

@media (min-width: 1120px) {
  .container {
    max-width: 1270px !important;
  }
}

@media (min-width: 1120px) {
  .menu-container {
    max-width: 1188px !important;
  }
}

/*======================== For LAZY LOAD CSS ============================*/
.lazyload {transition: transform .3s ease-out;}

/*======================== CUSTOM BOOTSTRAP STYLE ============================*/
.custom-container {
  padding-left: 12px;
  padding-right: 12px;
}
.custom-row {
  margin-right: -12px;
  margin-left: -12px;
}
.custom-padding {
  padding-left: 12px;
  padding-right: 12px;
}
.p-0 {
  padding-left: 0;
  padding-right: 0;
}
.p-left-0 {
  padding-left: 0;
}
.p-right-0 {
  padding-right: 0;
}
.m-0 {
  margin-left: 0;
  margin-right: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito', serif;
}
a {
  text-decoration: none;
}
a:focus {
  outline: 0 solid !important;
}
a:hover {
  text-decoration: none !important;
}
*a:hover {
  text-decoration: none !important;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*====================== START FOR MENU =========================================*/
.dropdown-new:hover .dropdown-menu-new {display: block;}
.dropdown-new:hover .dropdown-menu-new {display: block;}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.dropdown-menu-new {border: 0;border-radius: 0;border-bottom: 2px solid #03a9f4;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0,0,0,.175);background: #fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding: 0 !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover {color: #fff;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background: #2d292a;}
/*====================== Header style Top nav =========================================*/
.header-top-area {height: 30px;}
.top-header {text-align: center;width: 100%;background: #fff;padding: 10px 0;padding-bottom: 12px;}
.top-search .btn {padding: 3px 5px;border-radius: 0;}
.top-bar-date-wrapper {height: 70px;display: flex;justify-content: center;align-items: self-start;flex-direction: column;}
.top-bar-date {display: inline-block;font-size: 16px;color: #fff;}
.middle-header {padding-bottom: 10px;padding-top: 10px;background: #fff;}
.top-search .btn svg {fill: #fff;}
.en-link-wrapper-main {float: right;margin-top: 30px;margin-right: 15px;}
.en-link-wrapper {}
.en-link {color: #fff;background-color: #000;padding: 4px 10px;border: 1px solid #000;transition: 0.3s;border: 1px solid #000;}
.en-link:hover {color: #000;background: transparent;}
.top-nav-main {padding: 0;}
.top-nav-container {background-color: #fff;border-top: solid 1px #e0e0e0;border-bottom: solid 1px #e0e0e0;}
.top-nav-main .navbar-brand {display: none;margin: 0;}
.top-nav-main li.nav-item a.nav-link {font-size: 18px;padding: 12px 16px !important;color: #000 !important;font-weight: 400;position: relative;display: inline-block;background-color: transparent;z-index: 9;}
/* .top-nav-main li.nav-item a.nav-link span {z-index: 1;} */
.top-nav-main li.nav-item a.nav-link span:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;transform: scaleX(0);background-color: #0194d6;transition: transform .5s;z-index: -1;}
.top-nav-main li.nav-item a.nav-link:hover span:before, .top-nav-main li.nav-item a.active span:before {transform: scaleX(1);}
.top-nav-main li.nav-item a.nav-link:hover span:after, .top-nav-main li.nav-item a.active span:after {transform: scaleX(1);}
.top-nav-main li.nav-item a.nav-link:hover, .top-nav-main li.nav-item a.active {color: #fff !important;fill: #fff}
.dropdown-menu li {position: relative;transition: .5s;border-bottom: 1px solid #ddd;}
.dropdown-menu li:before {position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: #03a9f4;content: "";transform: scaleX(0);transform-origin: left;transition: transform .5s;z-index: -1;}
.dropdown-menu li:hover:before {transform: scaleX(1);}
.dropdown-menu li a {background-color: transparent;border: none;font-size: 16px;transition: .5s;line-height: 28px;}
.dropdown-menu li:hover {padding-left: 15px;background-color: #03a9f4;}
.dropdown-menu li:hover a {background: #03a9f4 !important;}
.dropdown-menu li:last-child {border-bottom: 0;}
.right-menu-link .btn {padding: 3px 5px;}
.right-menu-link .btn svg {fill: #000;}
.offcanvas-top-height {height: 105px !important;}
/* #nav.sticky li.nav-item a.nav-link {padding: 9px 11px !important;} */
.dropdown.dropdown-mega {position: static;}
.nav-item.dropdown.dropdown-mega .dropdown-menu {top: auto;left: 50%;transform: translateX(-50%);}
.dropdown-new:hover .dropdown-menu-new {display: block;}
.right-menu-link {display: none !important;}
.dropdown-menu-new {border-radius: 0;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.other-list-group a {border: 0;padding: 4px 0;font-size: 17px;transition: 0.3s;}
.other-list-group a:hover {color: #EE323B;}
/*================================================ Drop Down icon Animation style */
.dropdown-toggle::after {transition: transform 0.15s linear; }
.show.dropdown .new-dropdown-toggle::after {transform: rotate(-180deg);transition: all 0.3s ease-in;}
.dropdown-menu {margin-top: 0;}
.new-dropdown-toggle::after {margin-top: 5px;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "";vertical-align: top;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="black" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');height: 15px;width: 14px;margin-left: 2px;}
.navbar-expand-lg .navbar-nav .dropdown-menu li.dropend:hover .dropdown-new-sub-ul {display: block !important; top: 0;left: 98.5% !important;margin-top: 0;-webkit-animation: fadeIn 0.3s alternate;animation: fadeIn 0.3s alternate;border-radius: 0;}
.sub-dropdown-toggle::after {transition: transform 0.15s linear; }
/* .show1.dropend .sub-dropdown-toggle::after {transform: rotate(-450deg);transition: all 0.3s ease-in;} */
.show1.dropend .sub-dropdown-toggle::after {transform: rotate(-90deg);transition: all 0.3s ease-in;}
.dropend .sub-dropdown-toggle::after {margin-top: 5px;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "";vertical-align: top;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');height: 16px;width: 15px;margin-left: 5px;}
.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover::after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path fill-rule="evenodd" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');height: 15px;width: 14px;margin-top: 5px;}
#nav.sticky {box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);background: #fff;position: -webkit-sticky;position: sticky;top: 0;z-index: 1020;width: 100%;box-shadow: 0 5px 5px -5px #000;transition: 0.1s;}
#nav.sticky.top-nav-main .navbar-brand {margin: 0;padding: 0;display: none;}
.attr-nav ul li a svg {height: 20px;width: 20px;fill: #000;}
.top-search {display: none;padding: 7px 0;position: absolute;z-index: 9;width: 100%;top: 50px;}
.top-search-secton {float: right;margin-top: -7px;background: #fff;padding: 15px;box-shadow: 0 2px 3px #787878;}
.top-search input.form-control {background: #fff;border: 2px solid #f0f0ed;color: #000;height: 34px;line-height: 34px;display: block;text-transform: uppercase;font-weight: 500;letter-spacing: .5px;padding: 8px 1%;font-size: 15px;background-color: #fff;}
.top-search .input-group-addon {background: #03a9f4;transition:.5s;cursor: pointer;border: 0;color: #03a9f4;width: 30px;height: 33px;text-align: center;}
.top-search .input-group-addon svg {fill: #fff;}
.top-search .input-group-addon.close-search {margin-left: 2px !important;line-height: 33px;}
.attr-nav ul {margin: 0;padding: 0;}
.attr-nav ul li {list-style: none;text-align: right;}
.attr-nav ul li a {color: #fff;margin-left: 0;}
.top-search input.form-control:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .01);}
section.date-top-mobile {display: none;}
/*================================================
             3. BACK TO TOP
==================================================*/
.scrollup {background: #fff none repeat scroll 0 0;border: 1px solid #03a9f4;bottom: 122px;fill: #03a9f4;cursor: pointer;font-size: 20px;height: 40px;line-height: 35px;position: fixed;right: 36px;text-align: center;width: 40px;z-index: 99;border-radius: 50%;display: none;}
.scrollup.show {display: block;opacity: 1;}
.scrollup:hover {background: #03a9f4;fill: #fff;border: 1px solid #03a9f4;transition: 1s;}
.back-to-top span {padding-bottom: 10px;}
/*======================== CUSTOM HEADER STYLE ============================*/
.header-full-top-area {/* border-top: 4px solid #173e71; */width: 100%;overflow: hidden;}
.header-top-area {width: 100%;overflow: hidden;}
.top-area-ul {margin: 0;padding: 0;text-align: right;margin-bottom: 7px;position: relative;height: 27px;}
.top-area-ul li {list-style: none;display: inline-block;}
.top-area-ul li a {color: #000;font-size: 14px;padding: 3px 8px;}
.top-area-ul:after {background: #c5c5c585;content: "";position: absolute;left: 300px;right: -500px;top: 0;bottom: 0;-webkit-transform: skewX(30deg);-ms-transform: skewX(30deg);transform: skewX(30deg);z-index: -200;}
.header-logo-area {background: #fff;width: 100%;padding: 0 0 15px 0;}
.header-logo {margin-top: -17px;}
.header-logo-single {width: 100%;float: left;}
.header-logo-single-left {float: left;width: 100%;padding-top: 30px;}
.header-right-ul {margin: 0;padding: 0;text-align: right;margin-top: 34px;}
.header-right-ul li {list-style: none;}
.header-right-ul li a {font-size: 16px;text-decoration: none;color: #000;}
.header-logo-single-left img {width: 160px;}
ul.header-right-ul svg {width: 16px;height: 16px;fill: #173e71;margin-right: 5px;}
/*========================================================
   NEWSLETTER AREA SECTION STYLE
=========================================================*/
.newsletter-area:before {
  background: #173e71;
  content: "";
  height: 48px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 43%;
}
.newsletter-area:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 24px 10px;
  content: "";
  height: 5px;
  position: absolute;
  right: 43%;
  top: 10px;
  width: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #173e71 #173e71;
}
.newsletter-area {
  background: #2d3e50 none repeat scroll 0 0;
  color: #ffffff;
  position: relative;
}
.newsletter-area:before {
  height: 148px;
  left: 0;
  right: auto;
  top: -20px;
  width: 44%;
}
.newsletter-area:after {
  border-width: 74.5px 40px;
  left: 44%;
  right: auto;
  top: -20px;
}
.newsletter-content h2,
.newsletter-content h3 {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 0.9px;
}
.newsletter-content h2 {
  font-family: 'Roboto Slab', serif;
}
.newsletter-content h3 {
  margin-bottom: 2px;
  font-size: 24px
}
.subscribe-form input {
  color: #696969;
  height: 100%;
  padding-left: 15px;
  width: 100%;
  border: 0;
}
.subscribe-form>button {
  border: 2px solid #173e71;
  font-weight: 700;
  height: 100%;
  position: absolute;
  background: #173e71;
  color: #fff;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 34%;
  cursor: pointer;
}
.subscribe-form>button:hover {
  background: #FFF;
  background: #173e71;
  border: 2px solid #173e71;
}
.newsletter-form {
  overflow: hidden;
  padding: 36px 0;
}
.subscribe-form {
  float: right;
  height: 56px;
  position: relative;
  width: 525px;
}
.subscribe-form:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff #fff transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 28px 15px;
  content: "";
  height: 5px;
  left: -30px;
  position: absolute;
  top: 0;
  width: 0;
}
.newsletter-content {
  padding-top: 26px;
  z-index: 9;
  position: relative;
}
/*===========================================
    MAIN SILDER STYLE
============================================*/
.main-slider-wrapper {
  width: 100%;
}
.camera_wrap {
  height: 500px;
  float: unset !important;
}
.camera_wrap .camera_pag .camera_pag_ul {
  text-align: center;
  margin-top: -95px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  background: #fff;
}
.camera_pag_ul li img {
  max-width: 150px !important;
}
.camera_caption h2 {
  margin: 0;
  font-size: 20px;
  font-family: 'Open Sans', serif;
}

/*===========================================
    Event Section
============================================*/
.event-timer-wrapper {
  display: flex;
}
.event-timer-box {
  background: #ededed;
  padding: 5px 19px;
  border: 1px solid #d2d2d2;
  text-align: center;
  max-width: 100px;
  min-width: 100px;
  color: #000;
  font-size: 16px;
}
.event-left-text svg {
  width: 40px;
  height: 40px;
  fill: #173e71;
  margin-right: 12px;
}
.event-section {
  background: #f7f7f7;
  margin-bottom: 70px;
  padding: 30px 0px;
  margin-top: -60px;
}
.event-left-text {
  display: flex;
}
.event-left-text h3 {
  font-size: 20px;
  color: #232323;
  font-weight: 600;
}
.event-center-text h3 {
  font-size: 20px;
  color: #232323;
  font-weight: 600;
  margin: 0;
}
.event-center-text span {
  color: #939393;
  font-size: 14px;
}
.event-btn a {
  color: #fff;
  background: #179bd7;
  padding: 10px 10px;
  display: block;
  font-size: 15px;
  margin-top: 7px;
  text-align: center;
  transition: 0.5s;
  border-radius: 5px;
}

/*========================================================
   FOOTER SECTION STYLE
=========================================================*/
.footer-wrapper {
  background: #2d3e50 none repeat scroll 0 0;
  color: #ffffff;
  padding: 70px 0 55px;
}
.footer-widget h2 {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding-bottom: 10px;
}
.footer-widget h2 {
  position: relative;
}
.footer-widget h2::before,
.footer-widget h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 18px;
  background-color: #179bd7;
}
.footer-widget h2::after {
  left: 24px;
  width: 63px;
}
.footer-contact {
  margin: 0;
  padding: 0;
}
.footer-contact li {
  list-style: none;
  line-height: 28px;
  font-weight: 400;
  font-size: 16px;
}
.footer-contact li svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.social-icon-wrapper {
  position: relative;
}
.social-icon {
  margin-left: -2px;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  -ms-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.social-icon a {
  color: #fff;
  background: #DB6E82;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  font-family: fontawesome;
  position: relative;
  display: inline-block;
  width: 38px;
  font-size: 18px;
  height: 38px;
  padding-top: 8px;
  margin: 0;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  -webkit-font-smoothing: antialiased;
}
.social-icon a:nth-of-type(1) {
  background: #3b5999;
}
.social-icon a:nth-of-type(2) {
  background: #000;
}
.social-icon a:nth-of-type(3) {
  background: #e4405f;
}
.social-icon a:nth-of-type(4) {
  background: #cd201f;
}
.social-icon a:nth-of-type(5) {
  background: #bd081c;
}
.social-icon a:nth-of-type(6) {
  background: #ee802f;
}
.social-icon a span {
  color: #666;
  position: absolute;
  font-family: sans-serif;
  bottom: 0;
  left: -25px;
  right: -25px;
  padding: 5px 7px;
  z-index: -1;
  font-size: 14px;
  border-radius: 2px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.social-icon a span:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  bottom: -5px;
  left: 38px;
}
.social-icon a:hover span {
  bottom: 50px;
  visibility: visible;
  opacity: 1;
}
.social-icon svg {
  height: 20px;
  width: 20px;
  margin-bottom: 6px;
  fill: #fff;
}
.list-footer-menu {
  margin: 0;
  padding: 0;
}
.list-footer-menu li {
  list-style: none;
}
.list-footer-menu li a {
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  position: relative;
  font-weight: 400;
}
.quick-link {
  margin: 0;
  padding: 0;
}
.quick-link li {
  list-style: none;
}
.quick-link li a {
  color: #fff;
  background: #179bd7;
  padding: 10px 10px;
  display: block;
  font-size: 15px;
  margin-top: 15px;
  text-align: center;
  transition: 0.5s;
}
.quick-link li a:hover {
  background: #173e71;
}
.footer-bottom {
  background: #173e71;
  width: 100%;
  padding: 15px 0;
  color: #fff;
  font-size: 14px;
  padding: 18px 0 13px 0;
}
.footer-bottom p {
  margin: 0;
}
.design-link {
  text-align: right;
}
.design-link p {
  display: inline-block;
  color: #fff;
}
.design-link img {
  margin-top: 4px;
}
.rights-text {
  margin-top: 3px;
}
.our-projects {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 6px;
}
.project {
  width: 32%;
  box-sizing: border-box;
}
.test-popup-link img {
  height: 100px;
}
@media (max-width: 768px) {
  .project {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .project {
    width: 100%;
  }
}