.header_menu ul li a {
font-family: 'Open Sans'l Light' !important';
}



body a {
font-family: 'Open Sans'l Light' !important';
}

.single-blog-right h1.wpr-post-title,
body h2{
font-family: 'Open sans' !important;
}

body .suisse-font,
body .suisse-font h2
{
font-family: 'Open sans'l Light' !important';
}

.slick-track.translate {
display: flex;
align-items: center;
}

.img-wraper {
width: 100%;
max-width: 408px;
background-position: 100% 30% !important;
}
.img-wraper:hover {
filter: grayscale(100%);
}

/* blog */
.blog-slider{
	padding:0 20px;
position:relative;
height:650px;
overflow:hidden;
	margin:140px 0;
/* background:#ececec; */
}

.blog-card{
position:absolute;
top:0;
width:600px;
height:100%;
background:#dcdcdc;
transition:all .6s ease;
cursor:pointer;
overflow:hidden;
}
section.blog-slider .blog-card:nth-child(1) {
background:var( --e-global-color-secondary );
}
section.blog-slider .blog-card:nth-child(2) {
background:#474d50;
}


section.blog-slider .blog-card:nth-child(3) {
background:#50575a;
}
section.blog-slider .blog-card:nth-child(4) {
background:#676d70;
}

.blog-card.active{
width:700px;
background:#efefef;
}

.card-content{
padding:70px;
max-width:96%;
}

.category{
display:block;
font-weight:bold;
margin-bottom:15px;
}

.date{
display:block;
margin-bottom:20px;
color:#555;
}

h2{
font-size:58px;
line-height:1;
margin-bottom:35px;
}

.card-content p{
		color:#fff;
max-width:520px;
line-height:1.7;
margin-bottom: 0px;
}

.btn{
display:inline-block;
padding:15px 35px;
background:#fff;
text-decoration:none;
color:#000;
letter-spacing:2px;
}
.blog-card:hover {
transform: translateX(-40px);
}


.blog-popup{
display:none;
position:fixed;
left:0;
top:0;
width:100%;
    height: 100%;
    background: rgb(202 202 202 / 75%);
z-index:99999;
overflow:auto;
	z-index:999;
}

.popup-content{
width:80%;
max-width:900px;
margin:60px auto;
background:#ffffffe3;;
padding:40px;
border-radius:10px;
position:relative;
animation:popup .3s ease;
	border-top: 15px solid #000;
	padding-top:0;
}

@keyframes popup{

from{
transform:translateY(-40px);
opacity:0;

}

to{
transform:translateY(0);
opacity:1;
}

}

.close-popup{
position:absolute;
right:20px;
top:15px;
font-size:35px;
cursor:pointer;
line-height:1;
}

.popup-content img{
width:100%;
height:auto;
margin:20px 0;
border-radius:8px;
}

.popup-text{
font-size:16px;
line-height:1.8;
}

/* .home-news-sec:after{
content:"";
background-color: #808080;
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index:1;
}
 */

#popup-body {
display: flex;
gap: 30px;
flex-direction: row-reverse;
	padding-top: 40px;
}
.author-box-left {
display: flex;
}

.card-inner p{
font-size: 14px;
letter-spacing: normal;
line-height: 1.3em;
	color: #333132;
margin: 10px 0 10px 0;
}

.card-inner  li a,
.card-inner  p a{
	color: #333132;
}

.card-inner h2{
font-size: 25px;
margin: 0 0 35px 0;
text-align: left;
padding-right: 40px;
line-height: 1.2em;
}
#popup-body h2 {
margin-bottom: 0;
}

#popup-body .popup-text {
width: 100%;
}

.popup-authors {
width: 100%;
max-width: 28%;
padding-right: 30px;
border-right: 1px solid #ccc;
	position:relative;
}
.popup-authors:after {
	content:"";
	    width: 93%;
	background: #ccc;
	height:1px;
	position:absolute;
	top:0;
	left:0;
}
.popup-authors p,
.popup-authors h4 {
margin: 0;
font-size:14px;
line-height:1.2;
}
.author-box {
display: flex;
align-items: center;
gap: 9px;
border-bottom: 1px solid #ccc;
padding:16px 0 16px;
}
.author-box img {
flex-shrink:0;
width:50px;
height:50px;
object-fit:cover;
margin: 0;
border-radius:50%;
}


