/*

* Theme Name: NS - Insight Energy

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/   



@font-face {

    font-family: MasterpieceLakwel;

    src: url('/wp-content/themes/ns-insight/fonts/MasterpieceLakwel.ttf');



    font-family: Roboto;

    src: url('/wp-content/themes/ns-insight/fonts/Roboto-Regular.ttf');

    font-weight: normal;



    /* font-family: Montserrat;

    src: url('/wp-content/themes/ns-insight/fonts/Montserrat-VariableFont_wght.ttf'); */

}



/* 

font-family: "Montserrat", sans-serif;

font-family: "Montserrat Subrayada", sans-serif;

font-family: "Moon Dance", cursive;

font-family: "Roboto", sans-serif;

font-family: "Roboto Condensed", sans-serif;

font-family: "Raleway", sans-serif; 

font-family: "Noto Sans Myanmar", sans-serif;

*/



:root {

--color1: #EC6F2D;

--paginate-label-width: 500px;

}



body{

	margin:0 auto;

    background-color: #EAEAEA;

    font-family: "Roboto", "Noto Sans Myanmar", sans-serif;

    font-size: 17px;

}

h1,h2,h3,h4,h5,h6{

    font-family: "Montserrat", sans-serif;

}

a{

    text-decoration: unset;

    transition: all .2s;

}
a:focus{

    text-decoration: unset;

}

.content table td {

    border: 1px solid #d3d3d3;

    padding: 8px;

}

.mm-page {

    overflow-x: hidden;

}

/* Pagination */



ul.page-numbers{

	padding-left: 0px;

}	
ul.page-numbers li{

    float: left;

    list-style: none;

}

ul.page-numbers li a, ul.page-numbers li span{

    display: inline-block;

    height: 35px;

    width: 35px;

    line-height: 35px;

    text-align: center;

    border-radius: 25px;

    margin-right: 7px;

    color: #111;

    border: 1px solid var(--color1);

}
ul.page-numbers li a:hover, ul.page-numbers li span:hover{
    background-color: var(--color1);
    color: #fff;
}

ul.page-numbers li span.current{

    background: var(--color1);

    color: #fff;

}

.content-img img{

	width: 100%;

	height: auto;

}

.default-padding{

    padding: 70px 0;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.sub-banner .title {

    max-width: 1000px;

    width: 100%;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 15px;

}

.sub-banner .date {

    font-size: 14px;

    opacity: .8;

}
.sub-banner .date i{

    margin-right: 5px;

    color: #fff;

    opacity: .5;

}
.sub-banner .date .ago::before{

    content: "";

    display: inline-block;

    width: 5px;

    height: 5px;

    background: var(--color1);

    border-radius: 50%;

    margin: 0px 5px;

}

/* Breadcrumb */



#breadcrumbs {
    margin-bottom: 10px;
    position: relative;
    font-size: 15px;
}
#breadcrumbs a{
    color: #fff;
    display: inline-block;
}
#breadcrumbs a:hover{
    color: var(--color1);
}

#breadcrumbs i{
    margin: 0px 8px;
}
#breadcrumbs i:last-child{
    display: none;
} 
#breadcrumbs:before{

    content: "";

    display: inline-block;

    width: 10px;

    height: 10px;

    background: var(--color1);

    border-radius: 50%;

    margin-right: 10px;

}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.widget-title{

    font-weight: 700;

    border-bottom: 1px solid lightgray;

    margin-bottom: 15px;

    padding-bottom: 15px;

}

.widget ul li a {

    color: #333;

    /* font-family: 'Raleway', sans-serif; */

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

aside .post-list .box{
    display: flex;
    margin: 15px 0;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px;
}
aside .post-list .box img{
    max-width: 90px;
    height: 90px;
    object-fit: cover;
    margin-right: 18px;
    background: lightgray;
    border-radius: 7px;
    /* background: #eb9c725e; */
}
aside .post-list .box h6 a{
    color: #111;
    font-weight: 600;
    font-size: 15px;
}
aside .post-list .box h6 a:hover{
    color: var(--color1);
}
aside .post-list .box .bottom {
    font-size: 14px;
    color: #6f6f6f;
    margin-top: 10px;
}
aside .post-list .box .cat{ color: var(--color1); }
aside .post-list .box .date::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #9d9d9d;
    border-radius: 50%;
    margin: 0px 5px 0 3px;
    position: relative;
    top: -2px;
}

.value-box img {
    transition: all .4s;
}
.value-box:hover img{
    transform: rotateY(180deg);
}

/* Header Start */

