body {
    font-family: 'DM Sans', sans-serif;
    padding: 0;
    margin: 0;
}

p,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.container-lg {
    max-width: 1200px !important;
}

a:hover {
    /* cursor: pointer; */
    text-decoration: none;
}

.postion-r {
    position: relative;
}

/* ---------------- */
/* background-color */

.bgc-more-news {
    background-color: #f7f7f7;
}

.bgc-more-news h2 {
    color: #4d4d4d;
}


.bgc-india {
    background-color: #fef3ed;
}

.txt-c-india,
.bgc-india h2 {
    color: #7e2d01;
}


.bgc-business {
    background-color: #edf5fe;
}

.txt-c-business,
.bgc-business h2 {
    color: #004793;
}


.bgc-world {
    background-color: #f5edff;
}

.txt-c-world,
.bgc-world h2 {
    color: #410096;
}


.bgc-politics {
    background-color: #fdf9ed;
}

.txt-c-politics,
.bgc-politics h2 {
    color: #574000;
}


.bgc-sports {
    background-color: #f3faed;
}

.txt-c-sports,
.bgc-sports h2 {
    color: #275601;
}


.bgc-science {
    background-color: #edf9fa;
}

.txt-c-science,
.bgc-science h2 {
    color: #004852;
}


.bgc-entertainment {
    background-color: #feedf3;
}

.txt-c-entertainment,
.bgc-entertainment h2 {
    color: #81002f;
}


.bgc-career {
    background-color: #e4ebfe;
}

.txt-c-career,
.bgc-career h2 {
    color: #00267f;
}

.bgc-lifestyle {
    background-color: #e8fff6;
}

.txt-c-lifestyle,
.bgc-lifestyle h2 {
    color: #005434;
}

.bgc-inspirational {
    background-color: #fafde1;
}

.txt-c-inspirational,
.bgc-inspirational h2 {
    color: #464d00;
}


.bgc-auto {
    background-color: #fff1e6;
}

.txt-c-auto,
.bgc-auto h2 {
    color: #6f2f00;
}

.bgc-commun {
    background-color: #f6f1fc;
}

.txt-c-commun,
.bgc-commun h2 {
    color: #45008c;
}

.txt-c-search {
    color: black;
    font-size: 22px;
    margin: 0;
}


/* -------------------- */
/* top-bar section start */

.top-bar {
    text-align: center !important;
    padding: 10px 10px;
    background-color: #212831;
    color: white;
    text-align: center;
    position: relative;
}

.top-bar span:nth-child(2),
.top-bar span:nth-child(3),
.top-bar span:nth-child(1) {
    font-size: 18px;
    text-transform: capitalize;
    margin-right: 7px;
}

.top-bar span:nth-child(2) {
    color: rgb(154 154 154 / 65%);
    font-weight: 300;
}

.top-bar span:nth-child(4) {
    font-size: 14px;
    color: red;
    text-transform: capitalize;
    margin-right: 10px;
}

.top-bar button {
    border: 1px solid red;
    background-color: red;
    border-radius: 50px;
    margin: 9px 0;
    font-size: 14px;
    color: white;
    padding: 5px 20px;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.top-bar button:hover {
    background-color: white;
    color: #525252;

}

.top-bar .fa {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: rgb(128, 128, 128);
    padding: 5px;
}

.top-bar .fa:hover {
    color: white;
}





/* -------------------- */
/* header section start */

header.sticky-top {
    top: -1px;
}

.navbar {
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, .06);
    padding: 15px 15px;
}

.navbar-brand img {
    width: 120px;
}

.navbar-nav .nav-item {
    padding: 0 5px;
    border-radius: 10px;
}

.navbar-nav .nav-link {
    font-size: 14px;
    padding: 8px 6px !important;
    color: #000000 !important;
    /* border: 1px solid red; */
}

.navbar-nav .nav-item:hover {
    background-color: #edf5ff;
}

.navbar-nav .dropdown .nav-link {
    font-weight: 700;
    letter-spacing: 1px;
}

.menud .dropdown-menu {
    border: none;
    background-color: white;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    min-width: 8.5rem;
}

.menud .dropdown-menu .dropdown-item {
    font-size: 14px;
    color: #4d4d4d;
    padding: 8px 16px;
}

.menud .dropdown-menu .dropdown-item:hover {
    background-color: #edf5ff;
}

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

.search-bx .fa {
    margin: 0 10px 0 0;
    font-size: 18px;
    color: black;
    cursor: pointer;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('/user/img/iconbar.png');
}

