/* import font family is == Open Sans ==*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
/* import font family is == Crimson Text ==*/
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
/* import font family is == Forum ==*/
@import url("https://fonts.googleapis.com/css2?family=Forum&display=swap");

/*

    Theme Name:     LINQBUZZ
    Theme URI:
    Author:
    Author URI:
    Description:
    Version:        1.0
    License:
    License URI:

    [Table of Content]
    01. Reset
    02. Global Style

	  01. Index Page Style
        section Index Page
            1.1. Header section
            1.2. Hero section
            1.3. Newsletter section
            1.4. FeaturedNews section
            1.5. Categories section
            1.6. Latest section
            1.7. Editors_Pick section
            1.8. Popular section
            1.9. EchoNews section
            1.10. About_LinqBuzz section
            1.11. Brands section
            1.12. SixImages section
            1.13. Footer section

    02. Contact Page Style
         section Contact Page
            2.1. SubPages_Header section
            2.2. Map section
            2.3. Contact section

    03. Videos Page Style
         section Videos Page
            3.1. SubPagesHero section
            3.2. Videos section

    04. Authors Page Style
          section Authors Page
            4.1. Team section

    05. FAQS Page Style
          section FAQS Page
            5.1. MoreHelp section
            5.2. FAQS section

    06. About Page Style
          section About Page
            6.1. AboutTeam section

    07. SinglePost Page Style
          section SinglePost Page
            7.1. SinglPost_Hero section
            7.2. Caroline section

    08. Enternainment Page Style
          section Enternainment Page
            8.1. Awards section
            8.2. LatestPost section

    09. Business Page Style
          section Business Page
            9.1. Economists section

    10. Technology Page Style
            section Technology Page
            10.1. Technology_Blog section

    11. LifeStyle Page Style
            section LifeStyle Page
            11.1. LifeStyle_Blog section

    12. Error Page Style
            section Error Page
            12.1. Error section

    13. Coming Page Style
            section Coming Page
            13.1. Coming section

            */



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
/* =====  01. Reset  ====== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  font-family: "open sans", sans-serif;
  line-height: 1;
  background-color: #fff;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

button:focus {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

select::-ms-expand {
  display: none;
}

label {
  font-weight: normal;
}

iframe {
  width: 100%;
}

/* =====  End of 01. Reset  ====== */
/* ===== 02. Global Style ===== */
h1 {
  font-size: 64px;
  font-family: "Crimson Text", serif;
}

h2 {
  font-size: 36px;
  font-family: "Crimson Text", serif;
}

h3 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Open Sans", sans-serif;
}

h4 {
  font-size: 18px;
  line-height: 22px;
  font-family: "Open Sans", sans-serif;
}

h5 {
  font-size: 14px;
  line-height: 16px;
  font-family: "Open Sans", sans-serif;
}

h6 {
  font-size: 12px;
  line-height: 14px;
  font-family: "Open Sans", sans-serif;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

button {
  font-size: 18px;
  font-weight: 500;
  padding: 10px 35px;
  font-family: "Crimson Text", serif;
}

a {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
}

/* input area sugguseation color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

span {
  font-family: "Crimson Text", serif;
  font-weight: 500;
  font-size: 14px;
  font-style: italic;
}

.hover1 {
  font-family: "Crimson Text", serif;
  background-color: #dd5903;
  border: 1px solid #dd5903;
  color: #ffffff;
  font-size: 18px;
  padding: 12px 36px;
  transition: all 0.3s ease-in;
}

.hover1:hover {
  color: #212529;
  background-color: transparent;
}

.hover2 {
  background-color: #dd5903;
  border: 1px solid #dd5903;
  color: #ffffff;
  padding: 6px 21px;
  transition: all 0.3s ease-in;
}

.hover2:hover {
  color: #212529;
  background-color: transparent;
}

.hover3 {
  background-color: #dd5903;
  border: 1px solid #dd5903;
  color: #ffffff;
  font-size: 18px;
  padding: 12px 46px;
  transition: all 0.3s ease-in;
}

.hover3:hover {
  color: #212529;
  background-color: transparent;
}
.hover3A {
    background-color: #D9D9D9;
    border: 1px solid #dd5903;
    color: #000000;
    font-size: 18px;
    padding: 12px 46px;
    transition: all 0.3s ease-in;
}

.hover3A:hover {
    color: #212529;
    background-color: transparent;
}
.hover4 {
  font-family: "Crimson Text", serif;
  background-color: #dd5903;
  border: 1px solid #dd5903;
  color: #ffffff;
  font-size: 18px;
  padding: 6px 21px;
  transition: all 0.3s ease-in;
}

.hover4:hover {
  color: #ffffff;
  background-color: transparent;
}

/* BAck to Top button */

.back-to-top-btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #dd5903;
  color: white;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 18px;
  transition: all 0.3s ease-in;
}

.back-to-top-btn i {
  transform: scale(0.9);
  transition: all 0.3s ease-in;
}

.back-to-top-btn:hover i,
.back-to-top-btn:hover {
  background-color: #D3D4CE;
  color: #212529;
}

/*Form submission modal styling*/
.modal-content {
  padding: 40px;
  background: rgba(23, 22, 38, 0.6);
  backdrop-filter: blur(10px);
  text-align: center;
  background: rgba(248, 249, 250, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  z-index: 10000;
}

.modal-content img {
  margin: auto;
  width: 130px !important;
}

.modal-content div {
  padding: 40px 0px;
  width: 350px;
  margin: auto;
}

.modal-content h4,
.modal-content h6 {
  margin: auto;
  color: #FFFFFF;
  text-align: center;
}

.modal-content h6 {
  margin: 15px auto;
}

.modal .hover1 {
  width: 100px;
  padding: 12px 24px;
}

/* ===== End of 02. Global Style ===== */
/* ========= 1.1. Header section ========= */
.navbar {
  padding: 3px 0px;
    border-top: #000 solid 2px;
    border-bottom: #000 solid 1px;
}

.nav-logo {
  z-index: 3;
}

.nav-logo img {
  width: 220px;
}

.navbar-collapse {
  justify-content: center;
}

.right-sidbar {
  width: 280px;
  position: fixed;
  height: 100vh;
  top: 0;
  left: -355px;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 20px 10px;
  z-index: 99;
  background-color: #ffffff;
}

.open-aside {
  display: none;
  z-index: 2;
}

aside .fa-xmark {
  padding: 8px 13px;
  background-color: #dd5903;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 22px;
}

aside .fa-caret-down {
  color: #dd5903;
  font-size: 22px;
}

aside a {
  color: #343A40;
}

aside a.active,
aside a:hover {
  color: #dd5903 !important;
}

#slid-drop {
  display: none;
}