.author-box-right h4 {
text-decoration: underline;
color:#333132;
}

.author-box-right h4:hover {
color:#00c9e3;
text-decoration: none;
}
.author-box-right p a {
color:#333132;
text-decoration: none;
}

.author-box-right p a:hover {
color:#00c9e3;
text-decoration: underline;
}


.share-icons a {
display: flex;
text-decoration: none;
width: 21px;
height: 21px;
background: #00C9E3;
align-items: center;
color: #fff;
font-size: 14px;
justify-content: center;
}

.share-icons {
display: flex;
gap: 3px;
margin-bottom:50px;
}

.share-icons a:hover{
background: #000;

}

a.read-more-btn {
    background: #fff;
    padding: 10px 30px;
    text-decoration: none;
    color: #222;
    font-size: 12px;
    line-height: 3.5em;
    letter-spacing: 0.20em;
    text-transform: uppercase;
}


.card-content small {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
		color:#fff;
}

.card-content h2 {
	color:#fff;
    line-height: 1em;
    letter-spacing: 0.015em;
    font-size: 42px;
    min-height: 240px;
}
.site-header {
    position: fixed;
    top: 0;
    left: 0px !important;
    width: 100%;
    z-index: 9999;
    transition: transform .4s ease;
    width: 100% !important;
    max-width: 100% !important;
	  padding-inline:10px !important;
}

.site-header.header-hide{
    transform: translateY(-100%);
}

.site-header.header-show {
    transform: translateY(-30px);
}


body.popup-open {
    overflow: hidden;
}

#sticky-footer {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    background: #000;
    left: 0;
    padding: 4px 0;
	transition: transform .35s ease;
}



#sticky-footer.footer-show{
    transform: translateY(0);
}

#sticky-footer.footer-hide{
    transform: translateY(100%);
}

#sticky-footer ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    margin: auto;
    max-width: 1110px;
    align-items: center;
    padding: 0;
}


#sticky-footer ul li,
#sticky-footer ul li a {
    list-style:none;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
}
 

li.rightc ul li span {
    padding: 0 10px;
}

.practice-area-box h2,
.practice-area-box p,
.about-sam-box p,
.about-sam-box h2,
.about-sam-box{
   transition:all 0.8s
}

.about-sam-box:hover {

    background:var( --e-global-color-primary );
}
.about-sam-box:hover p,
.about-sam-box:hover h2 {

   color:#fff;
}
.about-sam-box:hover .elementor-widget-heading{
	border-color:#fff;
}
.practice-area-box:hover    .elementor-widget-heading{
	border-color:var( --e-global-color-primary );
}

.practice-area-box:hover{
     background:#fff !important;
}
.practice-area-box:hover h2,
.practice-area-box:hover p,
.practice-area-box:hover li a
{
     color:var( --e-global-color-primary ) !important;
}


 .scrolled-box {
    position: sticky;
    top: 170px; 
    margin-bottom: 20px;
   
    background: #fff;
    border: 1px solid #ddd;
    transition: all .3s ease;
    z-index: 1;
}

.scrolled-box.active {
    background: #255A5E;
    color: #fff;
    border-color: #0f5c63;
}

.scrolled-box.active h2{
    color: #fff !important;
}

.news-left .news-left-grid article.wpr-grid-item {
    width: 100% !important;
}


.news-right section.wpr-grid article.wpr-grid-item .wpr-grid-item-date span span.wpr-grid-extra-text-right,
.news-left .news-left-grid article.wpr-grid-item .wpr-grid-item-excerpt ,
.news-right section.wpr-grid article.wpr-grid-item  .wpr-grid-item-read-more ,
.news-left .news-left-grid article.wpr-grid-item .wpr-grid-item-read-more {
    display: none;
}