.iconbar {
    border: none;
    outline: none !important;
}

/* ================================= 
    header section search bar css
=================================== */

.searching-bx {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.searching-bx input {
    width: 100%;
    height: 100%;
    padding: 0 30px 0 10px;
    border: none;
    outline: none;
}

.searching-bx .fa-times {
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
}



/* -------------------- */
/* footer section start */

.footer-bg-c {
    background-color: black;
}

footer .newsheading ul li {
    list-style: none;
    margin: 5px 0;
    /* border: 1px solid red; */
}

footer .newsheading ul li a {
    /* border: 1px solid red; */
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
    color: #8b8b8b;
    text-transform: capitalize;
}

footer .newsheading ul li a:hover {
    color: white
}

.social ul li,
.slider-social-icon ul li,
.site-page-link ul li {
    display: inline-block;
}

.social ul li a,
.slider-social-icon ul li a,
.site-page-link ul li a {
    color: #ffffffd7;
    display: inline-block;
    font-size: 14px;
    margin: 0 2px;
    padding: 5px 10px;
    text-decoration: none;
}

.site-page-link ul li a:hover {
    color: #ffffff8a;
}

.social ul li a .fa {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.712);
}

.social ul li a .fa:hover {
    color: white;
}

.copyright {
    color: rgba(255, 255, 255, 0.712);
    font-size: 13px;
}

.copyright a {
    color: rgba(255, 255, 255, 0.712);
    font-size: 13px;
}


/* ========================
    home page css start  
===========================*/

.c-main-bx,
.hmain-bx {
    margin-bottom: 20px;
}

.cetagary-img,
.news-bx {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.news-image {
    min-height: 350px;
    position: relative;
    overflow: hidden;
}

.news-image img {
    width: 100%;
}

.main-heading-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: linear-gradient(180deg, transparent, #000);
}

.main-heading-text p {
    color: white;
    font-size: 1.8rem;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0 15px;
}

.other-news-bx {
    background-color: black;
    padding: 25px 15px;
}

.othernews {
    height: 60px;
    width: 60px;
    border-radius: 10px;
    /* float: left; */
    flex: 0 0 60px;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
}

.othernews img {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    transition: 0.5s all;
}

.more-img img:hover,
.othernews img:hover {
    transform: scale(1.15);
}

.othernews-title {
    padding: 3px 10px 0;
    /* overflow: hidden; */
    /* height: 67px; */
}

.editor-title p,
.more-text p,
.othernews-title p {
    color: white;
    font-size: 14px;
    margin: 0;
    letter-spacing: 0.5px;
    overflow: hidden;
    max-height: 65px;
}

.cetagary-img img {
    width: 100%;
    transition: 0.4s all;
}

.black-overlay {
    background-color: transparent;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s all;
}

.c-s-img-bx:hover img,
.cetagary-img:hover img {
    transform: scale(1.1);
}

.c-s-img-bx:hover .black-overlay,
.cetagary-img:hover .black-overlay {
    background-color: #00000054;
}



.other-news-bx-c {
    padding: 0 15px;
}

.c-main-bx h2 {
    padding: 5px 10px;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    margin: 28px 0 10px 10px;
    text-transform: capitalize;
}


.more-text .more-date-color,
.news-text-c span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

.more-text .more-date-color {
    color: #4d4d4d;
}


.news-text-c h4 a {
    font-size: 22px;
    font-weight: 600;
    margin: 7px 0;
    color: black;
}

.news-text-c p {
    font-size: 14px;
    line-height: 20px;
    color: #4d4d4d;
    margin: 0;
}

.editor-title p,
.more-text p,
.text-c p {
    color: black;
    font-weight: 600;
    overflow: hidden;
    max-height: 65px;
    word-break: break-word;
}

.timelins-link {
    padding: 10px 20px 28px 20px;
}

.mobailapp span,
.editor-timelins-link span,
.timelins-link span {
    font-size: 14px;
    font-weight: 700;
    color: #004494;
    display: inline-block;
    padding: 5px 10px 5px 0;
    cursor: pointer;
}

.mobailapp .fa,
.editor-timelins-link .fa,
.timelins-link .fa {
    font-size: 20px;
    color: #004494;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.more-img {
    overflow: hidden;
    flex: 0 0 160px;
    height: 100px;
    border-radius: 10px;
    margin-right: 10px;
}

.more-img img {
    width: 100%;
    height: 100%;
    transition: 0.4s all;
}

.editor-title .mycommun,
.othernews-title .mycommun,
.more-text .mycommun {
    margin-top: 5px;
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    display: none;
}


.timelins-link button {
    width: 100%;
    padding: 8px 0px;
    border: none;
    background-color: white;
    color: #004494;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 10px;
    outline: none;
    /* text-transform: lowercase; */
    font-weight: 500;

}

.timelins-link button:hover {
    background-color: #edf5ff;
}

.Popeditor-bx,
.latest-news-bx {
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 15px;
}

.add-section img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: center;
}