aside li {
  padding: 12px;
}

#slid-drop li {
  padding: 12px 0px;
}

.aside-dropdwon {
  display: block !important;
}

.page-btn {
  padding: 10px 0px;
  color: #dd5903;
  background-color: transparent;
  border: none;
  font-size: 18px;
}

.navbar ul li a {
  color: #343A40;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;

}

.navbar ul li a.active,
.navbar ul li a:hover {
  color: #dd5903 !important;
}

.dropdown ul {
  width: 200px;
}

.dropdown-menu {
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  position: absolute;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  margin: 0px;
  list-style: none;
  z-index: 1000;
  width: 200px;
}

.dropdown-menu .dropdown-item {
  padding: 10px 20px;
  color: #343A40;
  text-decoration: none;
  display: block;
}

.navbar .dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown ul li a {
  color: #343A40;
}

.dropdown ul li a.active,
.dropdown ul li a:hover {
  background-color: #dd5903;
  color: #ffffff !important;
}

.dropdown .nav-link i {
  position: relative;
  top: -3px;
  left: 5px;
}

.open-aside {
  padding: 9px 14px;
  background-color: #dd5903;
  border: none;
  border-radius: 10px;
  font-size: 25px;
  color: #ffffff;
}

header .pt-2 .gap-4 a {
  font-size: 22px;
  color: #212529;
  transition: all 0.3s ease-in;
}

header .pt-2 .gap-4 a:hover {
  color: #dd5903;
  transform: translateY(-10%);
}

header hr {
  margin: 16px 0px 0px 0px;
}

/*========= End of 1.1. Header section =========*/
/*========= 1.2. Hero section =========*/
.Hero {
  padding: 0px 0px 100px 0px;
  overflow: hidden;
}

.Hero .position-relative figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Hero .position-relative img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Hero .position-relative:hover img {
  transform: scale(1.1);
}

.Hero .position-relative:hover .align-items-start {
  background-color: #dd5903;
}

.Hero .position-relative .align-items-start {
  width: 100%;
  background: #212529b2;
  position: absolute;
  bottom: 0;
  padding: 20px 20px !important;
  transition: all 0.3s ease-in;
}

.Hero .position-relative h5 {
  color: #ffffff;
  width: 84%;
}

.Hero .position-relative span {
  color: #ffffff;
  font-style: italic;
}

.Hero .position-relative a {
  color: #ffffff;
}

.Hero .col-lg-3 .Hero_Tage {
  position: absolute;
  top: 8%;
  left: 5%;
}

.Hero .position-relative .dot {
  width: 3px;
  height: 3px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: #ffffff;
}

.Hero .position-relative h3 {
  color: #ffffff;
  padding: 0px 50px;
}

.Hero .col-lg-6 .gap-2 {
  margin: auto;
}

.Hero .col-lg-6 .position-relative .Hero_Tage {
  position: absolute;
  top: 5%;
  left: 5%;
}

.Hero .slick-dots {
  color: #343a40;
}

.Hero .Sliders .slide {
  opacity: 0;
  transition: all 1s ease;
  width: 100%;
  height: 100%;
  display: none;
}

.Hero .Sliders .slide:first-child {
  opacity: 1;
  display: block;
}

.Hero .Sliders .progress-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  background-color: #DD5903;
  width: 0;
  transition: width 4.8s linear;
}

.Hero .hover2:hover {
  color: #ffffff;
}

/*========= End of 1.2. Hero section =========*/
/*========= 1.3. Newsletter section =========*/
.Newsletter .container .gap-4 {
  background-color: #ffffff;
}

.Newsletter form {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 20px;
}

.Newsletter p {
  color: #212529;
  font-family: "Crimson Text", serif;
  font-style: italic;
  width: 38%;
}

.Newsletter form input {
  width: 100%;
  padding: 12px 20px;
  background-color: #e9ecef;
  border: none;
}

.Newsletter form input:focus {
  outline: none;
}

.Newsletter .gap-4 {
  border-left: 3px solid #dd5903;
  padding: 30px 20px;
}


/*========= End of 1.3. Newsletter section =========*/
/*========= 1.4. FeaturedNews section =========*/
.FeaturedNews {
  padding: 100px 0px;
}

.FeaturedNews .pb-lg-5 .d-flex a {
  border-bottom: 1px solid #343a40;
  color: #343a40;
}

.FeaturedNews .pb-lg-5 .d-flex a:hover {
  color: #dd5903;
  border-bottom: 1px solid #dd5903;
}

.FeaturedNews .position-relative,
.FeaturedNews .position-relative figure {
  width: 100%;
  overflow: hidden;
}

.FeaturedNews .position-relative img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.FeaturedNews .position-relative:hover img {
  transform: scale(1.1);
}

.FeaturedNews .position-relative:hover .align-items-start {
  background-color: #DD5903;
  cursor: pointer;
}

.FeaturedNews .position-relative .align-items-start {
  width: 100%;
  background: #212529b2;
  position: absolute;
  bottom: 0;
  padding: 20px 30px 20px 14px !important;
  transition: all 0.3s ease-in;
}

.FeaturedNews .position-relative .dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ffffff;
}

.FeaturedNews .position-relative h5 {
  color: #ffffff;
  padding-right: 50px;
  flex-grow: 1;
}

.FeaturedNews .position-relative span {
  color: #ffffff;
  transition: all 0.3s ease-in;
}

.FeaturedNews .dark_Image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../images/bg/Purchase.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 36px 50px;
}

.FeaturedNews .dark_Image h5,
.FeaturedNews .dark_Image h4 {
  color: #ffffff;
}

.FeaturedNews .hover2:hover {
  color: #ffffff;
}