.news-left .news-left-grid article.wpr-grid-item  {
    background: var( --e-global-color-primary );
    padding: 30px !important;
}

.news-left .news-left-grid article.wpr-grid-item .wpr-grid-item-below-content h2 a {
    color: #FFF !important;
    margin-bottom: 18px;
}
.news-left .news-left-grid article.wpr-grid-item .wpr-grid-item-comments span ,
.news-left .news-left-grid article.wpr-grid-item .wpr-grid-item-date span {
    color: #fff !important;
}


.news-right section.wpr-grid article.wpr-grid-item {
    display: block;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
}
.news-right section.wpr-grid article.wpr-grid-item h2.wpr-grid-item-title a {
    margin-bottom: 8px;
    color: #2F3437 !important;
}

.news-right section.wpr-grid article.wpr-grid-item h2.wpr-grid-item-title a:hover {
    color:var( --e-global-color-primary ) !important;
}

.news-right section.wpr-grid article.wpr-grid-item .wpr-grid-item-excerpt .inner-block p {
    color: #2F3437 !important;
    font-size: 18px;
    line-height: 1.2em;
    border: none;
    padding: 0;
    font-weight: 300;
}

.news-right section.wpr-grid article.wpr-grid-item .wpr-grid-item-date span {
    color: #2F3437;
}
.elementor-753 .elementor-element.elementor-element-55ada30 .wpr-grid-item:nth-child(even){
    background:#f5f5f5;
}
.news-left .news-left-grid article.wpr-grid-item:nth-child(2){
    background:#346266;
}

.news-left .news-left-grid article.wpr-grid-item:nth-child(3){
    background:#305b5eeb;
}

.news-left .news-left-grid article.wpr-grid-item:nth-child(4){
     background:#476e71;
}
.news-left .news-left-grid article.wpr-grid-item .wpr-grid-item-below-content {
     padding: 0;
}
.footer ul.elementor-icon-list-items li.elementor-icon-list-item a {
    color: #fff;
}
.contact-left a {
    text-decoration: none;
}

.contact-left p{
	margin-bottom:0;
}
.contact-form input[type="number"]{
    width: 100% !important;
}


.contact-form {
    padding: 26px;
    border: 1px solid;
}
.contact-form input[type="submit"] {
    margin: 0 !important;
}


.outline-box {
    position: relative;
    display: inline-block;
    padding: 18px 24px;
}

.practice-area-box:hover ul li {
    color: #1d5a5d;
}

/* .outline-box::before,
.outline-box::after {
    content: "";
    position: absolute;
 width: 60%;   
	height: 60%; 
}

.outline-box::before {
    top: 0;
    right: 0;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}

.outline-box::after {

    bottom: 0;
    right: 0;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
     
}


.outline-box:hover::before,
.outline-box:hover::after{
	border-color:#255A5E !important; 
} */

/* Main Content */
.single-blog-right{
    font-size:18px;
    line-height:1.8;
    color:#333;
}


.single-blog-right h1{
    font-size:42px;
    line-height:1.2;
    margin:0 0 25px;
   color:#333;
    font-weight:700;
}

.single-blog-right h2{
    font-size:34px;
    line-height:1.3;
    margin:20px 0;
    color:#111;
    font-weight:700;
}

.single-blog-right h3{
    font-size:28px;
    line-height:1.4;
    margin: 18px 0;
   color:#333;
    font-weight:600;
}

.single-blog-right h4{
    font-size:24px;
    margin:20px 0 15px;
  color:#333;
}

.single-blog-right h5{
    font-size:20px;
    margin:22px 0 12px;
  color:#333;
}

.single-blog-right h6{
    font-size:18px;
    margin:18px 0 10px;
color:#333;
}

.single-blog-right p{
    margin-bottom:18px;
	line-height:1.2em;
color:#333;
}
.single-blog-right a{
    color:#0A7A4B;
    text-decoration:none;
    transition:.3s;
}