.latest-news-bx .lnb-heading,
.Popeditor-bx h2,
.latest-news-bx h2 {
    font-size: 18px;
    color: black;
    font-weight: 600;
    padding: 20px 15px 5px;
    margin: 0;
    letter-spacing: 0.5px;
}



/* .Popeditor-bx span,
.latest-news-bx span{
    font-size: 18px;
    color: black;
    font-weight: 600;
    padding: 20px 15px 5px ;
    margin: 0;
    letter-spacing: 0.5px;
} */


.le-heading {
    margin-right: 16px;
    height: fit-content;
    width: 51px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #4d4d4d;
    flex: 0 0 18px;
    padding: 4px 0 0;
    cursor: pointer;
}

.editor-bx-img {
    /* border: 1px solid red; */
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px lightgray;
    margin-right: 10px;
}

.editor-bx-img img {
    width: 100%;
}

.editor-name {
    padding: 12px 5px;
}

.editor-name p {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: black;
}

.editor-title {
    margin-top: 15px;
}

.editor-timelins-link {
    padding: 10px 0;
}

.mobailapp {
    background-image: url(/user/img/phoneapp.png);
    background-position: 90% 100%;
    background-size: 135px;
    background-repeat: no-repeat;
    width: 100%;
    height: 210px;
    position: relative;
}

.mobailapp h4 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5;
}

.mobailapp-bx {
    position: absolute;
    top: 22%;
    left: 10px;
}

/* ======================
    side menu bar all css
======================== */

#sidebar {
    width: 330px;
    position: fixed;
    top: 0;
    left: -360px;
    height: 100vh;
    z-index: 1025;
    background: white;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1022;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.sidemenu-img img {
    padding: 10px;
    width: 151px;
    margin: 15px 10px 0;
}

.sidemenu-img .fa {
    color: black;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.sidemenu-button {
    margin: 20px 20px 10px 20px;
    border: none;
    padding: 13px 17px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid #0053b3;
    color: balck;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: 0.5s all;
}

.sidemenu-button:hover {
    background: #0053b3;
    color: white;

}

.slide-menu-list .navbar-nav {
    padding: 0 15px !important;
}

.slide-menu-list .nav-link {
    font-size: 16px;
    font-weight: 500;
}

.other-link {
    padding: 15px 15px;
}

.other-link h6 {
    color: #4d4d4d;
    margin-bottom: 20px;
}

.other-link li {
    margin-top: 15px;
}

.other-link a {
    display: inline-block;
    color: black;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 20px;
}

.other-link a:hover {
    color: #525252;
}

.other-link a .fa {
    font-size: 14px;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

.slider-social-icon,
.otherpadd {
    padding: 0 20px !important;
}

.otherpadd a {
    color: #064893;
    padding: 0 20px !important;
    font-weight: 600;
}

.slider-social-icon ul li .fa {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.596);
}

.slider-social-icon ul li .fa:hover {
    color: black;
}

/* home page css end */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=- */





/* ========================
    category page css start  
===========================*/


.category-section {
    border-radius: 15px;
    padding: 15px 15px 0;
    background-color: #f7f7f7;
}

.category-section h2 {
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 22px;
    color: #525252;
    padding: 10px 5px;
    cursor: pointer;
    display: inline-block;
}

.c-s-bx {
    display: flex;
    flex-direction: row;
}

.c-s-img-bx {
    flex: 0 0 33.3333%;
    border-radius: 15px;
    height: fit-content;
    overflow: hidden;
    position: relative;
}

.c-s-img-bx img {
    width: 100%;
    transition: 0.4s all;
}

.c-s-txt-bx span {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    color: #4d4d4d;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 8px;
}

.c-s-txt-bx h4 {
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    color: black;
    overflow: hidden;
    max-height: 58px;
}

.c-s-txt-bx p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .3px;
    color: #4d4d4d;
}