.FeaturedNews .col-lg-6 .p-0 figure {
  width: 100%;
  overflow: hidden;
}

.FeaturedNews .col-lg-6 .p-0 figure img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.FeaturedNews .col-lg-6 .p-0:hover img {
  transform: scale(1.1);
}

.FeaturedNews .col-lg-6 .p-0:hover h4 {
  color: #dd5903;
  cursor: pointer;
}

.FeaturedNews .col-lg-6 .p-0:hover span {
  color: #dd5903;
  cursor: pointer;
}

.FeaturedNews .p-0 {
  width: 50%;
}

.FeaturedNews .p-0 .flex-grow-1 {
  display: flex;
  flex-direction: column;
}

.FeaturedNews .p-0 span {
  color: #343a40;
  transition: all 0.3s ease-in;
}

.FeaturedNews .p-0 .dot {
  width: 3px;
  height: 3px;
  padding: 2px;
  border-radius: 50%;
  background-color: #212529;
  margin-top: 5px;
}

.FeaturedNews .p-0 h4 {
  color: #212529;
  flex-grow: 1;
  transition: all 0.3s ease-in;
}

.FeaturedNews .p-0 hr {
  width: 100%;
  opacity: 1;
  margin: 32px 0px;
}

.FeaturedNews .SixBlogs figure {
  width: 102px;
  height: 100%;
  overflow: hidden;
}

.FeaturedNews .SixBlogs figure img {
  width: 102px;
  transition: all 0.3s ease-in;
}

.FeaturedNews .SixBlogs span {
  color: #212529;
  transition: all 0.3s ease-in;
}

.FeaturedNews .SixBlogs .gap-3 {
  width: 100%;
}

.FeaturedNews .SixBlogs .gap-3 a {
  width: 40%;
  flex-grow: 1;
}

.FeaturedNews .SixBlogs h5 {
  color: #212529;
  padding-right: 35px;
  transition: all 0.3s ease-in;
}

.FeaturedNews .SixBlogs a:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.FeaturedNews .SixBlogs a:hover h5 {
  color: #DD5903;
  cursor: pointer;
}

.FeaturedNews .SixBlogs a:hover span {
  color: #DD5903;
  cursor: pointer;
}

/*========= End of 1.4. FeaturedNews section =========*/
/*========= End of 1.5. Categories section =========*/
.Categories {
  background-color: #343a40;
  padding: 100px 0px;
}

.Categories .row {
  row-gap: 50px;
}

.Categories .col-lg-6 h2 {
  color: #ffffff;
  padding-right: 242px;
}

.Categories .col-lg-6 h5 {
  color: #ffffff;
}

.Categories .col-lg-6 p {
  color: #ffffff;
  padding-right: 60px;
}

.Categories .col-lg-6 hr {
  width: 15%;
  opacity: 1;
  color: #ffffff;
}

.Categories .col-lg-3 figure {
  width: 100%;
  overflow: hidden;
}

.Categories .col-lg-3 img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.Categories .col-lg-3 div:hover img {
  transform: scale(1.1);
}

.Categories .col-lg-3 h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 30px 70px;
  width: 100%;
  color: #212529;
  text-align: center;
  transition: all 0.3s ease-in;
}

.Categories .col-lg-3 div:hover h4 {
  background-color: #dd5903;
  color: #ffffff;
}

/*========= End of 1.5. Categories section =========*/
/*========= 1.6. Latest section =========*/
.Latest {
  padding: 100px 0px;
  background-color: #f8f9fa;
}

.Latest .pb-lg-5 .d-flex a {
  border-bottom: 1px solid #343a40;
  color: #343a40;
}

.Latest .pb-lg-5 .d-flex a:hover {
  color: #dd5903;
  border-bottom: 1px solid #dd5903;
}

.Latest .flex-wrap .gap-3 h4 {
  color: #212529;
  transition: all 0.3s ease-in;
}

.Latest .col-lg-8 figure {
  height: 100%;
  overflow: hidden;
}

.Latest .col-lg-8 figure img {
  width: 182px;
  transition: all 0.3s ease-in;
}

.Latest .col-lg-8 span {
  font-size: 12px;
  color: #343a40;
}

.Latest .col-lg-8 .dot {
  width: 3px;
  height: 3px;
  background-color: #343a40;
  padding: 1px;
  border-radius: 50%;
  margin-top: 10px;
}

.Latest .col-lg-8 .gap-2 h4 {
  color: #212529;
  padding-right: 54px;
}

.Latest .flex-wrap {
  height: 100%;
}

.Latest .flex-wrap a {
  width: 40%;
  flex-grow: 1;
}

.Latest .flex-wrap a .gap-3 {
  height: 100%;
}

.Latest .flex-wrap span {
  color: #212529;
  transition: all 0.3s ease-in;
}

.Latest .overflow-hidden figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Latest .overflow-hidden img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Latest .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.Latest .overflow-hidden:hover .flex-column {
  background-color: #dd5903;
  cursor: pointer;
}

.Latest .overflow-hidden .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 25px 25px;
  transition: all 0.3s ease-in;
}

.Latest .overflow-hidden h4 {
  width: 80%;
  color: #ffffff;
  transition: all 0.3s ease-in;
}

.Latest .overflow-hidden span {
  color: #ffffff;
}

.Latest .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

.Latest .flex-wrap a:hover img {
  transform: scale(1.1);

}

.Latest .flex-wrap a:hover h4 {
  color: #dd5903;
}

.Latest .flex-wrap a:hover span {
  color: #dd5903;
}

/*========= End of 1.6. Latest section =========*/
/*========= 1.7. Editors_Pick section =========*/
.Editors_Pick {
  padding: 100px 0px;
  background: #e9ecef;
}

.Editors_Pick .row {
  row-gap: 50px;
}

.Editors_Pick .mb-4 {
  text-align: center;
  padding-bottom: 10px;
  color: #212529;
}

.Editors_Pick .mb-4 hr {
  color: #212529;
  opacity: 1;
}

.Editors_Pick .overflow-hidden figure {
  width: 100%;
  overflow: hidden;
}

.Editors_Pick .overflow-hidden img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.Editors_Pick .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.Editors_Pick .overflow-hidden:hover .flex-column {
  background-color: #dd5903;
  cursor: pointer;
}