header {
    position: absolute;
    z-index: 1000;
    width: 100%;
}

.navbar{
    padding: 11px 0;
    border-bottom: 1px solid #EAEAEA;
}
.navbar .navbar-nav{
    width: 100%;
    justify-content: space-between;
    padding-left: 70px;
}

.navbar .navbar-nav li a {
    font-family: "Montserrat", "Noto Sans Myanmar", sans-serif;
    color: #EAEAEA;
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 8px !important;
    font-size: 16px;
}
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus, .navbar .navbar-nav li a.show{
    color: var(--color1) !important;
}
.navbar .navbar-nav li a.active{
    /* color: #fff !important; */
    color: var(--color1) !important;
    position: relative;
}
.navbar .navbar-nav li a.active::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: var(--color1);
    left: 0;
    bottom: -13px;
}
.navbar .navbar-nav li a.dropdown-toggle::after{
    content: "\f107";
    font-family: "fontawesome";
    border: unset;
    position: relative;
    top: 1px;
}
.navbar .navbar-nav  li.dropdown:hover>.dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.navbar .navbar-nav  li .dropdown-menu{
    display: block;
    border: unset;
    padding: 0;
    border-radius: 3px;
    min-width: 220px;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar .navbar-nav  li .dropdown-menu li a{
    color: #000;
    border-bottom: 1px solid #ececec;
    padding: 10px 20px !important;
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.navbar .navbar-nav  li .dropdown-menu li a:focus, .navbar .navbar-nav  li .dropdown-menu li a.active{
    background-color: unset;
    color: var(--color1);
}
.navbar .navbar-nav  li .dropdown-menu li a::before{
    display: none;
}
.navbar .navbar-nav  li .dropdown-menu li a.dropdown-toggle::after{
    transform: rotate(-90deg);
}
.navbar .navbar-nav  li .dropdown-menu .dropdown-menu{
    left: 100%;
    top: 0;
}

.search-btn{
    padding: 4px 8px;
    margin-left: 12px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    border: 2px solid var(--color1);
    display: flex;
    column-gap: 7px;
    background: var(--color1);
}
.search-btn:hover{
    background-color: #db6d33;
    border-color: #db6d33;
}

.account-info .dropdown-menu, .dropdown-menu[data-bs-popper] {
    top: 50px;
    padding: 15px 10px;
    display: block;
    min-width: 220px;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    right: 0 !important;
    left: unset;
}
.account-info .dropdown-menu, .dropdown-menu[data-bs-popper] li{
    padding: 3px 0;
}
.account-info .dropdown-menu, .dropdown-menu[data-bs-popper] li a span{
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}
.account-info .dropdown-menu, .dropdown-menu[data-bs-popper] li a i{
    color: var(--color1);
    margin-right: 3px;
    width: 15px;             
}
.account-info .dropdown-menu, .dropdown-menu[data-bs-popper] li a:hover{
    color: var(--color1);
}
.account-info .dropdown-menu, .dropdown-menu[data-bs-popper] li a:focus{ background-color: unset; }
.account-info .dropdown-menu.profile{
    padding: 15px 10px 5px;
}
.account-info .dropdown-menu::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 100%;
    right: 7px;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    border-left: 7px solid transparent;
}
.account-info .dropdown:hover .dropdown-menu{
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.lang-my .navbar ul li a{
    font-weight: 400;
    font-size: 15px;
}

/* Mobile Header */

.mobile-toggler {
    color: #fff;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.mobile-toggler i{
    font-size: 24px;
}

/* Mobile Menu */

.mm-menu--offcanvas{
    position: absolute;
}

.mm-menu .current-menu-item a, .current-menu-ancestor a{
    color: var(--color1) !important;
}
.mm-menu a:hover{
    color: var(--color1);
}

/* Home Page Start */

section.banner{

    height: 700px;

    position: relative;

}

.main-slider{
    width: 100%;
    height: 850px;
}

.main-slider .slide-image{
    width: 100%;
    height: 850px;
    object-fit: cover;
}
.main-slider .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    overflow-x: hidden;
}
.main-slider .overlay .container::after {
    content: "";
    position: absolute;
    width: var(--paginate-label-width);
    height: 2px;
    background: var(--color1);
    top: 50%;
    left: 100%;
    z-index: 1000;
    transform: translateY(-50%);
    margin-left: 10px;
    display: none;
}
.main-slider .overlay .content{
    width: max-content;
    position: relative;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
.main-slider .overlay .content h1{
    color: var(--color1);
    font-weight: 700;
    font-size: 70px;
    span{ color: #fff; }
    word-spacing: 10px;
}
.main-slider .overlay .content .bottom{
    display: flex;
    column-gap: 30px;
}
.main-slider .overlay .content .bottom .right{
    font-weight: 500;
    /* max-width: 370px; */
    text-align: justify;
    margin-top: 20px;
}
.main-slider .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}
.main-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
    /* transform: scale(1);
    opacity: 1; */
}
.main-slider .swiper-pagination {
    width: 70px !important;
    right: 0;
    z-index: 1000;
}
.main-slider .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 20px;
    font-size: 35px;
    color: #fff;
    opacity: 1;
    background: unset;
    font-family: 'Montserrat';
    font-weight: 700;
    position: relative;
    line-height: 50px;
    transform: scale(.5) !important;
}
.main-slider .swiper-pagination-bullet-active{
    color: var(--color1);
    transform: scale(1) !important;
    display: inline-block !important;
}
.main-slider .swiper-pagination-bullet-active:focus{ outline: unset; }
.main-slider.swiper-pagination-bullets-dynamic{
    overflow: unset;
}
.main-slider .cat-group {
    position: absolute;
    width: 100%;
    bottom: 45px;
    z-index: 100;
}

