a,
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: currentColor;
    outline: none;
}

a:hover {
    color: currentColor;
    text-decoration: none;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fcfcfc;
}

html.active,
html.active-search {
    overflow: hidden;
}



/* -------------------------------------
    Web loader 
------------------------------------- */
.web-loader {
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.web-loader span {
    position: relative;
    padding: 10px;
    overflow: hidden;
}


.web-loader span:before {
    content: '';
    position: absolute;
    top: 0;
    left: -80px;
    width: 70px;
    height: 100%;
    background: #f0f0f000;
    -webkit-animation: slide 1s ease-in-out infinite;
    animation: slide 1s ease-in-out infinite;
    background: -o-linear-gradient(bottom left, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 0%) 25%, rgba(245, 245, 245, 0.8), rgb(255 0 0 / 0%) 75%, rgb(255 0 0 / 0%) 100%);
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255 0 0 / 0%)), color-stop(25%, rgb(255 0 0 / 0%)), color-stop(rgba(245, 245, 245, 0.8)), color-stop(75%, rgb(255 0 0 / 0%)), to(rgb(255 0 0 / 0%)));
    background: linear-gradient(to top right, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 0%) 25%, rgba(245, 245, 245, 0.8), rgb(255 0 0 / 0%) 75%, rgb(255 0 0 / 0%) 100%);
}

@-webkit-keyframes slide {
    0% {
        left: -80px;
        top: 0;
    }

    100% {
        left: 80px;
        top: 0;
    }
}

@keyframes slide {
    0% {
        left: -80px;
        top: 0;
    }

    100% {
        left: 80px;
        top: 0;
    }
}

.web-loader span img {
    width: 70px;
}


.deactivate {
    opacity: 0;
    visibility: hidden;
    /* transform: scale(0); */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/* -----------------------------
    Loader Design
----------------------------- */

.loader-design {
    border-color: transparent !important;
   color: transparent !important;
   background-image: -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
   background-image: linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
   background-position: left;
   background-repeat: repeat;
   background-size: 900px;
   overflow: hidden;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-animation: shine-lines 1.6s infinite linear;
           animation: shine-lines 1.6s infinite linear;
}

.loader-design.p2,
.loader-design.p {
    margin: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 50px;
    height: 12px;
    width: 100%;
}

.loader-design.p2 {
    width: 100px;
}

@-webkit-keyframes shine-lines {
   0% {
      background-position: -100px;
   }

   100% {
      background-position: 800px;
   }
}

@keyframes shine-lines {
   0% {
      background-position: -100px;
   }

   100% {
      background-position: 800px;
   }
}

/* -----------------------------
         ad section css 
--------------------------------*/

.adimg {
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.068);
            box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.068);
    display: block;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

img.adimg,
.adimg img {
    max-width: 100%;
}

.section-sticky,
.ad-sticky {
    position: sticky;
    top: 115px;
}

/* -----------------------------
     pagewarper css 
-------------------------------- */
/* .pagewarper {
    padding-top: 15.3%;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.scroll-pagewarper {
    padding-top: 10%;
} */

/* -----------------------------
    01. header css
----------------------------- */
.main-header {
    background-color: rgb(255, 255, 255);
    position: sticky;
    width: 100%;
    top: 0px;
    z-index: 1099;
    padding: 10px 0px 0px;
    -webkit-box-shadow: 0 1px 0px #ededed;
        box-shadow: 0 1px 0px #ededed;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-scroll.main-header {
    -webkit-box-shadow: 0px 0 10px #00000040;
            box-shadow: 0px 0 10px #00000040;
}