.Editors_Pick .overflow-hidden .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 15px 100px 15px 25px;
  transition: all 0.3s ease-in;
}

.Editors_Pick .overflow-hidden h4 {
  color: #ffffff;
}

.Editors_Pick .overflow-hidden span {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

.Editors_Pick .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

/*========= End of 1.7. Editors_Pick section =========*/
/*========= 1.8. Popular section =========*/
.Popular {
  padding: 100px 0px;
  background-color: #f8f9fa;
}

.Popular .pb-md-4 .d-flex a {
  border-bottom: 1px solid #343a40;
  color: #343a40;
}

.Popular .pb-md-4 .d-flex a:hover {
  border-bottom: 1px solid #dd5903;
  color: #dd5903;
}

.Popular .flex-wrap figure {
  height: 100%;
  overflow: hidden;
}

.Popular .flex-wrap figure img {
  width: 182px;
  transition: all 0.3s ease-in;
}

.Popular .flex-wrap span {
  transition: all 0.3s ease-in;
  color: #343a40;
}

.Popular .flex-wrap .dot {
  width: 3px;
  height: 3px;
  background-color: #343a40;
  padding: 1px;
  border-radius: 50%;
  margin-top: 10px;
}

.Popular .flex-wrap .gap-2 h4 {
  transition: all 0.3s ease-in;
  color: #212529;
}

.Popular .flex-wrap {
  height: 100%;
}

.Popular .flex-wrap a {
  width: 40%;
  flex-grow: 1;
}

.Popular .flex-wrap a .gap-3 {
  height: 100%;
}

.Popular .flex-wrap span {
  font-style: italic;
}

.Popular .overflow-hidden figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Popular .overflow-hidden img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Popular .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.Popular .overflow-hidden:hover .flex-column {
  background-color: #dd5903;
  cursor: pointer;
}

.Popular .overflow-hidden .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  transition: all 0.3s ease-in;
  padding: 25px 25px;

}

.Popular .overflow-hidden h4 {
  color: #ffffff;
}

.Popular .overflow-hidden span {
  color: #ffffff;
}

.Popular .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

.Popular .dark_Image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../images/bg/PopularBottom.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 38px 50px;
  margin-top: 70px;
}

.Popular .dark_Image h2 {
  width: 42%;
  color: #ffffff;
}

.Popular .dark_Image p {
  color: #ffffff;
}

.Popular .flex-wrap .gap-3:hover img {
  transform: scale(1.1);
}

.Popular .flex-wrap .gap-3:hover h4 {
  color: #dd5903;
}

.Popular .flex-wrap .gap-3:hover span {
  color: #dd5903;
}

/*========= End of 1.8. Popular section =========*/
/*========= 1.9. EchoNews section =========*/
.EchoNews {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../images/bg/EchoNews.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  background-attachment: fixed;
  width: 100%;
  padding: 150px 0px;
  color: #ffffff;
}

.EchoNews .gap-3 h2 {
  width: 40%;
}

.EchoNews .gap-3 p {
  width: 50%;
}

.EchoNews .hover1:hover {
  color: #ffffff;
}

/*========= End of 1.9. EchoNews section =========*/
/*========= 1.10. About_LinqBuzz section =========*/
.About_LinqBuzz {
  padding: 100px 0px 150px 0px;
}

.About_LinqBuzz figure {
  width: 100%;
  overflow: hidden;
}

.About_LinqBuzz img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.About_LinqBuzz figure:hover img {
  transform: scale(1.1);
}

.About_LinqBuzz .position-relative .gap-2 {
  width: 370px;
  padding: 30px 30px;
  background-color: #ffffff;
  box-shadow: 3px 4px 29px 0px #0000001a;
  border-left: 4px solid #dd5903;
  position: absolute !important;
  right: -10% !important;
  bottom: -12% !important;
}

.About_LinqBuzz .position-relative h3 {
  color: #dd5903;
}

.About_LinqBuzz .position-relative p {
  color: #212529;
}

.About_LinqBuzz .align-items-center .gap-2 a {
  color: #212529;
}

.About_LinqBuzz .align-items-center .gap-2 figure {
  width: 60px;
  height: 60px;
  background-color: #343a40;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
}

.About_LinqBuzz .align-items-center a:hover figure {
  background-color: #dd5903;
}

.About_LinqBuzz .watch_video a {
  transition: all 0.3s ease;
  color: #212529;
}

.About_LinqBuzz .watch_video a:hover {
  color: #dd5903;
}

.About_LinqBuzz .align-items-center img[alt="Play"] {
  width: 28px;
}

.About_LinqBuzz .col-lg-7 {
  padding-left: 50px;
  padding-top: 30px;
}

.About_LinqBuzz .gap-lg-4 h5 {
  color: #dd5903;
}

.About_LinqBuzz .gap-lg-4 h2 {
  color: #212529;
  width: 60%;
}

.About_LinqBuzz .gap-lg-4 p {
  padding-right: 94px;
  color: #212529;
}

.About_LinqBuzz .gap-lg-4 hr {
  color: #212529;
  margin: 0px 110px 0px 20px;
  opacity: 1;
}

.About_LinqBuzz .pt-md-4 {
  margin: 0px 110px 0px 20px;
}

.About_LinqBuzz .modal-dialog {
  max-width: unset;
  width: 80%;
}

.About_LinqBuzz .modal-content {
  background-color: transparent;
}

.About_LinqBuzz .modal-content button {
  opacity: 1;
  visibility: hidden;
  position: absolute;
  right: 20px;
  top: -20px;
  z-index: 1;
}

.About_LinqBuzz .modal-content i {
  color: #FFF;
  visibility: visible;
  font-size: 28px;
  transition: color 0.3s ease;
}

.About_LinqBuzz .modal-content button:hover i {
  color: #ffffff;
}

.About_LinqBuzz .modal-body {
  width: 700px;
}

.About_LinqBuzz video {
  border: none;
  width: 100%;
  border-radius: 18px;
}

/*========= End of 1.10. About_LinqBuzz section =========*/
/*========= 1.11. Brands section =========*/
.Brands {
  margin-top: 100px;
}

.Brands .LogosSlider1 {
  width: 90%;
  margin: auto;
}