.category-link a,
.home-link a {
    /* border: 1px solid red; */
    display: inline-block;
    text-transform: capitalize;
    color: #525252;
    font-weight: 500;
    padding: 0 5px;
    font-size: 14px;
}

.category-link a {
    color: #525252;
}

.search-heading-name,
.caregory-heading-name {
    border-radius: 15px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 30px 20px;
}

.search-heading-name h1,
.caregory-heading-name h1 {
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 26px;
    text-transform: capitalize;
    cursor: pointer;
}

.caregory-heading-name p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .3px;
}

.search-heading-name p {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .3px;
    margin-bottom: 5px;
}


/* category page css end */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=- */



/* =========================
    detail page css start  
===========================*/


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* detail page category type background linear-gradient color */

/* commun */
.blgc-white-commun {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f1fc));
    background: linear-gradient(180deg, #fff, #f6f1fc);
}

.blgc-commun-white {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f1fc), to(#fff));
    background: linear-gradient(180deg, #f6f1fc, #fff);
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */


.detail-heading-text .d-date {
    display: inline-block;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
}

.detail-heading-text .dht-title,
.detail-heading-text h2 {
    letter-spacing: 0;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 5px;
}

.detail-heading-text h5 {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 22px;
    margin-top: 10px;
}

.detail-heading-text .written-category,
.detail-heading-text .written-name,
.detail-heading-text .written {
    line-height: 18px;
    letter-spacing: .3px;
    font-weight: 400;
    font-size: 12px;
    margin-right: 5px;
}

.detail-heading-text .written {
    color: #4d4d4d;
}

.detail-heading-text .written-category,
.detail-heading-text .written-name {
    font-weight: 700;
}


.view-counts {
    display: inline-block;
    font-size: 13px;
    color: #525252;
}

.view-counts .fa {
    margin-right: 5px;
    color: #7e2d01;
    font-size: 14px;
}

.social-links-sharing {
    display: flex;
}

.social-links-sharing a {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    text-align: center;
    text-decoration: none;
    color: #000;
    /* box-shadow: 0 0 20px 10px rgb(0 0 0 / 5%); */
    margin: 10px 2px 3px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-links-sharing a .fa {
    font-size: 16px;
    position: relative;
    z-index: 5;
    transition: color 0.3s;
}

.social-links-sharing a.share-alt .fa {
    color: #9d9d9d;
}

.social-links-sharing a::after {
    content: '';
    width: 100%;
    height: 100%;
    top: -90px;
    left: 0;
    background: #000;
    /* background: linear-gradient(-45deg, #ed1c94, #ffec17); */
    position: absolute;
    transition: 0.3s;
}

.social-links-sharing a.facebook-link::after {
    background-color: #4267B2;
}

.social-links-sharing a.instagram-link::after {
    background-color: #8a3ab9;
}

.social-links-sharing a.twitter-link::after {
    background-color: #1DA1F2;
}

.social-links-sharing a.gmail-link::after {
    background-color: #BB001B;
}

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

.social-links-sharing a.whatsapp-link::after {
    background-color: #25D366;
}

.social-links-sharing a.share-alt::after {
    background-color: transparent;
}

.social-links-sharing a:hover::after {
    top: 0;
}

.social-links-sharing a:hover .fa {
    color: #fff;
}

.social-links-sharing a.share-alt:hover .fa {
    color: #9d9d9d;
}



.detail-img-bx {
    overflow: hidden;
    border-radius: 15px;
    margin-top: 10px;
}

.detail-img-bx img {
    width: 100%;
}

.detail-news-text {
    padding: 20px 0 5px;

}

.detail-news-text li,
.detail-news-text p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.detail-news-text ul {
    padding: 0 20px 0;
}

.detail-news-text li {
    list-style: decimal;
}

/* .detail-more-news{ 
    padding:20px;
    margin: 20px 0;
    border-radius:15px;
} */

/* .detail-more-news h2{ 
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    color: #000;
}

.detail-more-news ul{ 
    padding-left: 20px;   
}
.detail-more-news li{ 
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0;
    list-style: disc;
    margin-top: 15px;
} */

.news-tegs {
    margin-top: 1.5rem;
}

.news-tegs .h-commun {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #edecee;
    border-radius: 50px;
    margin: 0 10px 10px 0;
    color: #525252;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    text-transform: capitalize;
    transition: 0.4s all;
}

.news-tegs .h-commun:hover {
    border-color: #45008c;
    color: #45008c;
}


/* detail page css end */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* =========================
    static page css start  
===========================*/

.static-title {
    padding: 30px 20px;
    background-color: #f7f7f7;
    border-radius: 15px;
}

.contact-form-bx h1,
.contaxt-text-bx h1,
.static-title h1 {
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 26px;
    margin: 0;
    text-transform: capitalize;
}

.cms-page p {
    margin-bottom: 15px;
    line-height: 1.4;
}

.cms-page h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 30px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.cms-page ul {
    padding-left: 30px;
}

.cms-page li {
    font-weight: 400;
    list-style: disc;
    margin-bottom: 10px;
}

.cms-page .st-type li {
    list-style: decimal;
}

/* static page css end */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* =========================
    contact page css start  
===========================*/

.contaxt-text-bx {
    background-color: #f7f7f7;
    border-radius: 15px;
    padding: 20px;
}

.contaxt-text-bx h1 {
    margin: 15px 0 20px;
}

.contaxt-text-bx h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 5px 0;

}

.contaxt-text-bx p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.3;
    margin-bottom: 15px;
}

.map {
    background-color: #f7f7f7;
    border-radius: 15px;
    overflow: hidden;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=- */
/* contact form css start*/

.contact-form-bx {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px lightgray;
}

.contact-form-bx h1 {
    text-align: center;
    margin-bottom: 15px;
}


.custom-form {
    --cor-escura: #192a3d;
    --cor-texto: #2a212e;
    --cor-acentuado: #ffc600;
    --cor-secundaria: #0986b6;
    --cor-inativo: #c4c4c4;
    --cor-borda: #a9acad;
    --cor-sucesso: #62bf3d;
    --cor-derrota: #cc0000;
    background-color: white;
    padding: 20px 15px;
    border-radius: 5px;
}

.custom-form input {
    background-color: white;
}


.custom-form input {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    border-radius: 50px;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}


.custom-form__group {
    margin: 0 0 20px 0;
    position: relative;
    color: var(--cor-texto);
    font-size: calc(13 / 16 * 1rem);
    width: 100%;
}

.custom-form__group .group__label {
    position: absolute;
    background-color: white;
    font-size: calc(14 / 16 * 1rem);
    color: currentColor;
    padding: 0 calc(5 / 16 * 1rem);
    left: calc(20 / 16 * 1rem);
    border-radius: 3px;
    top: calc(8 / 16 * 1rem * -1);
    opacity: 0;
    transform: scale(1.2) translateY(15px);
    transition: color 0.2s, opacity 0.2s, transform 0.2s;
}

.custom-form__group textarea:hover+.group__label,
.custom-form__group textarea:hover,
.custom-form__group input:hover+.group__label,
.custom-form__group input:hover {
    color: var(--cor-secundaria);
    border-color: currentColor;
}

.custom-form__group textarea:not(:placeholder-shown):invalid+.group__label,
.custom-form__group textarea:not(:placeholder-shown):invalid,
.custom-form__group input:not(:placeholder-shown):invalid+.group__label,
.custom-form__group input:not(:placeholder-shown):invalid {
    color: var(--cor-derrota);
    border-color: var(--cor-derrota);
}

.custom-form__group:not(:focus-within) textarea:not(:placeholder-shown):valid+.group__label,
.custom-form__group:not(:focus-within) textarea:not(:placeholder-shown):valid,
.custom-form__group:not(:focus-within) input:not(:placeholder-shown):valid+.group__label,
.custom-form__group:not(:focus-within) input:not(:placeholder-shown):valid {
    color: var(--cor-sucesso);
    border-color: var(--cor-sucesso);
}

.custom-form__group:not(:focus-within) textarea:not(:placeholder-shown):valid,
.custom-form__group:not(:focus-within) input:not(:placeholder-shown):valid {
    color: black;
}


.custom-form__group textarea:not(:placeholder-shown):not(.datalist-textarea):invalid,
.custom-form__group input:not(:placeholder-shown):not(.datalist-input):invalid {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23c00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20class%3D%22feather%20feather-frown%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M16%2016s-1.5-2-4-2-4%202-4%202M9%209h.01M15%209h.01%22%2F%3E%3C%2Fsvg%3E");
    background-position: 98% center;
    background-size: 25px;
}

.custom-form__group textarea:not(:placeholder-shown)+.group__label,
.custom-form__group input:not(:placeholder-shown)+.group__label {
    color: var(--cor-acentuado);
}

.custom-form__group textarea:not(:placeholder-shown),
.custom-form__group input:not(:placeholder-shown) {
    color: var(--cor-escura);
    border-color: var(--cor-acentuado);
}

.custom-form__group textarea:not(:placeholder-shown)+.group__label,
.custom-form__group textarea:focus+.group__label,
.custom-form__group select: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 {
    transform: scale(1) translateY(0);
    opacity: 1;
}

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

.custom-form__group textarea::-webkit-input-placeholder,
.custom-form__group textarea::-moz-placeholder,
.custom-form__group textarea::placeholder,
.custom-form__group input::-webkit-input-placeholder,
.custom-form__group input::-moz-placeholder,
.custom-form__group input::placeholder {
    color: currentColor;
}

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



.custom-form__group textarea,
.custom-form__group input {
    display: block;
    font-size: 14px;
    background-color: white;
    color: currentColor;
    border: 1px solid var(--cor-borda);
    padding: 13px 18px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s, color 0.2s;
}

.custom-form__group textarea {
    border-radius: 7px;
    padding: 15px 18px;
}

.custom-form button {
    border: 1px solid #0053b3;
    background-color: transparent;
    border-radius: 59px;
    padding: 7px 24px;
    color: #0053b3;
    text-align: center;
    margin: auto;
    display: block;
    cursor: pointer;
    text-transform: capitalize;
    transition: 0.4s all;
    outline: none;
}

.custom-form button:hover {
    background-color: #0053b3;
    color: white;

}


/* contact form css end*/
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=- */


/* contact page css end */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* time pass css */

.tip {
    padding: 30px;
}


/* sitemap css */

.site-pages {
    text-align: center;
    margin: 5px 5px;
}

.site-pages a {
    /* border: 1px solid red; */
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    color: #525252;
    border-radius: 50px;
}

.site-pages a:hover {
    color: black;
    font-weight: 600;

}

.sitemapheading ul li {
    margin: 10px 0;
}

.sitemapheading ul li a {
    display: inline-block;
    padding: 5px 10px;
    color: #525252;
    text-transform: capitalize;
    border-bottom: 1px solid lightgray;
    transition: all0.5s;
}

.sitemapheading ul li a:hover {
    color: black;
    border-bottom: 1px solid black;
}

/* .loader{
    background-color: lightgray;
    border-radius: 15px;
    border: 1px solid lightgray;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-image: url("/img/logo/logo.png");
    background-position: center;
    background-size: 30%;
    background-repeat:no-repeat;
    filter: grayscale(1);
    display: none;
} */

/* loader */

.ofh {
    overflow: hidden;
}

.loader {
    /* overflow: hidden; */
    background-color: #e2e5e7;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite;
    border-radius: 15px;

}

.loader img {
    width: 150px;
    filter: grayscale(1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.latest-news-bx {
    min-height: 370px;
}

[v-cloak] {
    display: none;
}


@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}


/* map css */

#map {
    margin: auto;
    width: 75%;
    height: 400px;
    text-align: center;
    box-sizing: border-box;
}

.map-bg {
    background-color: rgb(253, 253, 253);
    padding: 100px 0;
}

.jsvmap-zoom-btn {
    border-radius: 50%;
    background-color: transparent;
    height: 25px;
    line-height: 22px;
    color: #0a0abb;
    font-size: 16px;
    width: 25px;
    padding: 0;
    border: 1px solid #0a0abb;
    font-weight: 600;
    transition: all 0.5s;
}

.jsvmap-zoom-btn:hover {
    border: 1px solid #0a0abb;
    background-color: #0a0abb;
    color: white;
    transform: scale(1.2);
    box-shadow: 2px 2px 5px gray;
}

.jsvmap-zoom-btn.jsvmap-zoomout {
    top: 50px;
}

.detail-news-text img {
    max-width: 100%;
}

.detail-news-text>* {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: black;
}

.detail-news-text a {
    color: #fa2a04 !important;
    text-decoration: underline;
}

.detail-news-text a:hover {
    color: #b11b00 !important;
    text-decoration: underline;
}

.second-topbar {
    color: rgb(218, 0, 0);
}

.Name-heding {
    font-size: 18px;
    margin-bottom: 0px;
}

.artical-line {
    font-size: 14px;
    margin-bottom: 0px;
    max-width: 300px;
}

.contry-name {
    margin: 8px 2px 5px;
    text-align: right;
}

.mapimg {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    border: 3px solid white;
    border-radius: 50%;
    display: block;
    margin: 10px auto;
}

.jsvmap-tooltip {
    z-index: 1200 !important;
    transform: translate(150px, -10px);
}