.cat-group {
    width: 100%;
}
.cat-group .wrapper {
    background-color: rgba(236, 111, 45, 0.4);
    display: flex;
    flex-wrap: wrap;
    padding: 25px 40px;
}
.cat-group .wrapper .item{
    width: 25%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cat-group .wrapper .item h6{ margin: 0 0 0 10px; }

.section-title{
    width: fit-content;
}
.section-title h5 {

    font-size: 25px;

    font-weight: 700;

    position: relative;

    width: fit-content;
}
.section-title h5 span{

    font-family: "Moon Dance", "MasterpieceLakwel";

    font-size: 25px;

    color: var(--color1);

    font-weight: 400;

    display: block;

    position: absolute;

    left: 75%;

    width: max-content;

}
section.about .section-title{
    margin: 0 auto 20px;
}

.readmore {
    font-family: "Montserrat Subrayada";
    color: #000;
    text-decoration: unset;
    border: 1px solid #000;
    padding: 15px 15px 15px 25px;
    border-radius: 50px;
    width: 225px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
    margin-top: 20px;
    transition: all .2s cubic-bezier(0.27, 0.55, 0.46, 0.75);
    font-size: 16px;
}
.readmore i{
    border: 2px solid #333;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 25px;
    border-radius: 50%;
    transition: all .2s cubic-bezier(0.27, 0.55, 0.46, 0.75);
    text-align: center;
}
.readmore:hover{
    color: #fff;
    border-color: var(--color1);
    background: var(--color1);
}
.readmore:hover i{ 
    border-color: var(--color1);
    background: #fff;
    color: var(--color1);
}

section.about{
    padding: 150px 0 100px;
}

section.about p{
    font-family: "Roboto Condensed";
    font-weight: 300;
    line-height: 40px;
    color: #000;
}
section.about img{
    height: 364px;
    width: 100%;
    object-fit: cover;
}
section.about .left img {
    border-radius: 0 100px 100px 0;
}
section.about .right{
    display: flex;
    align-items: end;
}
section.about .right img{ border-radius: 100px 0 0 100px; }

section.category1 .sub-title {
    text-transform: uppercase;
    font-family: 'Montserrat Subrayada';
    color: #000;
    margin-bottom: 15px;
}

section.category2{
    padding: 125px 0 0;
}
section.category2 .section-title {
    margin: 40px 0 70px;
}
section.category2 .avatar{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 50%;
    max-width: 570px;
    transform: rotateY(180deg);
    filter: grayscale(1) opacity(.9);
}

.post-box{
    position: relative;
}
.post-box .top{

    position: relative;

}
.post-box .top .img-wrap{

    position: relative;

    border-radius: 50px;

    overflow: hidden;

    background: url(/wp-content/uploads/2024/10/insight-logo.png) no-repeat, linear-gradient(1deg, #3a3a3a, #565656cc);

    background-position: center;

}
.post-box .top .img-wrap::after{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: var(--color1);

    left: 0;

    top: 0;

    opacity: 0;

    transition: all .3s;

}
.post-box .top .img-wrap img{

    transform: scale(1);

    transition: all .5s cubic-bezier(0.39, 0.58, 0.57, 1);

    width: 100%;

    height: 100%;

    object-fit: cover;

}
.post-box .top .meta{

    padding: 15px 20px;

    position: absolute;

    background: url('/wp-content/uploads/2024/09/curve-layer.png');

    bottom: 0;

    left: 0;

    display: flex;

    min-width: 50%;

    height: 100px;

    align-items: flex-end;

    justify-content: space-between;

    padding-right: 50px;

    background-size: 100% 100%;

    z-index: 100;

}
.post-box .category a {

    font-size: 20px;

    font-weight: 600;

    color: var(--color1);

    margin-right: 7px;

}
.post-box .date {

    font-size: 17px;

    font-weight: 600;

}
.post-box:hover .img-wrap::after{
    opacity: .3;
}
.post-box:hover .img-wrap img{
    transform: scale(1.05);
}

.category1 .post-box.style1 .top .img-wrap{
    background: url('/wp-content/themes/ns-insight/images/placeholder-medium.png') no-repeat center, linear-gradient(1deg, #3a3a3a, #565656cc);
}

/* Post Box Style 1 */
.post-box.style1 .img-wrap{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.post-box.style1 .title a {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    text-align: justify;
    display: inline-block;
    margin: 40px 0 25px;
}
.post-box.style1:hover{
    color: var(--color1);
}
.post-box.style1 .content{
    font-size: 18px;
    line-height: 33px;
}
.post-box.style1 .content a{ color: var(--color1); }
.post-box.style1 .readmore{
    margin-top: 50px;
}

/* Post Box Style 2 */
.post-box.style2 {
    margin-bottom: 40px;
}
.post-box.style2 .img-wrap{
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: linear-gradient(1deg, #3a3a3a, #565656cc);
}
.post-box.style2 .img-wrap img{ 
    filter: brightness(0.5);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-box.style2 .title{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    padding: 25px 50px;
    width: 100%;
}
.post-box.style2 .title a { 
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    width: 100%;
}

/* Post Box Style 3 */
.post-box.style3 {
    padding: 24px;
    border-radius: 50px;
    margin-bottom: 25px;
    transition: all .3s;
}
.post-box.style3 .img-wrap{
    aspect-ratio: 10 / 5;
    width: 100%;
}
.post-box.style3 .title{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 24.38px;
    text-align: center;
    color: #232323;
    display: inline-block;
    margin: 30px 0 10px;
}
.post-box.style3 .title:hover{ color: var(--color1); }
.post-box.style3:hover{
    background: rgb(255 255 255 / 70%);
}
.post-box.style3 .title{ color: var(--color1); }
.post-box.style3 img{
    aspect-ratio: 12 / 6;
    object-fit: cover;
    border-radius: 30px;
}

section.go-reports {
    color: #fff;
    display: flex;
    padding: 40px 0;
    background: url(/wp-content/uploads/2024/09/banner2.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
section.go-reports:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color1);
    left: 0;
    top: 0;
    opacity: .9;
}
section.go-reports h4{
    margin: 0;
    font-weight: 600;
    position: relative;
    line-height: 35px;
}
section.go-reports .readmore{
    color: #fff;
    border-color: #fff;
    position: relative;
}
section.go-reports .readmore i{ border-color: #fff; }
section.go-reports .readmore:hover{
    background: #fff;
    color: var(--color1) !important; 
}
section.go-reports .readmore:hover i{ border-color: var(--color1); }

/* Footer Start */
footer {
    background: #0E0E0E;
    color: #EDEDED;
    font-size: 13px;
    font-family: Montserrat;
    position: relative;
    z-index: 100;
}
footer a{
    color: #EDEDED;
}
footer a:hover{ color: var(--color1); }
footer h6{
    font-family: Raleway;
}
footer .footer-top{
    padding: 50px 0 25px;
}
footer table td{
    padding: 7px;
}
footer table td:first-child{
    font-weight: 500;
}
footer table td:nth-child(2){
    text-align: center;
    width: 100px;
}
footer .socials a {
    font-size: 27px;
    display: inline-block;
    margin-right: 53px;
}
footer .copyright{
    color: #A6A6A6;
    font-weight: 300;
    padding: 10px 0;
}
footer .copyright a{
    font-weight: 300;
}

#go-top {

    position: fixed;

    right: 20px;

    bottom: 20px;

    color: #fff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50%;

    background-color: #ec6f2da1;

    cursor: pointer;

    transition: all .2s;

    font-size: 18px;

    z-index: 1000;
}
#go-top:hover{
    background-color: var(--color1);
}


/* Sub Banner Start */
section.sub-banner{
    height: 600px;
    position: relative;
    display: flex;
    padding: 40px 0;
    background-size: cover !important;
    background-position: center !important;
    flex-direction: column;
    justify-content: end;
    align-items: normal;
}

/* Service Page Start */
.service-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all .3s;
}
.service-box:hover{
    transform: translateY(-10px);
}
.service-box:hover .content{
    box-shadow: 0px 10px 20px -15px #777;
}
.service-box .title{
    background: var(--color1);
    color: #fff;
    margin: 0;
    padding: 12px 30px;
    display: inline-block;
    /* min-width: 300px; */
    position: relative;
    font-size: 18px;
}
.service-box i{
    opacity: .5;
}
.service-box::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 45px;
    bottom: 0;
    left: 100%;
    border-top: 23px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 23px solid var(--color1);
    border-left: 23px solid var(--color1);
}
.service-box .content {
    background-color: #fff;
    padding: 40px 30px;
    height: 100%;
    box-shadow: 0px 10px 20px -25px #777;
    position: relative;
    padding-bottom: 120px;
    transition: all .3s;
}
.service-box .content .icon-image{
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 100px;
    filter: opacity(0.7);
}

/* Archive Page Start */
.archive .content, .search-results .content {
    padding: 60px 0;
}
.archive .post-box, .search-results .post-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 20px;
    padding-bottom: 30px;
}
.archive .post-box .level-badge, .search-results .post-box .level-badge{
    background: var(--color1);
    color: #fff;
    font-size: 13px;
    padding: 3px 9px;
    border-radius: 25px;
    margin-left: 7px;
}
.archive .post-box .left, .search-results .post-box .left{
    max-width: 35%;
    margin-right: 30px;
}
.archive .post-box .left .img-wrap, .search-results .post-box .left .img-wrap{
    aspect-ratio: 9 / 6;
    border-radius: 25px;
}
.archive .post-box .right, .search-results .post-box .right{
    flex: 1;
}
.archive .post-box .cat, .search-results .post-box .cat{
    color: #111;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}
.archive .post-box .cat:hover, .search-results .post-box .cat:hover{ color: var(--color1); }
.archive .post-box .cat::before, .search-results .post-box .cat::before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: var(--color1);
    opacity: .8;
    border-radius: 50%;
    margin-right: 5px;
}
.archive .post-box .excerpt a, .search-results .post-box .excerpt a {
    color: var(--color1);
}
.archive .post-box .title a, .search-results .post-box .title a{
    color: #000;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}
.archive .post-box .title a:hover, .search-results .post-box .title a:hover{ color: var(--color1); }
.archive .post-box .date, .search-results .post-box .date{
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
    color: #555;
}
.archive, .search-results .dataTables_wrapper {
    margin-bottom: 25px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 25px;
}
.archive, .search-results .embed-pdf{
    width: 100%;
    height: 650px;
    margin-bottom: 20px;
}

/* Table Press Design */

.dataTables_scroll{
    margin-bottom: 15px !important;
    border-top: 15px solid transparent !important;
}

.dataTables_filter label input, .dataTables_wrapper label select {
    border-radius: 5px;
    outline: unset !important;
    border: 1px solid #c7c2c2;
}

.tablepress>:where(thead,tfoot)>*>th {
    background-color: #ec6f2dc4 !important;
    font-weight: 500 !important;
    transition: all .3s;
}
.tablepress>:where(thead,tfoot)>*>th:hover{
    background-color: var(--color1) !important;
}

.dataTables_paginate .paginate_button{
    color: var(--color1) !important;
}
.dataTables_paginate .paginate_button::before, .dataTables_paginate .paginate_button::after{
    color: var(--color1) !important;
    text-shadow: unset !important;
}
.dataTables_paginate .paginate_button:hover::before{
    color: var(--color1) !important;
    text-shadow: unset !important;
}
.dataTables_paginate .paginate_button.disabled{
    opacity: .7;
}

.tablepress a {
    color: var(--color1);
}

/* Single Page Start */
.single .content .padding{
    padding: 60px 0;
}

.single .ssb_inline-share_heading {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid lightgray;
    margin: 20px 0;
}

.single .prev-next-box {
    width: 300px;
    height: 220px;
    background: url('/wp-content/uploads/2024/10/insight-logo.png') #333 no-repeat;
    background-position: 20px 20px;
    max-width: 400px;
    position: relative;
    position: fixed;
    bottom: 50%;
    transform: translateY(50%);
    transition: all .3s;
    /* box-shadow: 0 0 10px 0px #777; */
}

.single .prev-next-box.previous-post{
    left: 0;
    transform: translate(-100%, 50%);
}
.single .prev-next-box.previous-post .post::after{
    content: "Previous Post";
    position: absolute;
    width: 40px;
    height: 100%;
    left: 100%;
    background: #fff;
    top: 0;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    /* box-shadow: 0px 0px 20px -10px #777; */
    font-size: 14px;
    word-spacing: 5px;
    letter-spacing: .5px;
}
.single .prev-next-box.previous-post:hover{
    transform: translate(0%, 50%);
}

.single .prev-next-box.next-post{
    right: 0;
    transform: translate(100%, 50%);  
}
.single .prev-next-box.next-post .post::after{
    content: "Next Post";
    position: absolute;
    width: 40px;
    height: 100%;
    right: 100%;
    background: #fff;
    top: 0;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 14px;
    word-spacing: 5px;
    letter-spacing: .5px;
}
.single .prev-next-box.next-post:hover{
    transform: translate(0%, 50%);
}

.single .prev-next-box .post-box{ 
    height: 100%; 
}

.single .prev-next-box .post-box .post{
    position: relative;
    height: 100%;
}

.single .prev-next-box .post-box .post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.5);
}
.single .prev-next-box .post-box .post .title{
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 20px;
    line-height: 1.4;
    transition: all .2s;
}

.single .related-posts .section-title {
    font-weight: 700;
    margin-bottom: 20px;
}
.single .related-posts .post-box{
    margin: 12px 0;
}
.single .related-posts .post-box .img-wrap{
    border-radius: 25px;
    aspect-ratio: 16 / 10;
}
.single .related-posts .post-box .img-wrap img{
    border-radius: unset;
}
.single .related-posts .post-box .title{
    color: #111;
    margin: 20px 0 10px;
    font-weight: 600;
    transition: all .2s;
}
.single .related-posts .post-box .date{
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
}
.single .related-posts .post-box:hover .title{
    color: var(--color1);
}

.single .attached-file {
    background: #fff;
    padding: 15px;
    display: flex;
    margin: 20px 0;
    border-radius: 5px;
    column-gap: 15px;
    align-items: center;
}
.single .attached-file .view-pdf {
    color: #212529;
    font-size: 16px;
}
.single .attached-file .view-pdf i{
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 3px;
    color: #b7b7b7;
}
.single .attached-file .view-pdf:hover{
    color: var(--color1);
}
.single .readmore {
    background: var(--color1);
    border: unset;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 14px 28px;
    border-radius: 50px;
    margin-top: 5px;
    transition: all .3s;
    justify-content: center;
    width: unset;
    min-width: 170px;
}
.single .readmore:hover {
    background-color: #d96224;
}

/* Contact Page Start */
.contact-us-page address{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.contact-us-page address i {
    color: var(--color1);
    margin-right: 10px;
    font-size: 20px;
}
.contact-us-page address a{
    color: #212529;
}
.contact-us-page address a:hover{
    color: var(--color1);
}


#contact-form-wrap{
    margin: 0px 70px -70px;
    position: relative;
    z-index: 1000;
}

#contact-form-wrap #contact-form{
    background: #fff;
    padding: 50px;
    border-radius: 5px;
}
#contact-form-wrap .form-control{
    border-radius: 5px;
    padding: 7px 15px;
}
#contact-form-wrap button{
    width: 100%;
    background: var(--color1);
    border: unset;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 14px 20px;
    border-radius: 50px;
    margin-top: 5px;
    transition: all .3s;
    justify-content: center;
}
#contact-form-wrap button:hover{
    background-color: #d96224;
}