.Brands .LogosSlider1 a {
  padding: 0px 24px;
}

.Brands .LogosSlider1 img {
  width: 100%;
  height: 40px;
}

.Brands hr {
  opacity: 1;
  color: #212529;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 50px;
}

/*========= End of 1.11. Brands section =========*/
/*========= 1.12. SixImages section =========*/
.SixImages {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0px;
}

.SixImages img {
  width: 100%;
}

.SixImages .justify-content-center {
  gap: 12px;
}

.SixImages .gap-2 {
  background-color: #dadadc;
  border: 1px solid #ffffff;
  padding: 20px;
  width: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in;
}

.SixImages .gap-2:hover {
  background-color: #dd5903;
}

.SixImages .gap-2:hover i,
.SixImages .gap-2:hover span {
  color: #ffffff;
}

.SixImages .gap-2 a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.SixImages .gap-2 a span {
  font-style: normal;
  font-family: "Open Sans", sans-serif;
  color: #212529;
  transition: all 0.3s ease-in;
}

.SixImages .gap-2 a i {
  color: #212529;
  transition: all 0.3s ease-in;
}

/*========= End of 1.12. SixImages section =========*/
/*========= 1.13. Footer section =========*/
footer {
  padding-bottom: 20px;
}

footer figure {
  width: 170px;
}

footer figure img {
  width: 100%;
}

footer .Footer_Logo a {
  font-size: 36px;
  font-family: "Forum", serif;
  color: #212529;
}

footer a i {
  font-size: 22px;
  color: #212529;
  transition: all 0.2s ease-in;
}

footer a i:hover {
  color: #dd5903;
  transform: translateY(-10%);
}

/*========= End of 1.13. Footer section =========*/
/*========= 2.1. SubPages_Header section =========*/
.SubPages_Header .SearchModal button {
  border: none;
  background: none;
  padding: 0px;
}

.SubPages_Header .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(7px);
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.SubPages_Header .modal.show {
  opacity: 1;
}

.SubPages_Header .searchModal .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  color: #ffffff;
  border: none;
  font-size: 50px;
}

.SubPages_Header .searchModal .modal-content div {
  width: 100%;
}

.SubPages_Header .searchModal .position-relative {
  display: flex;
  align-items: center;
  width: 50%;
  position: relative;
  transform: translateY(-400%);
  transition: transform 0.7s ease-in-out;
}

.SubPages_Header .modal.show .position-relative {
  transform: translateY(0);
}

.SubPages_Header .searchModal input {
  width: 100% !important;
  padding: 20px 18px;
  outline: none;
}

.SubPages_Header .search-btn {
  border: none;
  background: none;
  padding: 0px;
  position: absolute;
  right: 20px;
}

.SubPages_Header .searchModal img[alt="search"] {
  width: 20px !important;
}

body.modal-open {
  overflow: hidden;
}

.SubPages_Header .pt-lg-4 .p-0 {
  font-size: 24px;
  font-family: "Forum", serif;
  color: #212529;
  transition: all 0.3s ease;
}

.SubPages_Header .pt-lg-4 .p-0:hover {
  color: #dd5903;
}

.SubPages_Header .pt-lg-4 {
  position: relative;
}

/*========= End of 2.1. SubPages_Header section =========*/
/*========= 2.2. Map section =========*/
.Map {
  padding: 50px 0px 0px;
}

.Map iframe {
  width: 100%;
  height: 500px;
}

/*========= End of 2.2. Map section =========*/
/*========= 2.3. Contact section =========*/
.Contact {
  padding: 100px 0px;
}

.Contact .gap-3 figure {
  overflow: hidden;
  width: 100%;
}

.Contact .gap-3 img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.Contact .gap-3 img:hover {
  transform: scale(1.1);
}

.Contact .gap-3 h5 {
  color: #dd5903;
}

.Contact .gap-3 h2 {
  color: #212529;
  padding-right: 158px;
}

.Contact .gap-3 p {
  color: #212529;
  padding: 0px 80px 20px 0px;
}

.Contact form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.Contact form input {
  width: 100%;
  border-bottom: 1px solid #343a40 !important;
  border: none;
  background-color: #f8f9fa;
  font-size: 14px;
  padding: 5px 0px;
}

.Contact form input:focus {
  outline: none;
}

.Contact form textarea:focus {
  outline: none;
}

.Contact form textarea {
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #343a40 !important;
  border: none;
  background-color: #f8f9fa;
  padding: 5px 0px;
}

.Contact .col-lg-6 .gap-2 {
  padding-top: 50px;
  gap: 15px !important;
}

.Contact .col-lg-6 .gap-2 div:hover h3 {
  color: #dd5903;
}

.Contact .col-lg-6 .gap-2 div:hover a {
  color: #dd5903;
}

.Contact .col-lg-6 .gap-2 h3 {
  color: #212529;
  transition: all 0.3s ease-in;
}

.Contact .col-lg-6 .gap-2 a {
  color: #343a40;
  transition: all 0.3s ease-in;
}

/*========= End of 2.3. Contact section =========*/
/*========= 3.1. SubpagesHero section =========*/
.SubpagesBG {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../images/bg/SubpagesHero.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 100px 0px;
  margin-top: 50px;
}

.SubpagesBG h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

/*========= End of 3.1. SubpagesHero section =========*/
/*========= 3.2. Videos section =========*/
.Videos {
  padding: 100px 0px;
}

.Videos .row {
  row-gap: 50px;
}

.Videos .overflow-hidden figure {
  width: 100%;
  height: 100%;
}

.Videos .overflow-hidden img {
  width: 100%;
  height: 100%;
}

.Videos .overflow-hidden .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 25px 40px 25px 40px;
}

.Videos .overflow-hidden h3 {
  text-align: center;
  color: #ffffff;
}

.Videos .overflow-hidden a {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in;
  color: #dd5903;
}

.Videos .overflow-hidden a:hover {
  background-color: #dd5903;
  color: #ffffff;
}

.Videos .overflow-hidden a i {
  transform: scale(2);
}

.Videos .modal-dialog {
  max-width: unset;
  width: 80%;
}

.Videos .modal-content {
  background-color: transparent;
  backdrop-filter: unset;
  box-shadow: none;
}