.single-blog-right a:hover{
    text-decoration:underline;
}

.single-blog-right ul,
.single-blog-right ol{
    margin:20px 0 25px;
}

.single-blog-right li{
    margin-bottom:10px;
    line-height:1.8;
}

.single-blog-right blockquote{
    margin:20px 0;
    padding:25px 30px;
    border-left:5px solid #0A7A4B;
    background:#f8f8f8;
    font-size:20px;
    font-style:italic;
    color:#444;
}


.single-blog-right img{
    width:100%;
    height:auto;
    border-radius:12px;
    margin:30px 0;
}

.single-blog-right figure{
    margin:30px 0;
}

.single-blog-right figcaption{
    margin-top:10px;
    text-align:center;
    font-size:14px;
   color:#333;
}

.single-blog-right table{
    width:100%;
    border-collapse:collapse;
    margin:30px 0;
}

.single-blog-right th,
.single-blog-right td{
    border:1px solid #ddd;
    padding:14px;
    text-align:left;
}

.single-blog-right th{
    background:#f3f3f3;
    font-weight:600;
}

.single-blog-right code{
    background:#f4f4f4;
    padding:2px 6px;
    border-radius:4px;
    font-family:Consolas, monospace;
}

.single-blog-right pre{
    background:#1e1e1e;
    color:#fff;
    padding:20px;
    border-radius:10px;
    overflow:auto;
    margin:30px 0;
}


.single-blog-right hr{
    border:none;
    border-top:1px solid #ddd;
    margin:50px 0;
}

.single-blog-right strong{
    font-weight:700;
    color:#111;
}

.single-blog-right em{
    font-style:italic;
}

.single-blog-right iframe{
    width:100%;
    aspect-ratio:16/9;
    border:none;
    border-radius:10px;
    margin:30px 0;
}

.single-blog-right ::selection{
    background:#0A7A4B;
    color:#fff;
}
.home-slider ul.slick-dots li {
	width: 10px;}

.news-left-grid h2 {
    font-size: 29px;
}

.news-right section.wpr-grid article.wpr-grid-item .wpr-grid-media-wrap.wpr-effect-size-medium {
    display: none;
}
.blog-popup {
    padding-top: 100px !important;
}
ol > li > ol {
    padding: 0;
}
@media (max-width:1024px){
	
/* 	section.blog-slider .blog-card{
		width:48%;
	}
	.blog-slider{
		margin:80px 0;
		height:auto;
		        display: flex;
        flex-wrap: wrap;
        gap: 30px;
	    background: none;
	} */
	.popup-content {
		width: 96% !important;
	    padding: 40px 12px;}
	
	#popup-body {
		gap: 18px;
	}
	.card-content p {
    line-height: 1.3;
}
		.blog-slider{
					margin:80px 16px;
		height:580px;
	} 
	.blog-card:hover {
    transform: translateX(0px);
}
	.card-content {
    padding: 28px;
    max-width: 100%;
}
	
/* 	section.blog-slider .blog-card{
		position:static !important;
	} */
	.scrolled-box.last-box {
    position: static;
}
}


@media (max-width:991px){
	.popup-authors {
    display: none;
}
	
	.contact-form {
		padding: 18px}
	
	.news-right section.wpr-grid article.wpr-grid-item{
		padding:6px !important;
	}
	
	.single-blog-right h2 {
		font-size: 22px;}
	
	.single-blog-right hr {
   
    margin: 18px 0;
	}
	.card-content h2 {
   
    letter-spacing: 0.015em;
    font-size: 26px;
    min-height: auto;
}
	
	.blog-slider{
		overflow:scroll;
	}
}


@media (max-width:767px){
	
	#sticky-footer ul {
    padding: 0 10px;
}
	.single-blog-right p {
    margin-bottom: 15px;
		font-size:16px;
}
	 .scrolled-box {
    position: static;
		 top: 120px; }
	
		section.blog-slider .blog-card{
		width:100%;
	}
	.blog-slider {
        margin: 30px 16px 0px;
    }
}