.g-map iframe{
    filter: saturate(0%);
    width: 100%;
    height: 500px;
}

.reports-form-wrap #reports-form{
    background: #fff;
    padding: 50px;
    position: relative;
    z-index: 1000;
    border-radius: 5px; 
}
.reports-form-wrap #reports-form .form-control{
    border-radius: 5px;
    padding: 7px 15px;
}
.reports-form-wrap #reports-form h5{
    line-height: 1.5;
    margin-bottom: 30px;
    font-size: 21px;
}
.reports-form-wrap #reports-form label {
    color: var(--color1);
    font-weight: 500;
}
.reports-form-wrap #reports-form button{
    width: 100%;
    background: var(--color1);
    border: unset;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 14px 20px;
    border-radius: 50px;
    margin-top: 5px;
    transition: all .3s;
    justify-content: center;
}
.reports-form-wrap #reports-form button:hover{
    background-color: #d96224;
}

.reports-form-wrap .note{
    margin-top: 25px;
}
.reports-form-wrap .note i{
    margin-right: 3px;
    color: var(--color1);
}

/* Signup Modal */
.modal {
    background: rgba(0, 0, 0, 0.3);
}
.modal .image-icon {
    max-width: 80px;
    position: relative;
    top: -20px;
}
.modal .signup-btn {
    display: inline-block;
    background: var(--color1);
    color: #fff;
    margin: 0 auto 30px;
    padding: 10px 20px;
    border-radius: 50px;
    min-width: 150px;
    border: unset;
}
.modal .signup-btn:hover{
    background-color: #d76224;
}
.modal p{
    font-size: 15px;
    font-weight: 400;
    opacity: .75;
    margin-bottom: 15px;
}
.modal h6{
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}
.modal .btn-close:focus{
    box-shadow: 0 0 0 0.25rem #d7632494 !important;
}
.modal .login-text a{
    color: var(--color1);
}