.Videos .modal-content button {
  opacity: 1;
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: -34px;
  z-index: 1;
}

.Videos .modal-content i {
  color: #FFF;
  visibility: visible;
  font-size: 28px;
  transition: color 0.3s ease;
}

.Videos .modal-content button:hover i {
  color: #777777;
}

.Videos .modal-body {
  width: 700px;
  margin: unset;
}

.Videos iframe {
  border: none;
  width: 100%;
  height: 400px;
}

/*========= End of 3.2. Videos section =========*/
/*========= 4.1. Team section =========*/
.Team {
  padding: 100px 0px;
}

.Team .overflow-hidden img {
  width: 100%;
}

.Team .overflow-hidden .gap-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(to bottom, rgba(33, 37, 41, 0.4), rgba(33, 37, 41, 0.4));
  opacity: 0;
  transition: all 0.3s ease;
}

.Team .overflow-hidden:hover .gap-3 {
  opacity: 1;
}

.Team .overflow-hidden a {
  font-size: 22px;
  background-color: #ffffff;
  color: #212529;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(300px);
  transition: all 0.7s ease;
}

.Team .overflow-hidden:hover a {
  transform: translateY(0px);
}

.Team .overflow-hidden a:hover {
  background-color: #dd5903;
  color: #FFF;
}

.Team .flex-column {
  padding-top: 20px;
}

.Team .flex-column p,
.Team .flex-column h3 {
  color: #212529;
}

.Team .row {
  row-gap: 50px;
}

/*========= End of 4.1. Team section =========*/
/*========= 5.1. MoreHelp section =========*/
.MoreHelp {
  padding: 100px 0px;
}

.MoreHelp figure {
  width: 100%;
}

.MoreHelp img {
  width: 85%;
  height: 100%;
}

.MoreHelp .gap-4 {
  padding-top: 30px;
}

.MoreHelp .gap-2 h2 {
  color: #212529;
}

.MoreHelp .gap-2 p {
  color: #212529;
  padding-right: 130px;
}

.MoreHelp form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 30px;
}

.MoreHelp form input {
  width: 100%;
  padding: 10px 0px;
  background-color: #f8f9fa;
  border: none;
  border-bottom: 1px solid #343a40;
}

.MoreHelp form input::placeholder {
  color: #343a40;
}

.MoreHelp form input:focus {
  outline: none;
}

.MoreHelp form textarea {
  width: 100%;
  background: #f8f9fa;
  padding: 10px 0px 130px 0px;
  border: none;
  border-bottom: 1px solid #343a40;
}

.MoreHelp form textarea::placeholder {
  color: #343a40;
}

.MoreHelp form textarea:focus {
  outline: none;
}

/*========= End of 5.1. MoreHelp section =========*/
/*========= 5.2. FAQS section =========*/
.FAQS {
  background: #E9ECEF;
  padding: 70px 0px;
  margin-bottom: 100px;
}

.FAQS .gap-3 p {
  padding-right: 70px;
  color: #343A40;
}

.FAQS .gap-3 h5 {
  color: #dd5903;
}

.FAQS .mt-2 {
  margin-top: 40px !important;
}