.site-logo {
    width: 180px;
    padding: 6px 10px 6px;
    overflow: hidden;
    display: block;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-scroll .site-logo {
    width: 140px;
}

/* ---
    Menu Icon css
--- */


.menu-icon {
    width: 40px;
    height: 40px;
    /* border: 1px solid rgb(212, 186, 186); */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    /* right: 0;
    top: 50%;
    transform: translate(-50%, -50%);     */
    left: 5px;
    top: 9px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 0;
}

.navbar-scroll.main-header .menu-icon {
    opacity: 1;
    visibility: visible;
}

.menu-icon span {
    width: 100%;
    height: 1.5px;
    background-color: #727272;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    border-radius: 30px;
}

.menu-icon:hover span {
    background-color: #000000;
}

.menu-icon.active span {
    background-color: #000000;
}

.menu-icon.active span:nth-child(1) {
    width: 50%;
    margin-left: auto;
}

.menu-icon.active span:nth-child(2) {
    width: 90%;
}

.menu-icon.active span:nth-child(3) {
    width: 50%;
    margin-right: auto;
}


/* --- 
    Serach Icon css 
--- */
a.search-icon {
    color: #000000 !important;
    background-color: white;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navbar-scroll.main-header a.search-icon{
    visibility: visible;
    opacity: 1;
}

a.search-icon svg {
    width: 15px;
    height: 15px;
}

a.search-icon:hover {
    background-color: black;
    color: white !important;
}


/* ---
    Nav menu css
--- */

.left-nav {
    display: -webkit-box;
        display: -ms-flexbox;
            display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    flex-wrap: wrap;
    min-height: 45px;
    /* overflow: hidden;
    overflow-x: auto; */
    transition: all 0.3s ease-in;
}

.left-nav .mdm-link .dm-bx > a,
.left-nav .mdm-link> a {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2px 5px;
    color: #727272;
    position: relative;
    margin: 0 5px;
    min-height: 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    /* text-transform: uppercase; */
    white-space: nowrap;
}

.left-nav a.active,
.left-nav a:hover {
    color: #000000 !important;
}

.left-nav a::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1.5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: black;
    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transition: -webkit-transform 0.33s ease-in-out;
        -o-transition: transform 0.33s ease-in-out;
            transition: transform 0.33s ease-in-out;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
}

.left-nav .mdm-link:hover > a::after,
.left-nav a.active::after,
.left-nav a:hover::after {
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}


.more-link-bx,
.left-nav .mdm-link .dm-bx {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    background: #fdfdfd;
    opacity: 0;
    visibility: hidden;
    /* white-space: nowrap; */
    border-top: 1px solid #eeeeee;
    /* border-bottom: 1px solid #dedede; */
    text-align: center;
    -webkit-box-shadow: 0px 10px 10px 0px #00000014;
    box-shadow: 0px 10px 10px 0px #00000014;
    z-index: 1;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}


.more-link-bx .left-nav{
    margin-top: 0;
}

.more-link-bx.active,
.left-nav .mdm-link:hover .dm-bx {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.more-link-bx .left-nav .mdm-link,
.left-nav .mdm-link .dm-bx > a{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.more-link-bx.active .left-nav .mdm-link,
.left-nav .mdm-link:hover .dm-bx > a{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.more-link-bx.active .left-nav .mdm-link:first-child,.left-nav .mdm-link:hover .dm-bx > a:first-child{-webkit-transition-delay: 0.10s;-o-transition-delay: 0.10s;transition-delay: 0.10s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(2),.left-nav .mdm-link:hover .dm-bx > a:nth-child(2){-webkit-transition-delay: 0.15s;-o-transition-delay: 0.15s;transition-delay: 0.15s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(3),.left-nav .mdm-link:hover .dm-bx > a:nth-child(3){-webkit-transition-delay: 0.20s;-o-transition-delay: 0.20s;transition-delay: 0.20s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(4),.left-nav .mdm-link:hover .dm-bx > a:nth-child(4){-webkit-transition-delay: 0.25s;-o-transition-delay: 0.25s;transition-delay: 0.25s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(5),.left-nav .mdm-link:hover .dm-bx > a:nth-child(5){-webkit-transition-delay: 0.30s;-o-transition-delay: 0.30s;transition-delay: 0.30s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(6),.left-nav .mdm-link:hover .dm-bx > a:nth-child(6){-webkit-transition-delay: 0.35s;-o-transition-delay: 0.35s;transition-delay: 0.35s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(7),.left-nav .mdm-link:hover .dm-bx > a:nth-child(7){-webkit-transition-delay: 0.40s;-o-transition-delay: 0.40s;transition-delay: 0.40s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(8),.left-nav .mdm-link:hover .dm-bx > a:nth-child(8){-webkit-transition-delay: 0.45s;-o-transition-delay: 0.45s;transition-delay: 0.45s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(9),.left-nav .mdm-link:hover .dm-bx > a:nth-child(9){-webkit-transition-delay: 0.50s;-o-transition-delay: 0.50s;transition-delay: 0.50s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(10),.left-nav .mdm-link:hover .dm-bx > a:nth-child(10){-webkit-transition-delay: 0.55s;-o-transition-delay: 0.55s;transition-delay: 0.55s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(11),.left-nav .mdm-link:hover .dm-bx > a:nth-child(11){-webkit-transition-delay: 0.60s;-o-transition-delay: 0.60s;transition-delay: 0.60s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(12),.left-nav .mdm-link:hover .dm-bx > a:nth-child(12){-webkit-transition-delay: 0.65s;-o-transition-delay: 0.65s;transition-delay: 0.65s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(13),.left-nav .mdm-link:hover .dm-bx > a:nth-child(13){-webkit-transition-delay: 0.70s;-o-transition-delay: 0.70s;transition-delay: 0.70s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(14),.left-nav .mdm-link:hover .dm-bx > a:nth-child(14){-webkit-transition-delay: 0.75s;-o-transition-delay: 0.75s;transition-delay: 0.75s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(15),.left-nav .mdm-link:hover .dm-bx > a:nth-child(15){-webkit-transition-delay: 0.80s;-o-transition-delay: 0.80s;transition-delay: 0.80s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(16),.left-nav .mdm-link:hover .dm-bx > a:nth-child(16){-webkit-transition-delay: 0.85s;-o-transition-delay: 0.85s;transition-delay: 0.85s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(17),.left-nav .mdm-link:hover .dm-bx > a:nth-child(17){-webkit-transition-delay: 0.90s;-o-transition-delay: 0.90s;transition-delay: 0.90s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(18),.left-nav .mdm-link:hover .dm-bx > a:nth-child(18){-webkit-transition-delay: 0.95s;-o-transition-delay: 0.95s;transition-delay: 0.95s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(19),.left-nav .mdm-link:hover .dm-bx > a:nth-child(19){-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(20),.left-nav .mdm-link:hover .dm-bx > a:nth-child(20){-webkit-transition-delay: 1.05s;-o-transition-delay: 1.05s;transition-delay: 1.05s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(21),.left-nav .mdm-link:hover .dm-bx > a:nth-child(21){-webkit-transition-delay: 1.10s;-o-transition-delay: 1.10s;transition-delay: 1.10s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(22),.left-nav .mdm-link:hover .dm-bx > a:nth-child(22){-webkit-transition-delay: 1.15s;-o-transition-delay: 1.15s;transition-delay: 1.15s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(23),.left-nav .mdm-link:hover .dm-bx > a:nth-child(23){-webkit-transition-delay: 1.20s;-o-transition-delay: 1.20s;transition-delay: 1.20s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(24),.left-nav .mdm-link:hover .dm-bx > a:nth-child(24){-webkit-transition-delay: 1.25s;-o-transition-delay: 1.25s;transition-delay: 1.25s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(25),.left-nav .mdm-link:hover .dm-bx > a:nth-child(25){-webkit-transition-delay: 1.30s;-o-transition-delay: 1.30s;transition-delay: 1.30s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(26),.left-nav .mdm-link:hover .dm-bx > a:nth-child(26){-webkit-transition-delay: 1.35s;-o-transition-delay: 1.35s;transition-delay: 1.35s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(27),.left-nav .mdm-link:hover .dm-bx > a:nth-child(27){-webkit-transition-delay: 1.40s;-o-transition-delay: 1.40s;transition-delay: 1.40s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(28),.left-nav .mdm-link:hover .dm-bx > a:nth-child(28){-webkit-transition-delay: 1.45s;-o-transition-delay: 1.45s;transition-delay: 1.45s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(29),.left-nav .mdm-link:hover .dm-bx > a:nth-child(29){-webkit-transition-delay: 1.50s;-o-transition-delay: 1.50s;transition-delay: 1.50s;}
.more-link-bx.active .left-nav .mdm-link:nth-child(30),.left-nav .mdm-link:hover .dm-bx > a:nth-child(30){-webkit-transition-delay: 1.55s;-o-transition-delay: 1.55s;transition-delay: 1.55s;}



/* --- 
More-link 
--- */

.more-lk {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
    padding: 0 5px;
    height: 45px;
}

.more-lk .more-dots {
    background-color: #cdcdcd;
    width: 8px;
    height: 8px;
    display: flex;
    border-radius: 50%;
    margin: 0px 1px;
    transition: background-color 0.3s ease;
    transform: scale(0.8);
}

.more-lk.active .more-dots,
.more-lk:hover .more-dots {
    background-color: #000;
}

.mobile-bx{
    display: none !important;
}

/* -----------------------------
    03. breaking news section css
----------------------------- */
.breaking-section {
    -webkit-box-shadow: 0 1px 0px #ededed;
            box-shadow: 0 1px 0px #ededed;
    background-color: white;
}

.breaking-news-item {
    padding: 10px 5px;
    display: block;
    -webkit-box-shadow: 1px 0px 0px #ededed;
            box-shadow: 1px 0px 0px #ededed;
}

.breaking-news-slider,
.custom-container {
    padding: 0 60px;
    max-width: 1600px;
    margin: auto;
}

.breaking-lable {
    background-color: #d8361e;
    padding: 6px 12px;
    display: inline-block;
    font-size: 10px;
    color: white;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.breaking-news-item span {
    color: #737373;
    font-size: 12px;
    font-family: 'Work Sans', sans-serif;
    display: block;
}

.breaking-news-item h5 {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.73;
    max-height: 48px;
    overflow: hidden;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
}

.breaking-news-item:hover h5 {
    text-decoration: underline;
}

/* -----------------------------
    04. owl buttons css
----------------------------- */

.owl-prev,
.owl-next {
    width: 35px !important;
    height: 35px !important;
    background-color: rgba(51, 51, 51, .4) !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: white !important;
    opacity: 0.7;
    -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 20%);
    box-shadow: 0 0 50px rgb(0 0 0 / 20%);
}

#featurednews .owl-prev,
#featurednews .owl-next {
    width: 35px !important;
    height: 35px !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #d8361e !important;
    opacity: 1;
    -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 20%);
    box-shadow: 0 0 50px rgb(0 0 0 / 20%);
}

.owl-nav {
    /* display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 100%; */
    margin: 0 !important;
}

.owl-nav .owl-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.owl-nav .owl-next {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.owl-next svg {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 1px;
}

.owl-prev svg {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 1px;
}

#featurednews .owl-prev:hover,
#featurednews .owl-next:hover,
.owl-prev:hover,
.owl-next:hover {
    background-color: #d8361e !important;
    color: white !important;
    opacity: 1;
}

.owl-dots {
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: white;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px;
}

.owl-dots .owl-dot.active span {
    background: #d8361e !important;
}

/* -----------------------------
    05. featured slider
----------------------------- */

.max-width-1920px {
    max-width: 1920px;
    margin: auto;
    /* padding-bottom: 45.25%; */
    position: relative;
    background-image: -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: left;
    background-repeat: repeat;
    background-size: 900px;
}

/* .featured-slider {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
} */

.featured-item {
    /* padding-bottom: 56.25%; */
    padding-bottom: 45.25%;
    background-color: lightgray;
    position: relative;
    background-image: -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: left;
    background-repeat: repeat;
    background-size: 900px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-animation: shine-lines 1.6s infinite linear;
            animation: shine-lines 1.6s infinite linear;
}


.featured-item-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
}

.featured-item-txt {
    background-color: white;
    position: absolute;
    left: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 35px 30px 35px 30px;
    width: 400px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
            box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
}

.featured-item-txt .date {
    color: #737373;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    display: block;
    text-transform: capitalize;
}

.featured-item-txt .date .author-name {
    color: #d8361e;
    font-weight: 500;
}

.featured-item-txt h5 {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.73;
    max-height: 104px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.featured-item-txt h5:hover {
    text-decoration: underline;
}

.featured-item-txt p {
    color: #737373;
    font-weight: 300;
    font-size: 15px;
    max-height: 72px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.featured-item-txt .featured-item-btn {
    background-color: #b32f1b;
    padding: 10px 20px;
    display: inline-block;
    font-size: 13px;
    color: white;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.featured-item-txt .featured-item-btn .fa {
    opacity: 0;
    width: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.featured-item-txt .featured-item-btn:hover {
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
            box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
    background-color: #d8361e;
}

.featured-item-txt .featured-item-btn:hover .fa {
    margin-left: 5px;
    width: 9px;
    opacity: 1;
    visibility: visible;
}

.res-featured-heading {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(105%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 105%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 105%);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    display: none;
    width: 100%;
}

.res-featured-heading h5 {
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    height: 56px;
    margin: 0;
    overflow: hidden;
    -o-text-overflow: clip;
       text-overflow: clip;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
}

/* -----------------------------
    06. category-main-news
----------------------------- */

.category-main-news {
    padding-bottom: 56.25%;
    background-color: lightgray;
    position: relative;
    overflow: hidden;
    background-image: -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: left;
    background-repeat: repeat;
    background-size: 900px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-animation: shine-lines 1.6s infinite linear;
            animation: shine-lines 1.6s infinite linear;
}

.category-main-news.category-main-effct::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1%;
    height: 4px;
    opacity: 0;
    visibility: hidden;
    background-color: #d8361e;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.category-main-news.category-main-effct:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;

}

.special-tag {
    background-color: #d8361e;
    padding: 5px 12px;
    margin: auto;
    display: block;
    font-size: 10px;
    color: white;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    top: -15px;
    margin-bottom: -13px;
}

.category-main-news-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    /* display: none; */
}

.category-main-news.category-main-effct:hover .category-main-news-bg {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.category-main-bx {
    border-bottom: 1px solid #e2e2e2;
}

.category-main-bx h5 {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.43;
    max-height: 58px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: center;
}

.category-main-bx h5:hover {
    text-decoration: underline;
}

.category-main-bx .date {
    color: #737373;
    font-size: 11px;
    font-family: 'Work Sans', sans-serif;
    display: block;
    text-transform: capitalize;
    text-align: center;
}

.category-main-bx .date .author-name {
    color: #d8361e;
    font-weight: 500;
}

.category-main-bx p {
    color: #333;
    font-weight: 400;
    font-size: 12px;
    max-height: 37px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    text-align: center;
    line-height: 1.6;
}

.category-sub-bx {
    border-bottom: none !important;
}

.category-sub-bx h5 {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    max-height: 40px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 2px;
    text-align: center;
}

.category-sub-bx h5:hover {
    text-decoration: underline;
}

.treding-news-item {
    padding: 10px 5px;
    display: block;
}

.treding-news-item span {
    color: #737373;
    font-size: 12px;
    font-family: 'Work Sans', sans-serif;
    display: block;
}

.treding-news-item h5 {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.73;
    max-height: 48px;
    overflow: hidden;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
}

.treding-news-item:hover h5 {
    text-decoration: underline;
}

.treding-news-item .date {
    color: #737373;
    font-size: 11px;
    font-family: 'Work Sans', sans-serif;
    display: block;
    text-transform: capitalize;
}

.treding-news-item .date .author-name {
    color: #d8361e;
    font-weight: 500;
    display: inline;
}

.treding-hed-bx {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
}

.treding-hed-bx li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    text-align: center;
    color: #737373;
    font-family: 'Work Sans', sans-serif;
    border-bottom: 3px solid #e2e2e2;
    position: relative;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}


.simpal-treding-new {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
}

.simpal-treding-news li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    text-align: center;
    color: #737373;
    font-family: 'Work Sans', sans-serif;
    border-bottom: 3px solid #e2e2e2;
    position: relative;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}

.simpal-treding-news li::after,
.treding-hed-bx li::after {
    content: "";
    width: 10px;
    height: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: -6px;
    border-top: 3px solid #e2e2e2;
    -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
    border-left: 3px solid #e2e2e2;
    background: #fcfcfc;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.simpal-treding-news li:hover,
.treding-hed-bx li:hover {
    font-size: 18px;
    color: #333333;
}

.simpal-treding-news li.active,
.treding-hed-bx li.active {
    font-size: 18px;
    color: #333333;
    border-color: #333333;
}

.simpal-treding-news li.active::after,
.treding-hed-bx li.active::after {
    width: 15px;
    height: 15px;
    border-top: none;
    border-left: none;
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    bottom: -10px;
}

/* -----------------------------
    07. Social Media
----------------------------- */
.socialmedia {
    border: 1px solid #e2e2e2;
    border-left: none;
    border-right: none;
    padding-top: 9px;
    padding-bottom: 9px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.socialmedia .social-name {
    color: #333333;
    font-weight: 400;
    font-size: 12px;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
}

.socialmedia .social-name span {
    color: #737373;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
}

.socialmedia .social-hed h6 {
    color: #333333;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Merriweather', serif;
    text-align: center;
    margin: 0;
}

.footer-social-links {
    white-space: nowrap;
}

.socialmedia .social-links {
    text-align: right;
}

.footer-social-links a,
.socialmedia .social-links a {
    color: #737373;
    height: 24px;
    margin: 0px 13px;
    width: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-social-links a {
    margin: 0px 3px;
}

.footer-social-links a .fa,
.socialmedia .social-links a .fa {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-social-links a:hover .fa-facebook,
.socialmedia .social-links a:hover .fa-facebook {
    color: #3b5998;
}

.footer-social-links a:hover .fa-twitter,
.socialmedia .social-links a:hover .fa-twitter {
    color: #00aced;
}

.footer-social-links a:hover .fa-instagram,
.socialmedia .social-links a:hover .fa-instagram {
    color: #8a3ab9;
}

.footer-social-links a:hover .fa-linkedin,
.socialmedia .social-links a:hover .fa-linkedin {
    color: #0077b5;
}

.footer-social-links a:hover .fa-youtube-play,
.socialmedia .social-links a:hover .fa-youtube-play {
    color: red;
}


/* -----------------------------
    08. Success-slider
----------------------------- */

.success-slider {
    overflow: hidden;
    border-top: 3px solid black;
    padding-top: 35px;
    margin-top: 35px;
    margin-bottom: 35px;
    max-height: 340px;
}

.success-item {
    padding-bottom: 56.25%;
    /* padding-bottom: 45.25%; */
    background-color: lightgray;
    position: relative;
}


.success-item-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
}

.success-slider .owl-item {
    opacity: 0.7;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.success-slider .owl-item.center {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.success-slider .owl-item .success-bx h5 {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    max-height: 40px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 2px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.success-slider .owl-item.center .success-bx h5 {
    opacity: 1;
}

/* -----------------------------
    09. category-flex css
----------------------------- */
.category-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.category-flex .category-main-news {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
    height: 85px;
    padding-bottom: 0%;
    margin-right: 10px;
}

.category-flex h5,
.category-flex .date {
    text-align: left;
}

/* -----------------------------
    10. News heading css
----------------------------- */

.news-heding {
    border-top: 3.5px solid black;
    border-bottom: 1px solid black;
    padding: 12px 0;
    margin-bottom: 25px;
}

.news-heding h6 {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #d8361e;
    margin-bottom: 0;
    margin-right: 20px;
    margin-top: 0;
    font-family: 'Work Sans', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.news-heding h6 span {
    margin-left: 5px;
    color: #333333;
    font-size: 18px;
}

.news-heding h6 svg {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-heding h6:hover svg {
    margin-left: 10px;
}

/* -----------------------------
    11. Subscribe-bx css
----------------------------- */

.Subscribe-bx {
    background-color: #0f256e;
    padding: 50px 35px;
    max-width: 300px;
    margin: 0 auto 1.5rem;
}

.Subscribe-bx h5 {
    font-size: 30px;
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
    color: white;
}

.Subscribe-bx form input:focus,
.Subscribe-bx form input {
    width: 100%;
    height: 45px;
    padding: 10px;
    margin-top: 13px;
    outline: none;
    color: #333333;
}

.Subscribe-bx form button {
    background-color: #00b373;
    border: none;
    color: white;
    width: 100%;
    height: 45px;
    margin-top: 13px;
    border-radius: 3px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
}

.Subscribe-bx p {
    color: #ffffff99;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.Subscribe-bx p a:hover {
    color: white;
    text-decoration: underline;
}


/* -----------------------------
    12. footer css
----------------------------- */
footer {
    background-color: #f0f0f0;
}

.footer-top {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer-top .footer-logo svg {
    width: 170px;
    height: 37px;
}

.footer-top .footer-links {
    margin-left: 30px;
    overflow-x: scroll;
    white-space: nowrap;
    margin-right: 15px;
}

.footer-top .footer-links::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.footer-top .footer-links a {
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: -.4px;
    margin-right: 20px;
    white-space: nowrap;
}

.footer-center {
    border-top: 2px solid #333333;
    padding: 14px 0;
}

.footer-hed {
    font-family: 'Work Sans', sans-serif;
    color: #171816;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.4px;
}

.footer-hed-link {
    font-size: 13px;
    font-family: 'Work Sans', sans-serif;
    color: #171816;
    display: block;
    padding-top: 5px;
}

.footer-hed-link:hover {
    text-decoration: underline;

}

.footer-bottom {
    margin-top: 25px;
}

.other-link {
    font-size: 11px;
    font-family: 'Work Sans', sans-serif;
    color: #333333;
    display: inline-block;
    padding-top: 0px;
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px solid #333333;
}

.other-link:hover {
    text-decoration: underline;
    color: #171816;
}
/* 
.copyright {
    color: #333333;
    font-size: 11px;
    margin: 0;
}

.mede-with {
    color: #333333;
    font-size: 11px;
    margin: 0;
}

.mede-with a {
    color: #333333;
}

.mede-with a:hover {
    color: #dd1627;
} */

.design-develop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.design-bx, .develop-bx{
    color: #333333;
    font-size: 11px;
    margin: 0;
}

.develop-bx{
    color: transparent;
    font-size: 8px;
    margin: 0;
    cursor: none;
}

.develop-bx a{
    transition: 0.3s ease-in-out;
    cursor: none;
}

/* .develop-bx a:hover{
    color: #dd1627;
} */

@media (max-width:730px){
    .design-develop{
        padding: 0 18px;
    }
}
@media (max-width:600px){
  .design-develop{
    flex-direction: column;
    text-align: center;
    margin-top: 5px;
    padding: 0;
  }

  .design-bx{
    margin-bottom: 5px;
  }

  .develop-bx{
    line-height: 1.5;
  }
}

.icons-box-made {
    /* border: 1px solid red; */
    width: 12px;
    height: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    top: 3px;
}

.icons-box-made .fa-heart,
.icons-box-made .fa-heart-o {
    position: absolute;
}

.mede-with .fa-heart-o {
    color: #999;
    font-size: 13px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

.mede-with .fa-heart {
    color: #999;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.mede-with:hover .fa-heart-o {
    opacity: 0;
}

.mede-with:hover .fa-heart {
    opacity: 1;
    color: #dd1627;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}


/* -----------------------------
    13. Side Menu css
----------------------------- */

#sidebar {
    width: 280px;
    position: fixed;
    top: 0px;
    left: -300px;
    height: 100%;
    z-index: 1101;
    background: #ffffff;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow-y: scroll;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    padding: 0px;
    opacity: 0;
    visibility: hidden;
    /* display: none; */
}

#sidebar::-webkit-scrollbar {
    display: none;
}

#sidebar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.search-close,
#dismiss {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    right: 10px;
    top: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.search-close {
    width: 50px;
    height: 50px;
    right: 20px;
    top: 20px;
}


.search-close:hover,
#dismiss:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    border-radius: 50%;
}

.search-close .closes,
#dismiss .closes {
    position: absolute;
    width: 17px;
    height: 1.9px;
    background-color: white;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.search-close .closes {
    width: 80%;
}

.search-close:hover .closes,
#dismiss:hover .closes {
    background-color: rgb(223, 7, 7);

}

.search-close .closes:nth-child(1),
#dismiss .closes:nth-child(1) {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.search-close .closes:nth-child(2),
#dismiss .closes:nth-child(2) {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}

#sidebar.active {
    left: 0;
    opacity: 1;
    visibility: visible;
}

.res-sidemenu-logo {
    background: #000000;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
    position: sticky;
    top: 0;
    z-index: 1;
}

.res-sidemenu-logo svg {
    width: 160px;
}

.slidemenu {
    /* height: calc(100% - 200px);
    max-height: calc(100% - 200px); */
    height: calc(100% - 0px);
    max-height: calc(100% - 0px);
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 100px;
    overflow: auto;
}

.slidemenu ul {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0 16px;
    list-style: none;
    /* border-bottom: 1px solid #dadada; */
}

.social-bx {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 15px 10px;
    background: white;
    width: 100%;
    -webkit-box-shadow: -4px 0px 9px lightgrey;
            box-shadow: -4px 0px 9px lightgrey;
    margin: 0;
}

.social-bx p,
.slidemenu ul p {
    color: #d8361e;
    font-weight: 600;
    margin: 0 0 6px 0;
    font-size: 14px;
    padding: 6px 0px;
    border-bottom: 1px solid #e9e9e9;
    /* width: fit-content; */
}

.slidemenu li {
    margin: 4px 0;
    /* width: fit-content; */
}

.slidemenu li a {
    padding: 5px 5px 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #333333;
    position: relative;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    opacity: 0.8;
    font-family: 'Work Sans', sans-serif;
}

.slidemenu li a .fa {
    margin-right: 10px;
    visibility: hidden;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.slidemenu li a.active .fa,
.slidemenu li a:hover .fa {
    visibility: visible;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
}

.slidemenu li a.active,
.slidemenu li a:hover {
    color: #333333;
    background-color: #35144f14;
    opacity: 1;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
    cursor: pointer;
    margin: 0 !important;
    /* display: none; */
}

.overlay.active {
    visibility: visible;
    opacity: 1;

}

.social-link {
    color: white;
    width: 35px;
    height: 35px;
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 5px;
    border-radius: 50%;
}

.social-link:hover {
    color: white;
}

.social-link.fb {
    background-color: hsla(214, 89%, 52%, 0.8);
}

.social-link.fb:hover {
    background-color: #1877f2;
}

.social-link.yt {
    background-color: rgba(255, 0, 0, 0.8);
}

.social-link.yt:hover {
    background-color: red;
}

.social-link.tw {
    background-color: hsla(203, 89%, 53%, 0.8);
}

.social-link.tw:hover {
    background-color: #1da1f2;
}

.social-link.wa {
    background-color: hsla(142, 70%, 49%, 0.8);
}

.social-link.wa:hover {
    background-color: #25d366;
}

.social-link.tl {
    background-color: hsla(198, 61%, 50%, 0.8);
}

.social-link.tl:hover {
    background-color: #33a0cd;
}

.social-link.cm {
    background-color: hsla(0, 0%, 63%, 0.8);
}

.social-link.cm:hover {
    background-color: #a1a1a1;
}

.card-links {
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 10px;
    padding: 0 16px;
}

.btn-hed-link.collapsed+.card-links {
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 10px !important;
    padding: 0 16px;
}

.btn-hed-link+.card-links {
    border: none !important;
    background-color: #6c757d09 !important;
    margin-bottom: 10px !important;
}

.card-links .card-fil-header {
    padding: 0;
    background-color: transparent;
}

.card-links .btn-hed-link.collapsed {
    text-decoration: none;
    color: #333333 !important;
    width: 100%;
    text-align: left;
    font-size: 14px;
}

.card-links .btn-hed-link,
.card-links .btn-hed-link:hover {
    text-decoration: none;
    width: 100%;
    text-align: left;
    padding: 0;
    text-transform: capitalize;
    margin: 0;
    color: #d8361e !important;
    font-weight: 600;
    margin: 0 0 6px 0;
    font-size: 14px;
    position: relative;
    height: 30px;

}

.card-links .btn-hed-link:focus {
    background-color: transparent !important;
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    outline: none !important;
}

.card-links .btn-hed-link:active {
    -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
            transform: scale(1) !important;
}

.btn-hed-link.collapsed .right-arrow-lot {
    position: absolute;
    right: 5px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    top: 3px;
}

.btn-hed-link .right-arrow-lot {
    position: absolute;
    right: 5px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    top: 3px;
}

.card-links-bx,
.card-links-bx ul {
    padding: 0;
}

#links-accordion {
    margin-top: 12px;
    padding: 0 0 0 0;
}

/* -----------------------------
    14. search-modal css
----------------------------- */

.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #212424;
    width: 100%;
    height: 100%;
    z-index: 1102;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-modal.active {
    opacity: 1;
    visibility: visible;
}

.search-modal svg.logo-svg {
    width: 310px;
    /* height: 60px; */
    margin: auto;
    display: block;
    padding-top: 80px;
}

.search-bx {
    width: 768px;
    max-width: 100%;
    position: relative;
    margin: auto;
    margin-top: 30px;
    padding: 10px 20px 10px 20px;
}

.search-bx input {
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #fcfcfc;
    font-family: Work Sans, sans-serif;
    font-size: 30px;
    font-weight: 300;
    opacity: .3;
    outline: none;
    padding: 6px 50px 6px 0;
    text-align: center;
    width: 100%;
    border-bottom: 2px solid #fcfcfc;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.search-bx svg {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 0;
    opacity: 0.3;
    fill: #fcfcfc;
    cursor: pointer;
}

.search-bx:hover svg,
.search-bx:focus svg,
.search-bx:hover input,
.search-bx:focus input {
    opacity: 1;
}

.search-result {
    width: 768px;
    max-width: 100%;
    position: relative;
    margin: auto;
    margin-top: 20px;
    padding: 10px 20px 10px 20px;
    height: 60vh;
    margin-bottom: 20px;
    overflow-y: auto;
}

.search-result a {
    color: #fcfcfc;
    opacity: 0.5;
    font-weight: 300;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
    line-height: 1.43;
    display: block;
    letter-spacing: 0.1px;
    margin: 10px 0;
    height: 25px;
    overflow: hidden;
}

.search-result a svg {
    width: 24px;
    height: 24px;
    padding: 0;
    display: inline-block;
    margin-right: 10px;
    fill: currentColor;
}

.search-result a:hover {
    opacity: 1;
    color: #fcfcfc;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* -----------------------------
    15. lagal pages css
----------------------------- */

.legal-ul {
    list-style: decimal;
    padding: 0px;
    list-style-position: inside;
    font-family: Work Sans, sans-serif;
}

.legal-ul li,
.legal-main p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    margin-top: 13px;
    font-family: Work Sans, sans-serif;
    color: #727272;
}

.legal-main h3 {
    font-weight: 700;
    margin: 30px 0;
    color: #333;
    text-align: center;
    font-family: 'Merriweather', serif;
    font-size: 30px;
}

.legal-main h5 {
    margin: 0;
    margin-top: 20px;
    font-weight: 600;
    color: #3d3d3d;
    font-family: Work Sans, sans-serif;
}

/* -----------------------------
    16. pagenavigationbar css
----------------------------- */

.pagenavigationbar {
    padding: 12px 60px 12px;
}

.pagenavigationbar p a,
.pagenavigationbar p {
    margin: 0;
    font-size: 14px;
    color: gray;
    font-weight: 500;
    font-family: Work Sans, sans-serif;
}

.pagenavigationbar p a:hover {
    color: #b32f1b;
}

.pagenavigationbar p a.active {
    color: #b32f1b;
}

.pagenavigationbar p span .fa {
    margin: 0 8px;
    font-size: 16px;
    color: #d8361e;
}

/* -----------------------------
    17. detail css
----------------------------- */
.detail-news-bx h5 {
    max-height: inherit;
    display: block;
    margin: 0;
    text-align: left;
    font-size: 32px;
}

.detail-news-bx h5:hover{
    text-decoration: none;
}


.d-other .df-span {
    color: #d8361e;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    display: block;
    white-space: nowrap;
    font-family: Work Sans, sans-serif;
}

.d-other .ds-span {
    color: #737373;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    display: block;
    white-space: nowrap;
    margin-top: 0px;
    font-family: Work Sans, sans-serif;
}

.d-caption {
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    padding: 3px 0;
    color: #bab6b6;
    font-weight: 400;
    font-style: normal !important;
}

.d-caption i{
    font-style: normal !important;
}

.d-s-link {
    text-align: center;
    margin: 0;
    margin: 15px 0;
}

.d-s-link a {
    border-radius: 50%;
    font-size: 16px;
    margin: 5px 1px;
    position: relative;
    color: #777777;
    height: 35px;
    margin: 0px 2px;
    background: #eeeeee;
    width: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.d-s-link a .fa {
    position: relative;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}

.d-s-link a::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%) scale(0);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.d-s-link a:hover {
    background-color: transparent;
    box-shadow: none;
}

.d-s-link a:hover .fa {
    color: white !important;
}

.d-s-link a:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

.social-links a.fb-link:hover::after {
    background-color: #3b5998;
}

.social-links a.tw-link:hover::after {
    background-color: #00aced;
}

.social-links a.ld-link:hover::after {
    background-color: #0077b5;
}

.social-links a.wa-link:hover::after {
    background-color: #25d465;
}

.social-links a.copy-link:hover::after {
    background-color: #393082;
}

.d-s-link a .icon-tag {
    position: absolute;
    background: white;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 50px);
    box-shadow: 0px 0px 5px #0000001f;
    padding: 4px 8px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    pointer-events: none;
}

.d-s-link a .icon-tag::after {
    content: "";
    width: 12px;
    height: 12px;
    background: white;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -6px) rotate(45deg);
    z-index: 3;
    box-shadow: -1px -1px 1px #0000001f;
}

.d-s-link a:hover .icon-tag {
    transform: translate(-50%, 35px);
    visibility: visible;
    opacity: 1;
}

.social-links a.fb-link .icon-tag {
    color: #3b5998;
}

.social-links a.tw-link .icon-tag {
    color: #00aced;
}

.social-links a.ld-link .icon-tag {
    color: #0077b5;
}

.social-links a.wa-link .icon-tag {
    color: #25d465;
}

.social-links a.copy-link .icon-tag {
    color: #393082;
}

.d-text-bx {
    /* height: 150px; */
    /* height: 15%; */
    overflow: hidden;
    position: relative;
    -webkit-transform: all 0.3s;
        -ms-transform: all 0.3s;
            transform: all 0.3s;
}

/* .d-text-bx::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fcfcfc), color-stop(30%, #fcfcfc4d), to(#fcfcfc00));
    background-image: -o-linear-gradient(bottom, #fcfcfc 0%, #fcfcfc4d 30%, #fcfcfc00 100%);
    background-image: linear-gradient(0deg, #fcfcfc 0%, #fcfcfc4d 30%, #fcfcfc00 100%);
}

.d-text-bx.noafter::after {
    content: none;
} */

.d-text-bx > * {
    color: #333;
    font-size: 18px;
    font-family: Work Sans, sans-serif;
    /* margin: 0; */
}

.d-text-bx strong,
.d-text-bx b{
    font-weight: bold !important;
}

.d-text-bx ins,
.d-text-bx u{
    text-decoration: underline !important;
}

.d-text-bx em,
.d-text-bx i{
    font-style: italic !important;   
}

.d-text-bx img {
    width: 100%;
    border-radius: 5px;
}

.d-text-bx ul li{
    padding-left: 20px;
    position: relative;
}

.d-text-bx ul li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    color: currentColor;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: currentColor;
    border-radius: 50%;
}

.read-full-artical {
    background-color: #dd1627;
    color: white;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #dd1627;
    padding: 5px 14px;
    margin: 5px auto 0;
    border-radius: 3px;
    display: block;
    font-family: Work Sans, sans-serif;
    display: none;
}

.read-full-artical {
    background-color: #d8361e;
    border: 1px solid #d8361e;
    color: white;

}

.detail-main-news-video {
    position: absolute;
    top: 0;
    left: 0;
}


hr.separator {
    border-top: 1px solid lightgray;
    width: 100%;
    clear: both;
    margin: auto;
    opacity: 1;
}

hr.separator:after {
    background-color: #d8361e;
    content: "";
    height: 10px;
    left: 50%;
    margin: -5px auto auto -5px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 10px;
}

/* -----------------------------
    18. contact page css
----------------------------- */

.contact-info {
    border: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 13px 15px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info:hover {
    background-color: #f0f0f031;
}

.contact-info .contact-icon {
    padding: 8px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info:hover .contact-icon {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: transparent;
    -webkit-box-shadow: 0 0 5px lightgray;
            box-shadow: 0 0 5px lightgray;
}

.contact-info .contact-icon img {
    width: 100%;
}

.contact-info .contact-text h6 {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.73;
    overflow: hidden;
    font-family: 'Merriweather', serif;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info:hover .contact-text h6 {
    color: #d8361e;
}

.contact-info .contact-text p {
    color: #737373;
    font-size: 14px;
    font-family: Work Sans, sans-serif;
    margin: 0;
}

.contact-heading {
    font-weight: 600;
    color: #112c44;
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
}

h5.contact-heading::after {
    content: "";
    background-color: #d8361e;
    width: 50px;
    height: 1.5px;
    position: absolute;
    left: 0;
    bottom: -8px;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.custom-form {
    padding: 40px 20px;
    background-color: #ffffff;
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
            box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    position: relative;
}

.custom-form__group textarea,
.custom-form__group input {
    font-weight: 400;
    display: block;
    color: #727272;
    border: 0;
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgb(219 219 219);
    padding: 0px 10px 0px 10px;
    height: 40px;
    font-size: 15px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
    -webkit-box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}

.custom-form__group textarea {
    padding: 6px 10px 6px 10px;
    height: auto;
}

.custom-form__group textarea,
.custom-form__group input:focus {
    outline: none;
}

.custom-form__group {
    position: relative;
    margin: 16px 0 10px;
}

.custom-form__group .group__label {
    position: absolute;
    font-size: 12px;
    left: 30px;
    color: #c3c3c3;
    font-weight: 400;
    border-radius: 3px;
    top: -6.5px;
    opacity: 1;
    -webkit-transform: scale(1.2) translateY(15px);
        -ms-transform: scale(1.2) translateY(15px);
            transform: scale(1.2) translateY(15px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    cursor: pointer;
    font-family: Work Sans, sans-serif;
}

.custom-form__group textarea:focus+.group__label,
.custom-form__group textarea:hover+.group__label,
.custom-form__group input:focus+.group__label,
.custom-form__group input:hover+.group__label {
    color: #c3c3c3;
}

.custom-form__group textarea:focus,
.custom-form__group textarea:hover,
.custom-form__group input:focus,
.custom-form__group input:hover {
    /* border-color: var(--bg-blue); */
    background-color: rgb(255, 255, 255);
    border-color: #d8361e;
}

.custom-form__group textarea:not(:-moz-placeholder-shown)+.group__label, .custom-form__group input:not(:-moz-placeholder-shown)+.group__label {
    transform: scale(1) translateY(-5px);
    opacity: 1;
    left: 25px;
    z-index: 1;
    font-weight: 500;
    color: #d8361e;
}

.custom-form__group textarea:not(:-ms-input-placeholder)+.group__label, .custom-form__group input:not(:-ms-input-placeholder)+.group__label {
    -ms-transform: scale(1) translateY(-5px);
        transform: scale(1) translateY(-5px);
    opacity: 1;
    left: 25px;
    z-index: 1;
    font-weight: 500;
    color: #d8361e;
}

.custom-form__group textarea:not(:placeholder-shown)+.group__label,
.custom-form__group textarea:focus+.group__label,
.custom-form__group input:not(:placeholder-shown)+.group__label,
.custom-form__group input:focus+.group__label,
.custom-form__group select:focus+.group__label {
    -webkit-transform: scale(1) translateY(-5px);
        -ms-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
    opacity: 1;
    left: 25px;
    z-index: 1;
    font-weight: 500;
    color: #d8361e;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px rgb(255, 255, 255) inset !important;
    -webkit-box-shadow: 0 0 0 30px rgb(255, 255, 255) inset !important;
}

.sub-btn {
    background-color: white;
    border: 1px solid lightgray;
    padding: 5px 10px;
    margin: 16px auto 0;
    width: 150px;
    height: 40px;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}

.sub-btn:hover {
    border-color: #d8361e;
    background-color: #d8361e;
    color: white;
}

.contact-map {
    width: 100%;
    height: 479px;
}


/* -----------------------------
    19. footer Subscribe css
----------------------------- */

.pera-text {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    font-family: Work Sans, sans-serif;
    color: #727272;
}

.form-gorup-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.form-gorup-search input {
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 0 0 0 0;
    height: 40px;
    padding: 0 10px 0 10px;
    outline: none;
    font-family: Work Sans, sans-serif;
    font-size: 14px;
}

.form-gorup-search input::-webkit-input-placeholder {
    color: #a8a8a8;
    font-weight: 500;
    font-family: Work Sans, sans-serif;
}

.form-gorup-search input::-moz-placeholder {
    color: #a8a8a8;
    font-weight: 500;
    font-family: Work Sans, sans-serif;
}

.form-gorup-search input:-ms-input-placeholder {
    color: #a8a8a8;
    font-weight: 500;
    font-family: Work Sans, sans-serif;
}

.form-gorup-search input::-ms-input-placeholder {
    color: #a8a8a8;
    font-weight: 500;
    font-family: Work Sans, sans-serif;
}

.form-gorup-search input::placeholder {
    color: #a8a8a8;
    font-weight: 500;
    font-family: Work Sans, sans-serif;
}

.form-gorup-search button {
    /* position: absolute;
    right: 0;
    top: 0; */
    border-radius: 0px 0px 0px 0px;
    padding: 7px 7px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: #d8361e;
    color: white;
    height: 40px;
    opacity: 0.9;
    width: 70px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: Work Sans, sans-serif;
}

.form-gorup-search button:hover {
    opacity: 1;
}


/* ---
Sitemap css
--- */

.sitemaplinks-bx {
    border: 1px solid #0000002e;
    padding: 15px 15px 15px 15px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 40px;
    box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px;
 }
 
 .sitemap-heding {
    position: absolute;
    top: -18px;
    background: #fcfcfc;
    padding: 5px 10px;
    color: #d8361e;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    left: 10px;
 }
 
 .sitemap-ul {
    list-style: none;
    margin: 0;
    padding: 0;
 }
 
 .sitemap-ul li {
    display: inline-block;
    margin: 8px 0;
    padding: 0px 10px;
    border-right: 1px solid lightgray;
 }

 .sitemap-ul li:last-child{
    border-right: transparent;
 }
 
 .sitemap-ul li a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 24px;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
    color: #525252;
 }
 
 .csh{
    color: #333333;
 }

 .csh:hover,
 .sitemap-ul li a:hover {
    color: #d8361e;
    text-decoration: underline;
 } 

 .sitecate{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #d8361e;
    margin-bottom: 35px;
    margin-right: 20px;
    margin-top: 0;
    font-family: 'Work Sans', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
 }

 .sitecate::after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 3rem;
    height: 2px;
    background-color: #000000;
    transition: all 0.3s ease-in-out;
    border-radius: 25px;
 }
/* -----------------------------
    responcive css
----------------------------- */

@media (max-width:1200px) {
    .left-nav .mdm-link .dm-bx > a,
    .left-nav .mdm-link> a {
        font-size: 14px;
    }
}

@media (max-width:1100px) {

    .section-sticky,
    .ad-sticky {
        position: sticky;
        top: 120px;
    }

    .pagewarper{
        display: none;
    }

    .main-header {
        position: sticky;
        padding: 10px 0 0 0;
    }

    .site-logo {
        width: 160px;
        padding: 5px 10px 5px;
    }

    .left-nav.res-nav{
        justify-content: start;
        margin-top: 5px;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .desk-bx{
        display: none !important;
    }

    .mobile-bx{
        display: flex !important;
    }

    .left-nav .mdm-link .dm-bx{
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        padding: 0 10px;
        top: calc(100% - 1px);
        z-index: -1;
    }

    .left-nav{
        min-height: 40px;
    }

    .left-nav .mdm-link .dm-bx > a,
    .left-nav .mdm-link> a {
        min-height: 40px;
    }

}

@media (max-width:1150px) {
    /* .max-width-1920px, */
    .featured-item {
        padding-bottom: 56.25%;
    }
}

@media (min-width:992px) {
    .border-lg-right {
        border-right: 1px solid #dee2e6;
    }

    .border-lg-left {
        border-left: 1px solid #dee2e6;
    }

}

@media (max-width:992px) {
    .Subscribe-bx {
        max-width: 100%;
    }

    .footer-top {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 25px 0 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .footer-social-links {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .footer-top .footer-logo svg {
        width: 230px;
    }

    .copyright {
        margin: 6px 0;
    }
}

@media (max-width:900px) {
    .featured-item-txt {
        left: 10%;
        -webkit-transform: translateY(-50%) scale(0.8);
            -ms-transform: translateY(-50%) scale(0.8);
                transform: translateY(-50%) scale(0.8);
    }
}

@media (max-width:768px) {
    .featured-item-txt {
        display: none;
    }

    .res-featured-heading {
        display: block;
    }

    .breaking-news-slider,
    .custom-container {
        padding: 0 15px;
    }

    .news-heding {
        padding: 12px 10px;
    }
    .category-flex .category-main-news {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 115px;
                flex: 0 0 115px;
        height: 80px;
    }

    .detail-news-bx h5 {
        font-size: 28px;
    }
}

@media (min-width:576px) {
    .border-sm-right {
        border-right: 1px solid #dee2e6;
    }

    .border-sm-left {
        border-left: 1px solid #dee2e6;
    }
}

@media (max-width:576px) {

    .pagenavigationbar {
        padding: 12px 15px 12px;
    }

    .sitemap-ul li a{
        font-size: 14px;
    }

    .detail-news-bx h5 {
        font-size: 24px;
    }
}

@media (max-width:420px) {
    .sitemap-ul li a{
        font-size: 12px;
    }

    .sitemaplinks-bx{
        padding: 10px 0;
    }
    .sitemap-ul li{
        margin: 5px 0;
    }
    .sitemap-heding{
        padding-left: 5px;
    }
}


@media (orientation: landscape) and (max-height:400px) {
    .social-bx {
        -webkit-box-shadow: none;
                box-shadow: none;
        position: relative;
        padding: 5px 15px 20px;
    }

    .slidemenu {
        height: auto;
        max-height: inherit;
        position: relative;
        margin-top: 0px;
    }
}


.address-bx{
    display: flex;
    justify-content: center;
    padding: 10px 0;
    gap: 4px;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: #000;
}


.address-bx svg{
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #000;
    position: relative;
    top: -0px;
}