form .form-control{
    padding: 7px 15px;
}
form .form-control:focus{
    box-shadow: 0 0 0 .25rem #ec6f2d1f;
    border-color: #ec6f2d29;
}

.modal{
    height: 100vh;
}
#successModal i{
    color: green;
    font-size: 37px;
    display: inline-block;
    margin: -5px 0 15px 0;
}
#successModal p{
    font-size: 16px;
    opacity: 1;
    margin: 5px 0 25px;
}
#successModal img{
    margin: 25px 0;
    background: linear-gradient(266deg, #000000d6, #000000c7);
    padding: 15px 30px;
    border-radius: 5px;
    box-shadow: 0px 14px 14px -7px #777; 
}

/* Account Pages */
.pmpro a {
    color: var(--color1);
}
.pmpro a:hover{ text-decoration: underline; }

.pmpro-checkout #pmpro_pricing_fields {
    display: none;
}
.pmpro .pmpro_font-x-large{
    font-size: 25px;
}

/* Media Query Start */

@media(max-width: 1399px){

    .main-slider{ height: 750px; }

    .navbar .navbar-nav{
        width: 100%;
        justify-content: space-between;
        padding-left: 20px;
    }
    .navbar .navbar-nav li a{
        font-weight: 500;
        font-size: 14px;
        padding: 20px 6px !important;
    }
    section.about{
        padding: 100px 0;
    }
    section.about img{
        height: 300px;
    }
    section.about p{
        line-height: 35px;
    }

    section.category2{

        padding: 100px 0 0;

    }

    section.sub-banner{

        height: 500px;

    }

    .search-btn {

        font-size: 14px;

    }

    section.category2 .avatar{
        max-width: 470px;
    }

}