.FAQS .accordion button {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

.FAQS .accordion-button::after {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 1rem;
  float: right;
  transition: transform 0.4s ease-in-out;
}

.FAQS .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

.FAQS .accordion-button {
  background-color: #E9ECEF;
  border: none;
}

.FAQS .accordion-button:focus {
  box-shadow: none;
}

.FAQS .accordion-item {
  border: none;
  border-bottom: 1px solid #343a40;
}

.FAQS .accordion-button:not(.collapsed) {
  background: #E9ECEF;
}

.FAQS .accordion-body {
  padding: 15px 50px 15px 0px;
  background-color: #E9ECEF;
}

.FAQS .accordion-button {
  padding: 14px 0px;
}

.FAQS .accordion-item .accordion-button {
  color: #212529;
}

.FAQS .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.FAQS .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/*========= End of 5.2. FAQS section =========*/
/*========= 6.1. AboutTeam section =========*/
.AboutTeam h5 {
  color: #dd5903;
}

.AboutTeam .gap-lg-3 {
  text-align: center;
  padding-bottom: 50px;
}

/*========= 6.1. AboutTeam section =========*/
/*========= 7.1. SinglPost_Hero section =========*/
.SinglPost_Hero .Hero_Image {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(33, 37, 41) 100%), url("../images/bg/single-post-hero.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 250px 0px;
  position: relative;
}

.SinglPost_Hero .Hero_Image a {
  position: absolute;
  top: 7%;
  left: 3%;
}

.SinglPost_Hero .Hero_Image h2 {
  color: #ffffff;
}

.SinglPost_Hero .Hero_Image span {
  color: #ffffff;
}

.SinglPost_Hero .Hero_Image .dot {
  width: 3px;
  height: 3px;
  background-color: #ffffff;
  padding: 2px;
  margin-top: 5px;
  border-radius: 50%;
}

.SinglPost_Hero .text {
  position: absolute;
  bottom: 8%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*=========End of 7.1. SinglPost_Hero section =========*/
/*========= 7.2. Caroline section =========*/
.Caroline {
  padding: 100px 0px;
}

.Caroline .gap-2 p:first-child::first-letter {
  font-size: 90px;
  font-weight: 700;
  font-weight: bold;
  color: #212529;
  float: left;
  margin-right: 0.1em;
  line-height: 0.9;
}

.Caroline .col-lg-8 p {
  font-size: 14px;
  line-height: 20px;
  color: #212529;
}

.Caroline .content {
  padding-right: 70px;
  border-right: 0.1px solid #000000;
}

.Caroline .content .gap-3 {
  padding: 20px;
  background-color: #343A40;
}

.Caroline .content .gap-3 h3 {
  color: #ffffff;
}

.Caroline .content hr {
  width: 100%;
  height: 2px;
  opacity: 1;
  color: #212529;
  margin-top: 50px;
}

.Caroline .content .gap-3 p {
  font-style: italic;
  line-height: 20px;
  font-family: "Crimson Text", serif;
  color: #ffffff;
}

.Caroline .content .gap-3 figure {
  width: 130px;
  height: 100%;
}

.Caroline .content .gap-3 img {
  width: 130px;
  height: 100%;
}

.Caroline .Comment {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.Caroline .Comment form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.Caroline .Comment form textarea:focus {
  outline: none;
}

.Caroline .Comment form textarea {
  width: 100%;
  padding: 20px 10px;
  height: 150px;
}

.Caroline .Comment form input:focus {
  outline: none;
}

.Caroline .Comment form input {
  width: 50%;
  padding: 20px 10px;
}

.Caroline .Comment form button {
  margin-top: 30px;
}

.Caroline .Posts {
  padding-left: 22px;
}

.Caroline .Posts hr {
  width: 100%;
  height: 2px;
  opacity: 1;
  color: #212529;
}

.Caroline .col-lg-4 .gap-2 {
  padding: 16px 24px;
  border: 0.5px solid #343A40;
  transition: all 0.3s ease-in;
}

.Caroline .col-lg-4 .pb-0 {
  color: #212529;
  font-family: "Crimson Text", serif;
}

.Caroline .col-lg-4 .pb-0 span {
  color: #212529;
  font-style: normal;
}

.Caroline .col-lg-4 .gap-2:hover {
  border: 0.5px solid #dd5903;
}

.Caroline .col-lg-4 .gap-2 a i {
  transition: all 0.3s ease-in;
}

.Caroline .col-lg-4 .gap-2:hover a i {
  color: #dd5903;
  transform: scale(1.4);
  ;
}

.Caroline .col-lg-4 a {
  font-size: 22px;
  color: #212529;
  transition: all 0.3s ease-in;
}

.Caroline .col-lg-4 h4 {
  color: #212529;
  text-align: center;
  padding-bottom: 20px;
}

.Caroline .security {
  padding: 30px 0px 20px;
}

.Caroline .security h4 {
  color: #212529;
}

.Caroline .security .p-0 {
  text-align: start;
  padding: 10px 156px 0px 0px !important;
  transition: all 0.3s ease-in;
}

.Caroline .security figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Caroline .security img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Caroline .security:hover img {
  transform: scale(1.1);
}

.Caroline .security:hover h4:nth-of-type(2) {
  color: #dd5903;
}

.Caroline .security:hover span {
  color: #dd5903;
}

.Caroline .security span {
  color: #212529;
  transition: all 0.3s ease-in;
}

.Caroline .FourCards a:hover img {
  transform: scale(1.1);
}

.Caroline .FourCards a:hover h5 {
  color: #dd5903;
}

.Caroline .FourCards a:hover span {
  color: #dd5903;
}

.Caroline .FourCards h5 {
  color: #212529;
  padding-right: 100px;
  transition: all 0.3s ease-in;
}

.Caroline .FourCards .gap-3 span {
  color: #212529;
  transition: all 0.3s ease-in;
}

.Caroline .FourCards figure {
  width: 110px;
  height: 100%;
  overflow: hidden;
}

.Caroline .FourCards img {
  width: 110px;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Caroline .Newsletter {
  padding-top: 50px;
}

.Caroline .Newsletter h4 {
  color: #212529;
}

.Caroline .Newsletter form {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.Caroline .Newsletter input {
  width: 100%;
}

.Caroline .Newsletter button {
  width: 100%;
}

/*=========End of 7.2. Caroline section =========*/
/*========= 8.1. Awards section =========*/
.Awards {
  padding-top: 100px;
}

.Awards hr {
  width: 100%;
  height: 2px;
  opacity: 1;
  color: #212529;
  margin-top: 100px;
}

.Awards .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.Awards .overflow-hidden:hover .flex-column {
  background-color: #dd5903;
  cursor: pointer;
}

.Awards .overflow-hidden figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Awards .overflow-hidden img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Awards .overflow-hidden .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 18px 134px 14px;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease-in;
}

.Awards .overflow-hidden {
  color: #ffffff;
}

.Awards .overflow-hidden h3 {
  color: #ffffff;
}

.Awards .overflow-hidden h4 {
  color: #ffffff;
}

.Awards .overflow-hidden span {
  color: #ffffff;
}

.Awards .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

/*=========End of 8.1. Awards section =========*/
/*========= 8.2. LatestPost section =========*/

.LatestPost {
  padding: 100px 0px;
}

.LatestPost .gap-4 .flex-column:hover img {
  transform: scale(1.1);
}

.LatestPost .gap-4 {
  row-gap: 40px !important;
}

.LatestPost .gap-4 .flex-column {
  width: 48%;
}

.LatestPost figure {
  width: 100%;
  overflow: hidden;
}

.LatestPost img {
  width: 100%;
  transition: all 0.3s ease-in;
}

.LatestPost .gap-4 h3 {
  color: #212529;
  padding-right: 85px;
  flex-grow: 1;
  transition: all 0.3s ease-in;
}

.LatestPost .gap-4 h3:hover {
  color: #DD5903;
}

.LatestPost p {
  padding: 8px 0px 8px 0px;
  color: #212529;
}

.LatestPost span {
  color: #212529;
  transition: all 0.3s ease-in;
}

.LatestPost .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: #212529;
  transition: all 0.3s ease-in;
}

.LatestPost .gap-2 a {
  flex-grow: 1;
}

.LatestPost .gap-2 a i {
  transition: all 0.3s ease-in;
  color: #212529;
}

.LatestPost .gap-2 a i:hover {
  color: #dd5903;
  transform: scale(1.2);
}

.LatestPost .gap-2 hr {
  width: 100%;
  height: 1px;
  background-color: #212529;
  opacity: 1;
  margin: 0px;
}

.LatestPost .col-lg-4 .gap-3 {
  padding-left: 70px;
}

.LatestPost .col-lg-4 h3 {
  color: #212529;
  width: 50%;
}



.LatestPost .col-lg-4 hr {
  width: 60%;
  height: 1px;
  background-color: #212529;
  opacity: 1;
  margin: 0px;
}

.LatestPost .col-lg-4 a:hover img {
  transform: scale(1.1);
}

.LatestPost .col-lg-4 a:hover h4 {
  color: #dd5903;
}

.LatestPost .col-lg-4 a:hover span {
  color: #dd5903;
}

.LatestPost .col-lg-4 a:hover .dot {
  background-color: #dd5903;
}

.LatestPost .col-lg-4 figure {
  width: 120px;
}

.LatestPost .col-lg-4 img {
  width: 120px;
  transition: all 0.3s ease-in;
}

.LatestPost .col-lg-4 h4 {
  color: #212529;
  padding-right: 35px;
  transition: all 0.3s ease-in;
}

.LatestPost form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.LatestPost input {
  width: 100%;
  padding: 10px 10px;
  border: 0.5px solid #343A40
}

.LatestPost input:focus {
  outline: none;
}

.LatestPost button {
  width: 100%;
}

.LatestPost ul {
  color: #dd5903;
  list-style-type: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.LatestPost ul li::marker {
  color: #dd5903;

}

.LatestPost ul li a {
  color: #212529;
  transition: all 0.3s ease-in;

}

.LatestPost ul li a:hover {
  color: #dd5903;

}


/*=========End of 8.2. LatestPost section =========*/
/*=========End of 9.1. Economists section =========*/
.Economists {
  padding-top: 100px;
}

.Economists hr {
  width: 100%;
  height: 2px;
  opacity: 1;
  color: #212529;
  margin: 100px 0px 0px;
}

.Economists .overflow-hidden figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Economists .overflow-hidden img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Economists .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.Economists .overflow-hidden:hover .flex-column {
  background-color: #dd5903 !important;
  cursor: pointer;
}

.Economists .col-lg-6 .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 18px 10px 22px 19px;
  transition: all 0.3s ease-in;
}

.Economists .col-lg-6:nth-child(1) .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 13px 86px 12px 38px;
  align-items: center;
  justify-content: center;
  text-align: center;
}


.Economists .overflow-hidden h3 {
  color: #ffffff;
}

.Economists .overflow-hidden h4 {
  color: #ffffff;
}

.Economists .overflow-hidden span {
  color: #ffffff;
}

.Economists .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

/*=========End of 9.1. Economists section =========*/
/*=========End of 10.1. Technology_Blog section =========*/
.Technology_Blog {
  padding-top: 100px;
}

.Technology_Blog hr {
  width: 100%;
  height: 2px;
  opacity: 1;
  color: #212529;
  margin-top: 100px;
}

.Technology_Blog .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.Technology_Blog .overflow-hidden:hover .flex-column {
  background-color: #dd5903;
  cursor: pointer;
}

.Technology_Blog .overflow-hidden figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Technology_Blog .overflow-hidden img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}

.Technology_Blog .col-lg-6 .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 13px 37px 12px 44px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
  text-align: center;
}

.Technology_Blog .overflow-hidden h3 {
  color: #ffffff;
}

.Technology_Blog .overflow-hidden h4 {
  color: #ffffff;
}

.Technology_Blog .overflow-hidden span {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

.Technology_Blog .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

/*=========End of 10.1. Technology_Blog section =========*/
/*========= 11.1. LifeStyle_Blog section =========*/
.LifeStyle_Blog {
  padding-top: 100px;
}

.LifeStyle_Blog hr {
  width: 100%;
  height: 2px;
  opacity: 1;
  color: #212529;
  margin-top: 100px;
}

.LifeStyle_Blog .overflow-hidden:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.LifeStyle_Blog .overflow-hidden:hover .flex-column {
  background-color: #dd5903;
  cursor: pointer;
}

.LifeStyle_Blog .overflow-hidden figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.LifeStyle_Blog .overflow-hidden img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}


.LifeStyle_Blog .col-lg-4 .flex-column {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #212529b2;
  padding: 13px 37px 12px 44px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
  text-align: center;
}

.LifeStyle_Blog .overflow-hidden h3 {
  color: #ffffff;
}

.LifeStyle_Blog .overflow-hidden h4 {
  color: #ffffff;
}

.LifeStyle_Blog .overflow-hidden span {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

.LifeStyle_Blog .overflow-hidden .dot {
  width: 3px;
  height: 3px;
  padding: 1px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #ffffff;
}

/*=========End of 11.1. LifeStyle_Blog section =========*/
/*========= 12.1. Error section =========*/
.Error {
  background-color: #f8f9fa;
  padding: 100px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.Error .d-flex h1 {
  font-size: 260px;
  font-weight: 700;
  color: #dd5903;
  font-family: "Open Sens", sans-serif;
}

.Error .d-flex img {
  width: 210px;
}

.Error .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 30px;
}

.Error .content p {
  width: 47%;
}

.Error .gap-3 {
  padding-top: 50px;
}

.Error .gap-3 a {
  color: #212529;
  font-size: 22px;
  transition: all 0.3s ease-in;
}

.Error .gap-3 a:hover {
  color: #dd5903;
  transform: translateY(-5px);
}

.Error .gap-3 p {
  color: #212529;
}

.Error .gap-3 p {
  color: #212529;
}

/*=========End of 12.1. Error section =========*/
/*========= 13.1. Coming section =========*/
.Coming {
  background-color: #f8f9fa;
  padding: 100px 0px 40px;
}

.Coming .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 30px;
}

.Coming .content p {
  width: 56%;
  color: #212529;
}

.Coming .content p:nth-child(4) {
  color: #212529;
  font-style: italic;
}

.Coming .flex-column span {
  color: #212529;
  font-size: 44px;
}

.Coming .flex-column h1 {
  color: #dd5903;
}

.Coming .counters {
  padding: 30px 0px;
  display: flex;
  gap: 10px;
}

.Coming .counters div {
  width: 168px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #DD5903;
  border-radius: 12px;
  padding: 40px 0px;
}

.Coming .counters div span {
  font-size: 44px;
  font-weight: 400;
  font-family: "Crimson Text", serif;
  font-style: normal;
}

.Coming form {
  width: 65%;
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
  padding: 25px;
}

.Coming form input {
  width: 100%;
  padding: 12px 5px;
  border: none;
  background: #E9ECEF;
}

.Coming form input:focus {
  outline: none;
}

.Coming a {
  color: #212529;
  font-size: 22px;
  transition: all 0.3s ease-in;
}

.Coming a:hover {
  color: #DD5903;
  transform: translateY(-10%);
}

/*=========End of 13.1. Coming section =========*/