@media(max-width: 1199px){

    .main-slider{ 

        height: 700px; 

    }
    .main-slider .overlay .content h1 {
        font-size: 50px;
    }
    .main-slider .overlay .content .bottom .left img { max-width: 214px; }
    .main-slider .overlay .content .bottom .right {margin-top: 10px; }

    section.sub-banner{

        height: 450px;

    }

    #contact-form-wrap{
        margin: 0px 20px -70px;
    }
    #contact-form-wrap #contact-form{
        padding: 50px 40px;
    }

    #menu .custom-logo {

        margin: 10px auto 15px;

        display: block;

    }

    .modal-backdrop {

        display: none;

    }

    .post-box .top .meta{
        height: 90px;
        padding-right: 40px;
    }
    .post-box .top .meta .category a, .post-box .top .meta .category .date{

        font-size: 16px;

    }

    section.category2{

        padding: 80px  0 0;

    }

    #reports-form{
        margin: 0;
    }

    /* Mobile Menu Account Panel */

    #panel-account .dropdown {
        padding: 20px 10px;
    }
    #panel-account .dropdown ul {

        list-style: none;

        padding: 10px 20px;

    }
    #panel-account .dropdown ul li a{
        border-bottom: 1px solid #242424;
        padding: 15px 0;
    }
    #panel-account .dropdown ul li a i{
        color: var(--color1);
        width: 15px;
        margin-right: 3px;  
    }
    #panel-account .dropdown ul li a:hover, #panel-account .dropdown ul li a:focus{
        color: var(--color1);
    }
    #panel-account .dropdown ul li a span{
        font-weight: bold;
        display: inline-block;
        margin-bottom: 5px;
    }
    .post-box.style2 .title{
        top: 40%;
    }

}



@media(max-width: 991px){

    .main-slider .swiper-pagination, .main-slider .overlay .container::after, .main-slider .overlay .content{ top: 40% !important; }

    .cat-group .wrapper {

        padding: 20px 40px;

    }
    .cat-group .wrapper .item {

        width: 33.333333%;

        justify-content: start;

        padding: 7px 0;

    }

    section.sub-banner{

        height: 400px;

    }

    section.about{

        padding: 70px 0;

    }

    .post-box.style2 .title{

        padding: 25px;

    }
    .post-box.style2 .title  a{

        font-size: 18px;

        font-weight: 500;

        line-height: 1.4;

    }

    section.category2{

        padding: 60px 0 0;

        overflow-x: hidden;

        position: relative;

    }
    section.category2  .section-title {

        margin: 0 0 50px;

    }
    section.category2 .avatar{

        max-width: 270px;

        right: -30px;

    }

    .post-box.style3{

        margin-bottom: 0;

    }

    footer .socials a{

        margin-right: 40px;

    }

}



@media (max-width: 767px) {

    .main-slider {
        height: 550px;
    }
    .main-slider .overlay .content{
        padding-right: 70px;
    }
    .main-slider .overlay .content  h1{
        font-size: 40px;
    }
    .main-slider .overlay .content .bottom .left img {
        max-width: 173px;
    }
    .main-slider .overlay .content .bottom .right {
        text-align: start;
    }
    .main-slider .swiper-pagination, .main-slider .overlay .container::after, .main-slider .overlay .content{ top: 50% !important; }

    .cat-group {
        display: none;
    }

    section.sub-banner{
        height: 350px;
    }

    section.about, .default-padding{
        padding: 50px 0;
    }

    section.category2{
        padding: 40px 0 0;
    }

    .archive .post-box{
        flex-direction: column;
        row-gap: 20px;
        align-items: flex-start;
    }
    .archive .post-box .left{
        max-width: 70%;
        margin-right: unset;
    }

    .archive .content, .search-results .content{
        padding: 50px 0;
    }

    .single .sub-banner .title{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .single .content .padding{
        padding: 40px 0;
    }
    .single .prev-next-box{ display: none; }
}



@media(max-width: 575px){

    .main-slider{
        height: 450px;
    }
    .main-slider .swiper-pagination{ 
        top: unset !important;
        bottom: 25px;
        width: unset !important;
    }
    .main-slider .swiper-pagination-bullet-active{
        position: relative;
    }
    .main-slider .overlay .content{
        padding-right: 0;
        padding-top: 30px;
        width: 100%;
    }
    .main-slider .overlay .content .left{ display: none; }
    .main-slider .overlay .content h1, .main-slider .overlay .content .bottom .right{
        max-width: unset;
        width: 100%;
        text-align: center;
    }

    section.category2 .section-title {
        margin: 0 0 25px;
    }

    section.sub-banner{

        height: 300px;

    }

    .g-map iframe{

        height: 450px;

    }

    .section-title h5 span{

        width: unset;

        position: unset;

    }

    .copyright{

        text-align: center;

    }

}



@media(max-width: 500px){

    .swiper-pagination{

        display: none;

    }

    .dataTables_filter, .dataTables_length{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

}



@media(max-width: 425px){
    #successModal .modal-body {
        padding: 0;
    }
    #successModal i{
        margin: -10px 0 10px 0;
    }
    section.about img{

        height: 250px;

    }

    .service-box .content{
        padding: 30px 20px 110px 20px;
    }

    .post-box.style1 .title a{

        text-align: left;

        margin: 30px 0 15px;

    }

    .post-box.style3{

        padding: 15px;

    }

    .archive .post-box .left{

        max-width: 100%;

    }

    .archive .content, .search-results .content {
        padding: 40px 0;
    }

    footer table td:nth-child(2){
        width: 50px;
    }
    #reports-form {
        padding: 40px 25px;
       
    }
    #reports-form  h5{
        font-size: 18px;
    }
}



@media(max-width: 375px){

    .main-slider{
        height: 400px;
    }
    .main-slider .overlay .content{
        padding-top: 50px;
    }
    .main-slider .overlay .content h1{
        font-size: 30px;
    }
    .mobile-toggler{
        font-size: 15px;
    }
    section.about img{
        height: 200px;
    }

    .readmore {

        padding: 12px 12px 12px 20px;

        font-size: 14px;

        width: 200px;

    }

    .post-box .top .meta{
        padding: 10px 30px 10px 5px;
        height: 80px;
    }
    .post-box.style2 .title a{
        font-size: 16px;
    }

    .post-box.style3{
        padding: 15px 0;
    }
    .post-box.style3 .title{
        margin: 20px 0 5px;
    }

    #contact-form-wrap {
        margin: 0px 15px -30px;
    }
    #contact-form-wrap #contact-form{
        padding: 40px 30px;
    }

    .g-map iframe{

        height: 350px;

    }

}