@charset "UTF-8";
/*!
Theme Name: Tetra
Theme URI: https://www.tetraconsultants.com/
Author: Tetra
Author URI: https://www.tetraconsultants.com/
Description: Tetra is a custom theme developed by Tetra
Requires at least: WordPress 5.3
Tested up to: WordPress 6.2
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: tetra
Tags: custom-logo, custom-menu, featured-images, right-sidebar, sticky-post, translation-ready, blog
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Tetra is based on Underscores http://underscores.me/, (C) 2012-2021 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v3 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset CSS
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
- Container
# Components
- Navigation
- Main
- Posts and pages
- Forms
- Widgets
- Comments
- Media
- Captions
- Galleries
# Utilities
- Accessibility
- Alignments
# Responsive (media-queries)
- Tablet
- Mobile
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Functions
--------------------------------------------- */
/*--------------------------------------------------------------
# Reset CSS
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
body {
font-family: "Open Sans", Verdana, Geneva, sans-serif !important;
color: #181818;
font-size: 14px;
line-height: 1.8em !important;
}
.site-header {
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}
a.screen-reader-text.skip-link{
display: none;
}
body a:not([href]):not([tabindex]) {
cursor: default;
}
img {
max-width: 100%;
}
a:hover {
text-decoration: none !important;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn-primary {
background: #FFF !important;
border-radius: 20px;
display: inline-block;
font-weight: 700;
font-size: 13px;
line-height: 13px;
color: #EA7D00 !important;
transition: 0.5s ease all;
padding: 14px 44px;
text-decoration: none;
}
.btn-primary:hover {
background-color: #EA7D00!important;
color: #fff!important;
}
.btn-primary.sec-btn {
background-color: #EA7D00!important;
color: #fff !important;
}
.btn-primary.sec-btn:hover {
background: #FFF !important;
color: #EA7D00 !important;
}
/* NAVIGATION */
.container.conatiner-menu {
max-width: 1260px;
padding: 0 30px;
}
.tetra-logo img {
height: 70px;
}
.menuPort {
font-family: "Lato", Arial, Helvetica, sans-serif;
}
.menuPort ul {
display: flex;
list-style: none;
margin: 0;
}
.menuPort ul li {
margin-right: 50px;
position: relative;
}
.current-menu-item {
position: relative;
}
.current-menu-item a:after, .current-menu-parent > a:after {
content: '';
background: #ea7d00;
position: absolute;
padding: 2px;
bottom: 0;
width: 100%;
left: 0;
color: #ea7d00;
}
.menuPort .sub-menu .current-menu-item a:after{
padding: 0;
color: #ea7d00 !important;
}
.menuPort .sub-menu .current-menu-item a {
color: #ea7d00 !important;
}
.menuPort ul li a {
color: #181818;
font-size: 15px;
}
.menuPort ul li a:hover {
text-decoration: none;
}
.menuPort ul ul {
background: #fff;
}
.menuPort > nav > ul ul {
display: none;
position: absolute;
width: 220px;
right: 0;
top: auto;
margin: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
z-index: 1;
padding: 0;
left: 0;
opacity: 0;
}
.menuPort .menu-item-has-children.on .sub-menu {
display: block;
}
.menuPort nav > ul > li > a {
line-height: 80px;
}
.menuPort > nav > ul > li > ul > li {
font-size: .9em;
z-index: 4;
float: none;
}
.menuPort ul ul li a {
padding-left: 1.5em;
padding-right: 1.5em;
color: #181818;
-webkit-transition: box-shadow ease 300ms;
-moz-transition: box-shadow ease 300ms;
transition: box-shadow ease 300ms;
font-size: 13px;
padding: 1em 1em;
display: block;
}
.menuPort > nav > ul > li.on > ul {
opacity: 1;
pointer-events: auto;
z-index: 2;
}
.menuPort ul ul li:not(:last-child) > a:after {
content: ' ';
display: block;
position: absolute;
left: 1.5em;
right: 1.5em;
bottom: 0;
height: 1px;
background-color: rgba(0,0,0,.1);
}
.menuPort > nav > ul > li > ul li a:hover {
-webkit-box-shadow: inset 5px 0 0 0 #ea7d00;
box-shadow: inset 5px 0 0 0 #ea7d00;
}
.menuPort ul ul li a:hover {
color: #ea7d00;
}
.menuPort>nav>ul>li>ul li a {
transition: box-shadow ease 300ms;
padding-left: 1.5em;
padding-right: 1.5em;
}
.menuPort ul ul li:not(:last-child)>a:after {
content: ' ';
display: block;
position: absolute;
left: 1.5em;
right: 1.5em;
bottom: 0;
height: 1px;
background-color: rgba(0,0,0,.1)
}
/* Hero Banner */
#hero-tetra {
position: relative;
}
#hero-tetra img{
height: 580px;
width: 100%;
object-fit: cover;
}
#hero-tetra::before {
position: absolute;
height: 100%;
width: 100%;
content: "";
background: rgba(0,0,0,.62);
top: 0;
left: 0;
}
#hero-tetra .row {
text-align: center;
}
#hero-tetra .container {
position: absolute;
top: 30%;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
#hero-tetra h1 {
font-weight: 700;
padding-bottom: 0px!important;
font-size: 30px;
margin-bottom: 25px;
line-height: 38px;
color: #FFF;
text-shadow: 0 4px 10px rgba(0,0,0,.47);
font-family: 'Mulish'!important;
}
#hero-tetra h1 b {
color: #ea7d00 !important;
}
ul.banner--list {
column-count: 2!important;
margin: auto!important;
width: 760px!important;
text-align: left!important;
font-family: 'Mulish';
}
ul.banner--list li i {
color: #ea7d00 !important;
margin-right: 2px;
}
ul.banner--list li {
display: inline-block;
margin: 8px 6px!important;
color: #fff!important;
font-size: 16px!important;
text-align: left!important;
}
.slider-content .btn-primary {
margin-top: 25px;
}
/* Intro Section */
.intro {
padding: 50px 0;
font-family: 'Mulish';
}
.intro h2 {
font-weight: 700;
font-size: 28px;
line-height: 35px;
margin-bottom: 10px!important;
color: #2A2A2A;
}
.intro h2 b {
color: #ea7d00 !important;
}
.intro p {
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #2A2A2A;
opacity: .8;
}
.inside-tab h3 {
font-weight: 700;
font-size: 25px;
margin-bottom: 20px!important;
line-height: 35px;
color: #2A2A2A;
}
.service-list-container {
padding-top: 40px;
}
.service-list-container img {
width: 400px;
}
.sub-sections, .super-sub-sections {
display: none;
list-style: none;
padding: 0;
}
.sub-heading, .super-sub-heading {
cursor: pointer;
display: inline-block;
}
.main-sections .btn-list {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
transition: 0.5s ease all!important;
border: 1px solid #1e1e43;
background: #1e1e43;
color: #fff!important;
font-size: 16px!important;
font-family: 'Mulish'!important;
padding: 8px 24px!important;
border-radius: 12px!important;
cursor: pointer;
}
.main-sections .btn-list:hover {
border: 1px solid #dfdede!important;
background-color: #fff!important;
color: #2A2A2A!important;
}
.main-sections .btn-list a {
color: #fff!important;
}
.main-sections .btn-list a:hover, .main-sections .btn-list:hover a {
color: #2A2A2A !important;
}
.go-btn {
display: none;
text-align: right;
font-weight: 700;
font-size: 12px!important;
text-decoration: underline;
cursor: pointer;
color: #111127!important;
}
/* About Section */
.about-us {
background-image: url('https://d1hwnklxoebzfp.cloudfront.net/wp-content/uploads/2024/07/13080710/bg-1.jpg');
padding: 60px 0;
font-family: 'Mulish'!important;
}
.about-us h2 {
font-weight: 700;
padding-bottom: 0px!important;
font-size: 28px;
line-height: 35px;
color: #FFF;
margin-bottom: 20px;
}
.about-us p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FFF;
opacity: .7;
}
.about-us p:last-child {
opacity: 1;
}
.video-popup {
position: relative;
padding: 20px;
}
/* Our Services Block */
.service-block {
padding: 60px 0;
font-family: 'Mulish';
}
.service-block h2 {
font-weight: 700;
font-size: 28px;
line-height: 35px;
color: #1E1E43;
margin-bottom: 22px;
}
.service-block p {
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #393939;
opacity: .8;
margin-bottom: 30px;
}
.service-block .service-list {
padding: 20px 34px;
display: block;
text-decoration: none;
border-radius: 6px;
transition: 0.6s ease all;
margin-bottom: 25px;
}
.service-block .service-list:hover {
background: #4B7BEC;
box-shadow: 0 2px 25px 5px rgba(75,123,236,.3);
border-radius: 6px;
}
.service-block .service-list h3 {
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #1E1E43;
transition: 0.6s ease all;
margin-top: 17px;
margin-bottom: 10px;
}
.service-block .service-list p {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #2A2A2A;
margin-bottom: 0!important;
transition: 0.6s ease all;
}
/**Client Section**/
.client-block
{
background: #111127;
padding: 60px 0;
font-family: 'Mulish';
}
.client-block h2{
font-weight: 700;
font-size: 28px;
line-height: 35px;
margin-bottom: 30px;
color: #FFFFFF;
}
.client-block img{
max-width: 100%;
}
/**Client Section**/
/**Testimonial Section **/
.home-testimonial-section{
font-family: 'Mulish';
padding: 60px 0;
}
.home-testimonial-section h2
{
font-weight: 700;
font-size: 28px;
margin-bottom: 20px;
line-height: 35px;
color: #1E1E43;
}
.home-testimonial-section .sub-head{
font-weight: 400;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #393939;
margin-bottom: 30px;
opacity: 0.8;
}
.testimonial-block-home
{
margin: auto;
display: flex;
padding-top: 40px;
align-items: center;
position: relative;
justify-content: space-between;
}
.ju-content .wp-block-embed__wrapper iframe {
height: 450px;
position: relative;
}
.ju-content .wp-block-embed__wrapper {
padding-top: 0;
}
.wp-block-table .has-fixed-layout th {
text-align: center;
width: 15%;
border: 3px solid black;
margin: 2px;
padding: 2px;
background-color: #ea7d00;
font-weight: 700;
color: #fff;
font-size: 14px;
font-family: "Open Sans", Verdana, Geneva, sans-serif;
}
.recentarticlesslider.guideslide .overlay-blog-i {
opacity: 0;
}
.wp-block-table .has-fixed-layout td {
text-align: center;
border: 3px solid black;
margin: 2px;
padding: 2px;
font-size: 14px;
font-family: "Open Sans", Verdana, Geneva, sans-serif;
color: #181818;
}
.ju-section ul.wp-block-list .wp-block-list {
/* list-style: none;
padding: 0; */
margin-top: 10px;
}
@media(min-width:1020px){
.testimonial-block-home
{
width: 890px !important;
}
}
@media(max-width:600px){
.testimonial-block-home{display: block !important;
}.testimonial-block-home .testimonial-avatar{
margin-right: 0px !important;
}.testimonial-block-home .testimonial-content{
padding: 0px !important;
}
.about-us{
padding: 40px 0px !important;
}
.home-slider .swiper-slide{
height: 400px !important;
}
.award-block .img-overlay{
margin-top: -69px !important;
}
}
.testimonial-block-home .testimonial-company-logo {
background: #FFFFFF;
box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);
border-radius: 6px;
padding: 56px 16px;
}
.testimonial-block-home .testimonial-content {
align-self: flex-start;
padding: 0px 69px;
}
.testimonial-block-home .testimonial-avatar {
text-align: right;
margin-top: -48px;
margin-right: -45px;
}
.testimonial-block-home::before {
width: 41px;
height: 32px !important;
content: " ";
background-image: url(https://dev.tetraconsultants.com/wp-content/uploads/2022/04/quote.png);
position: absolute;
left: -47px;
top: 1px;
}
.tperson-name, .tperson-position{
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: #393939;
margin-bottom: 0px !important;
}
.testimonialSwiper .swiper-pagination-bullet-active{
background: #EA7D00 !important;
opacity: 1 !important;
}
.testimonialSwiper .swiper-pagination-bullet{
background: #E1E1E1;
width: 15px !important;
height: 15px !important;
opacity: 0.8;
}
.testimonial-image-block {
flex: 0 0 20%;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-weight: 700!important;
color: #000!important;
font-size: 12px!important;
}
/**Testimonial Section **/
/**Success Section**/
.success-section
{
display: flex;
font-family: 'Mulish';
align-items: center;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0px;
}
.success-section h2 {
font-weight: 700;
font-size: 28px;
line-height: 35px;
padding-bottom: 25px !important;
color: #FFFFFF;
}
.success-section h2 b {
text-transform: uppercase;
color: #ea7d00;
}
.success-section p {
max-width: 700px;
margin: auto;
font-weight: 400;
font-size: 16px;
line-height: 24px;
padding-bottom: 25px !important;
text-align: center;
color: #FFFFFF;
opacity: 0.8;
}
/**Success Section**/
/* Blog Slider */
.r-bg {
background-color: #fff !important;
padding: 40px 0;
padding-bottom: 10px !important;
}
@media (min-width: 1280px) {
.recentarticlesslider.container {
width: 1250px !important;
max-width: 1250px !important;
}
}
.recentarticlesslider.container {
margin: auto !important;
}
.section-slide-img-blog .slide-btm-blog h2 {
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
font-family: 'Mulish'!important;
color: #000;
}
.ra {
font-size: 18px !important;
color: #262626 !important;
font-weight: 700 !important;
font-family: 'Mulish', sans-serif !important;
}
.h2bdr {
background: #ea7d00;
width: 58px;
height: 6px;
display: block;
margin-bottom: 20px;
}
.recentarticlesslider.swipe-me .section-slide-img-blog {
width: auto !important;
}
.section-slide-img-blog .img-ov-wrap {
position: relative;
}
.recentarticlesslider img {
height: 225px;
object-fit: cover;
}
.recentarticlesslider .overlay-blog-i {
border-radius: 0;
height: 100%;
opacity: .4;
}
section.breadcrumbs .blink a {
color: #ea7d00;
}
.overlay-blog-i {
position: absolute;
background: #000;
top: 0;
height: 100%;
width: 100%;
border-radius: 5px;
opacity: .5;
}
.recentarticlesslider .section-slide-img-blog .img-ov-wrap .blg-cats {
position: absolute;
bottom: 7px;
left: 7px;
font-size: 13px;
}
.blg-cats {
margin-bottom: 10px;
}
.blg-cats a {
color: #fff;
text-transform: uppercase;
font-family: Lato;
border: 1px solid #fff;
border-radius: 10px;
padding: 2px 20px;
margin-right: 10px;
font-weight: 600;
}
.slide-btm-blog {
background: #fff;
box-shadow: rgb(100 100 111 / 13%) 0 4px 3px 0;
padding: 15px 10px;
min-height: 144px;
margin-bottom: 20px;
position: relative;
}
.swiper-button-next, .swiper-button-prev {
height: 25px!important;
width: 25px!important;
background: #fff;
border-radius: 50px;
}
.swiper-button-prev {
left: 0 !important;
}
.swiper-button-next, .swiper-button-prev {
top: 30% !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-weight: 700!important;
color: #000!important;
font-size: 12px!important;
}
.slide-btm-blog .blg-act {
color: #8b8b8b;
position: absolute;
bottom: 15px;
}
.blg-act {
display: flex;
font-size: 12px;
}
.blg-act div {
display: flex;
align-items: center;
margin-right: 17px;
}
.ld-bl-cnt .blg-act .hrsblg svg, .slide-btm-blog .blg-act .hrsblg svg {
stroke: #8B8B8B !important;
}
.blg-act svg {
width: 16px;
height: 16px;
display: flex;
align-items: center;
margin-right: 4px;
}
.authblg svg path {
fill: #8B8B8B;
}
/* Popular Links */
.accor-popular-search{
margin: 0 110px 50px;
background: #fff;
box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px !important;
margin-top: 50px;
}
.dscf7_refresh_captcha {
display: none;
}
@media (min-width: 576px) {
.accor-popular-search {
max-width: 540px;
}
}
@media (min-width: 768px) {
.accor-popular-search {
max-width: 720px;
}
}
@media (min-width: 992px) {
.accor-popular-search {
max-width: 960px;
}
}
@media (min-width: 1200px) {
section.ju-section .wp-block-image img {
width: 70%;
object-fit: cover;
height: 70%;
}
.accor-popular-search {
max-width: 1140px;
}
.container.blog-container {
max-width: 1200px;
}
}
@media (min-width: 1400px) {
.accor-popular-search {
max-width: 1320px;
}
}
.accor-popular-search{
margin-right: auto;
margin-left: auto;
}
.accor-popular-search .box{
margin-bottom: 20px !important;
}
.accor-popular-search .box div {
margin-bottom: 8px;
}
.accor-popular-search .box div a{
font-family: 'Mulish',sans-serif !important;
font-size: 14px !important;
line-height: 15px !important;
color: #262626 !important;
}
.accor-accordion {
background-color: #fff;
cursor: pointer;
padding: 18px;
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
border: none;
font-family: 'Mulish',sans-serif !important;
font-size: 14px !important;
color: #262626 !important;
font-weight: 700 !important;
text-align: left;
outline: none !important;
font-size: 15px;
transition: 0.4s;
}
.active, .accor-accordion:hover {
background-color: #fff;
}
.accor-accordion span{
flex: 0 0 95%;
}
@media(max-width:980px){
.accor-accordion span{
flex: 0 0 80%;
}
}
.accor-accordion i svg path {
fill: #050519;
}.accor-accordion i svg {
width: 30px;
margin-right: 10px !important;
}
.toggle-arrow-up {
border: 10px solid transparent;
border-top: 0;
border-right-color: transparent;
border-bottom-color: #1e1e43;
border-left-color: transparent;
display: block;
width: 0;
height: 0;
}
.accor-panel {
padding: 0 18px;
display: none;
border-top: 1px solid #ccc;
background-color: white;
overflow: hidden;
padding-top: 15px;
}
.quick---links {
display: flex;
padding-bottom: 20px!important;
flex-wrap: wrap;
justify-content: flex-start;
}
.quick---links a {
flex: 0 0 25%;
margin-bottom: 10px;
color: #2f2f2f!important;
font-family: "Mulish";
font-size: 15px!important;
}
/* Footer */
footer {
width: 100%;
bottom: 0;
left: 0;
background: #f5f5f5;
}
.btSiteFooter {
font-size: .9em;
}
.flinebt {
width: 100%;
height: 2px;
background: #0e172b;
}
.footerenclose {
display: flex;
background: #111127;
padding: 30px 50px;
border-top: 3px solid #fff;
}
.footerenclose .flinks, .footerenclose .ffloow, .footerenclose .faddress {
text-align: center !important;
width: 33.33%;
}
.footerenclose h3 {
font-size: 18px;
font-family: 'Mulish' !important;
font-weight: 400;
color: #fff;
}
.footerenclose .flinks ul {
text-align: center!important;
width: 100%!important;
display: flex!important;
justify-content: center;
flex-wrap: wrap;
list-style: none;
}
.footerenclose .flinks li {
float: left;
margin: 0;
}
.footerenclose .faddress p, .footerenclose .flinks li a {
color: #fff;
opacity: .7;
}
.footerenclose .social-media {
display: flex;
justify-content: center;
}
.footerenclose .flinks li span {
color: #fff;
opacity: .7;
padding: 0 4px 0 2px;
}
.footerenclose .faddress p {
margin: auto!important;
width: 300px;
color: #fff;
opacity: .7;
font-size: .9em;
}
.endfootercopy {
background: #050519;
text-align: center;
color: #fff;
font-family: sans-serif;
padding: 10px;
font-size: .9em;
}
.endfootercopy p {
margin: 0;
font-family: 'Mulish' !important;
opacity: .7;
color: #fff;
}
.btLightSkin {
color: #181818;
background-color: #fff;
}
.endfootercopy a {
color: #fff;
opacity: .7;
}
a.s-m {
height: 25px;
display: flex;
justify-content: center;
align-items: flex-end;
line-height: 25px !important;
vertical-align: middle;
width: 25px;
background: rgba(255, 255, 255, .7);
margin: 0 2px;
padding: 4.5px 5px;
color: #000 !important;
border-radius: 50%;
}
@media(max-width:1129px) {
.tetra-logo {
position: relative;
}
.tetra-logo img {
margin-left: 73px;
}
.menuPort nav > ul > li > a {
line-height: 1.1em;
padding: 1em 2em;
display: block;
}
.subToggler {
display: block!important;
padding: 20px 0;
line-height: 1;
right: 0;
top: -5px;
cursor: pointer;
position: absolute;
width: 45px;
z-index: 80;
text-align: center;
}
.subToggler:before {
content: '\f107';
font: normal 16px / 1 FontAwesome;
}
.menuPort nav ul li {
padding: 0;
position: relative;
background-color: transparent;
text-align: center;
}
.menuPort nav ul li:not(.current-menu-ancestor)>ul {
display: none;
}
.menuPort.open {
z-index: 9;
}
.menuPort.col-lg-9 {
position: fixed;
top: 0;
left: -100%;
width: 250px;
height: 100%;
background-color: #333;
transition: left 0.3s ease;
}
.menuPort.col-lg-9.open {
left: 0;
padding: 0;
background: #fff;
top: 115px;
display: block;
}
.menuPort.open ul {
flex-direction: column;
justify-content: flex-start;
padding: 0;
margin: 0;
position: relative;
background: transparent;
box-shadow: none;
text-align: center;
width: auto;
opacity: 1;
}
.menu-toggle {
position: absolute;
top: 9px;
left: 0px;
color: #fff;
padding: 10px;
cursor: pointer;
z-index: 1000;
}
.menu-toggle img {
width: auto;
height: auto;
margin-left: 0;
}
.tetra-logo.menu-mb-open img {
margin-left: 0;
}
.tetra-logo.menu-mb-open .menu-toggle {
display: none;
}
.menu-toggle.close-menu {
right: 0;
left: auto;
position: absolute;
top: 7px;
display: none;
}
.menu-toggle.close-menu.menu-cl-open {
display: block;
}
}
@media(min-width:1200px) {
.menu-toggle {
display: none;
}
.banner-inner {
height: 400px;
}
}
/* Jurisdictions Page */
@media (min-width: 1200px) {
.container.ju-inner-container {
max-width: 1240px;
}
}
/* Inner Banner */
.banner-inner {
position: relative;
overflow: hidden;
}
.banner-inner .banner-inner-container {
position: absolute;
left: 0;
right: 0;
top: 20%;
}
.banner-cnt-enclose p {
font-size: 16px;
}
.banner-inner .banner-inner-row h1, .banner-inner .banner-inner-row p {
color: #fff;
}
.banner-inner .banner-image-wrap img {
width: 100%;
}
@media (max-width: 1023px) {
.banner-inner .banner-image-wrap > img {
min-height: 800px;
object-fit: cover;
object-position: center;
}
.banner-inner .banner-inner-container {
top: 10%;
}
.banner-flag-block {
margin-top: 15%;
}
.flag-block .flag-tp-block img {
width: auto !important;
}
.site-header.sticky-header {
position: fixed;
z-index: 9999;
background: #fff;
width: 100%;
}
.menuPort {
display: none;
}
.footerenclose .faddress p {
width: 200px;
}
}
/**Flag Block**/
.flag-block {
border-radius: 12px;
background-color: #ffffff;
}
ul.tetra-list li {
margin-bottom: 15px !important;
}
.quick---links {
padding-bottom: 20px !important;
display: flex;
padding-bottom: 20px !important;
flex-wrap: wrap;
justify-content: flex-start;
}.quick---links a {
color: #2f2f2f !important;
font-family: "Mulish";
font-size: 15px !important;
}.quick---links a {
flex: 0 0 25%;
margin-bottom: 10px;
}
.tetra-breadcrumbs
{
margin: auto !important;
}
@media(max-width:990px){
.flag-block
{
margin-top: 40px !important;
}
}
p#breadcrumbs::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: -100%;
z-index: -1;
background: #fff;
top: 0;
}
p#breadcrumbs::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
right: -100%;
z-index: -1;
background: #fff;
top: 0;
}#breadcrumbs{
position: relative;
}
.flag-img {
width: 65px;
padding: 4px;
background-color: #fff;
margin-left: 26px;
border-radius: 10px;
top: -20px;
position: relative;
}
.flag-img img{
border-radius: 6px;
}
.flag-content-block {
display: flex;
padding: 0px 26px;
flex-wrap: wrap;
justify-content: space-between;
}
.flag-content-block .flag-list {
flex: 0 0 49%;
margin-bottom: 12px;
}
.flag-content-block p{
margin-bottom: 0px !important;
}
.f-title {
font-size: 13px;
line-height: 13px !important;
color: #00247d !important;
font-weight: 700;
font-family: "Mulish";
}
.f-p {
font-size: 13px;
color: #393939 !important;
font-weight: 400;
font-family: "Mulish";
}
.flag-sep {
margin: 0 26px;
margin-top: 10px;
margin-bottom: 15px;
border-top: 1px solid #70707038;
}
.flag-tp-block {
display: flex;
padding: 0 26px;
padding-bottom: 20px;
align-items: center;
justify-content: space-between;
}
p.r-title {
font-size: 18px;
color: #00247d;
font-weight: 600;
font-family: "Mulish";
margin-bottom: 0px;
}
p.r-review {
color: #00247d !important;
font-size: 14px !important;
font-style: italic;
margin-bottom: 0px;
font-family: "Mulish";
}
.flag-tp-block img{
width: 40% !important;
}
/**Flag Block**/
/* Jurisdictions Content */
.row.ju-inner-row {
padding-bottom: 50px;
}
.ju-section {
background: #f9f9f9;
padding-top: 15px;
}
.ju-section .ju-inner-container {
padding: 0;
}
.ju-sidebar {
margin-bottom: 20px;
}
.ju-content {
max-height: max-content;
}
.ju-sidebar, .ju-content {
padding: 20px 15px !important;
box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px !important;
background: #fff !important;
border-radius: 8px !important;
font-family: 'Mulish', sans-serif !important;
}
.ju-sidebar h3.ra {
font-family: 'Mulish', sans-serif !important;
text-transform: uppercase !important;
font-size: 14px !important;
}
.ju-sidebar .h2bdr {
height: 4px;
}
.ju-contact p {
font-family: 'Mulish', sans-serif !important;
font-size: 15px !important;
line-height: 24px !important;
}
.ju-heading-overview, .ju-sub-pages li a, .ju-heading-overview a {
padding-left: 0px !important;
font-family: 'Mulish',sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #393939 !important;
margin-bottom: 4px !important;
list-style: none;
}
.ju-sub-pages {
list-style: none;
}
.ju-overview-list {
list-style: none;
margin-bottom: 10px !important;
background-color: #fafafa !important;
padding: 12px 12px;
max-width: max-content;
}
h3.ju-heading-overview.with-links {
padding-bottom: 5px;
}
.ju-overview-list li a {
font-family: 'Mulish', sans-serif !important;
font-size: 14px !important;
line-height: 18px !important;
color: #181818;
position: relative;
padding-left: 15px;
font-weight: normal !important;
}
.ju-overview-list li.ov-active, .ju-overview-list li.ov-active a {
background: #fff;
color: #ea7d00 !important;
}
.ju-overview-list li.ov-active a::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: -9px;
vertical-align: middle;
top: 3px;
content: "\f0da";
color: #ea7d00 !important;
}
.ju-overview-wrap {
position: relative;
cursor: pointer;
}
.ju-heading-overview.with-links::after {
right: 0 !important;
content: "\f106" !important;
color: #1e1e43 !important;
left: auto;
font-size: 14px !important;
position: absolute;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
.ju-heading-overview.ov-side-active::after {
content: "\f107" !important;
}
.ov-toggle-menu {
display: none;
}
.ju-content h2 {
font-size: 20px !important;
font-weight: bold !important;
color: #993300 !important;
text-decoration: underline !important;
font-family: 'Mulish', sans-serif !important;
}
.ju-content h3 {
font-size: 20px !important;
font-weight: bold !important;
color: #262626 !important;
font-family: 'Mulish', sans-serif !important;
}
.ju-content ul li {
margin-bottom: 20px;
}
.ju-content .wp-block-list li {
margin-bottom: 10px;
}
.ju-content p, .ju-content ul li {
font-family: 'Mulish', sans-serif !important;
font-size: 15px !important;
line-height: 24px !important;
}
.ju-content a {
color: #ea7d00;
}
.ju-content a:hover {
color: #212529;
}
.ju-content ul {
padding: 0px 20px 0px 20px;
}
.tetra-breadcrumbs {
padding: 20px 10px;
color: #393939;
font-weight: 500;
font-family: "Mulish";
font-size: 14px;
}
.tetra-breadcrumbs a {
color: #ea7d00;
}
.container.tetra-breadcrumbs span {
padding: 0 5px;
}
.accordion-header {
position: relative;
margin-bottom: 15px;
padding-left: 20px;
}
.accordion-header::before {
left: 0 !important;
content: "\f107" !important;
color: #1e1e43 !important;
left: auto;
font-size: 14px !important;
position: absolute;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
top: 8px;
}
.accordion-header.active::before {
content: "\f106" !important;
}
.wp-block-embed__wrapper {
padding: 56.25% 0 0 0;
}
.wp-block-embed__wrapper iframe {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Contact Form */
.ju-contact.contact-form input, .ju-contact.contact-form textarea {
width: 100%;
padding: .8em;
height: 3.2em;
line-height: 3.1em;
border: 1px solid rgba(0,0,0,.1);
transition: all 500ms ease;
border-radius: 3px;
outline: none;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, textarea:focus, .fancy-select .trigger.open {
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.3);
}
.ju-contact.contact-form textarea {
height: 140px !important;
}
.ju-contact.contact-form .cf7sr-g-recaptcha {
transform:scale(0.81);
transform-origin:0 0;
}
.ju-contact.contact-form .wpcf7-submit {
color: #fff !important;
background-color: #1e1e43 !important;
border-color: #1e1e43 !important;
display: block !important;
width: 110px !important;
box-shadow: none !important;
border-radius: 50px !important;
height: auto;
line-height: 10px;
font-size: .8em !important;
text-transform: uppercase;
}
.wpcf7-spinner {
display: none;
}
.wpcf7 form .wpcf7-response-output {
font-size: 12px;
line-height: 20px;
}
/* Jurisdictions Listing */
.blogenclosenew .breadcrumbs,.jurisdictionsenew .breadcrumbs {
display:flex;
padding:14px 60px;
border-bottom:1px solid #ccc;
background:#fff;
font-size: 14px;
}
.jurisdictionsenew .breadcrumbs a {
color: #ea7d00;
}
.blogenclosenew .breadcrumbs .blink,.jurisdictionsenew .breadcrumbs .blink {
margin-right:15px
}
.blogenclosenew .breadcrumbs span,.jurisdictionsenew .breadcrumbs span {
margin-right:15px;
border:solid #585454;
border-width:0 2px 2px 0;
display:inline-block;
padding:2px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.jurisdictionsenew {
background:#f5f5f5;
display:inline-block;
width:100%
}
.jurisdictionsenew .intro {
width:65%;
margin:25px auto;
text-align:center;
padding: 50px 0;
font-family: 'Mulish';
}
.jurisdictionsenew .intro h2 {
font-family:Lato;
font-size:30px;
color:#050519
}
.jurisdictionsenew .intro p {
font-family:Lato;
font-size:18px;
color:#050519;
padding:20px 0 0
}
.jurisdictions-list {
display:grid;
grid-template-columns:repeat(4,1fr);
padding:0 100px 70px
}
.jurisdictions-wrap img {
width:70px!important;
height:70px!important;
border-radius:14px;
margin:0 15px
}
.jurisdictions-wrap .flags-wrap {
display:flex;
align-items:center;
background:#fff;
border-radius:5px;
position:relative
}
.jurisdictions-wrap {
margin:8px
}
.jurisdictions-wrap .flags-wrap h2 {
font-size:16px;
font-family:Lato;
font-weight:400;
color:#050519
}
.juri-hover {
position:absolute;
display:flex;
background:#1e1e43;
width:388px;
font-family:Lato;
color:#fff;
display:none;
top:83px;
padding:18px 15px 20px;
border-radius:5px;
z-index:999999
}
.flags-wrap:focus .juri-hover,.flags-wrap:hover .juri-hover {
display:flex
}
.juri-hover .juri-hover-left,.juri-hover .juri-hover-right {
width:50%;
text-transform:capitalize
}
.juri-hover h3 {
font-size:13px;
color:#fff;
margin:16px 0;
margin-top:5px
}
.juri-hover span {
opacity:.7;
font-size:13px
}
.juri-hover:before {
content:'';
border:10px solid transparent;
border-top:0;
border-right-color:transparent;
border-bottom-color:#1e1e43;
border-left-color:transparent;
display:block;
width:0;
height:0;
top:-10px;
position:absolute
}
.region-filter {
display:flex;
justify-content:center;
padding-bottom:0
}
.region-filter ul {
list-style:none;
display:flex
}
.region-filter ul li a {
border-radius:40px!important;
background:#fff!important;
color:#050519!important;
font-family:Lato!important;
font-weight:600!important;
border:1px solid #fff!important;
padding:9px 32px;
margin:0 5px
}
.region-filter ul li a:hover {
background:#050519!important;
color:#fff!important
}
.region-filter ul li a.active {
background:#050519!important;
color:#fff!important
}
.search-juri {
width:100%;
display:flex;
align-items:center;
float:right;
padding:0 110px;
text-align:right;
justify-content:end
}
.search-juri input {
border:0!important;
width:90px!important;
outline:0!important
}
.search-juri svg {
width:25px
}
/* Common banner */
.banner-cm {
position: relative;
}
.banner-cm img {
width: 100%;
height: 416px;
object-fit: cover;
}
.banner-cm-content {
position: absolute;
top: 34%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
left: 0;
right: 0;
}
.banner-cm-content .row {
flex-direction: column;
}
.banner-cm-content h1 {
color: #fff;
font-size: 2rem;
max-width: 310px;
font-family: 'Mulish' !important;
margin-bottom: 30px;
position: relative;
}
.banner-cm-content h1 span:after {
content: '';
position: absolute;
border-bottom: 2px solid #fff;
padding: 14px;
left: 0;
right: 0;
width: 64px;
text-align: center;
margin: 0 auto;
}
.banner-cm-content h1 span {
font-family: "Lato", Arial, Helvetica, sans-serif;
color: #fff;
font-size: .7rem;
letter-spacing: 2px;
display: block;
}
/* Blog List */
.blogenclosenew {
background: #f9f6f6;
}
.blogenclosenew section {
padding-left: 60px;
padding-right: 60px;
margin-bottom: 50px;
display: inline-block;
}
.blogenclosenew section h2 {
text-transform: uppercase;
font-size: 20px;
font-family: Lato;
}
.h2bdr {
background: #ea7d00;
width: 58px;
height: 6px;
display: block;
margin-bottom: 20px;
}
.blogenclosenew .breadcrumbs, .jurisdictionsenew .breadcrumbs {
display: flex;
padding: 14px 60px;
border-bottom: 1px solid #ccc;
background: #fff;
}
.blogenclosenew .breadcrumbs .blink, .jurisdictionsenew .breadcrumbs .blink {
margin-right: 15px;
}
.blogenclosenew .breadcrumbs span, .jurisdictionsenew .breadcrumbs span {
margin-right: 15px;
border: solid #585454;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 2px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
section.ticker-blogs {
margin: 50px 0;
display: flow-root;
}
.simple-marquee-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
width: 100%;
background: #fff;
float: left;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
height: 85px;
position: relative;
cursor: pointer;
display: flex;
border-radius: 5px;
justify-content: center;
text-transform: uppercase;
padding-top: 7px;
font-family: Lato;
box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;
}
.simple-marquee-container .marquee-sibling {
padding: 0;
background: #1e1e43;
border-right: 5px solid #ea7d00;
width: 20%;
height: 85px;
line-height: 42px;
font-size: 12px;
font-weight: 400;
color: #fff;
text-align: center;
float: left;
left: 0;
z-index: 2000;
display: flex!important;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 16px;
}
.ticker-img {
width: 61px;
height: 61px;
}
.ticker-cont {
display: flex;
align-items: center;
}
.ticker-cont span {
font-family: Lato;
text-transform: capitalize;
margin-left: 12px;
font-size: 14px;
color: #000;
}
.ticker-cont span:hover {
color: #ea7d00;
}
.ticker-img img {
height: 61px;
object-fit: cover;
}
.simple-marquee-container .marquee, .simple-marquee-container [class^=marquee] {
display: inline-block;
white-space: nowrap;
position: absolute;
}
.simple-marquee-container .marquee {
margin-left: 25%}
.simple-marquee-container .marquee-content-items {
display: inline-block;
padding: 5px;
margin: 0;
height: 45px;
position: relative;
}
.simple-marquee-container .marquee-content-items li {
display: inline-block;
line-height: 35px;
color: #000;
border: 1px solid #ccc;
border-radius: 5px;
}
.trendingarticles .left-big {
width: 48%;
float: left;
margin-right: 20px;
}
.trendingarticles .right-big {
width: 50%;
float: left;
}
.section-img-blog img {
border-radius: 5px;
}
.section-img-blog {
position: relative;
}
.secion-content-blog {
position: absolute;
bottom: 22px;
padding: 0 3%}
.right-big .rightft {
display: flex;
}
.right-big .rightft .section-img-blog {
margin-left: 25px;
margin-bottom: 25px;
width: 50%;
}
.right-big .rightst .section-img-blog {
margin-left: 25px;
}
.right-big .rightst {
display: flex;
}
.right-big .section-img-blog img {
height: 194px;
object-fit: cover;
width: 100%;
}
.left-big .section-img-blog img {
height: 420px;
object-fit: cover;
}
.blg-cats {
margin-bottom: 10px;
}
.blg-cats a {
color: #fff;
text-transform: uppercase;
font-family: Lato;
border: 1px solid #fff;
border-radius: 10px;
padding: 2px 20px;
margin-right: 10px;
font-weight: 600;
}
.blg-cats a:hover {
color: #ea7d00;
}
.secion-content-blog {
color: #fff;
}
.secion-content-blog h2 {
text-transform: capitalize!important;
color: #fff;
font-size: 16px!important;
}
.overlay-blog-i {
position: absolute;
background: #000;
top: 0;
height: 98.5%;
width: 100%;
border-radius: 5px;
opacity: .5;
}
.right-big .overlay-blog-i {
height: 100%}
.blg-act {
display: flex;
font-size: 12px;
}
.blg-act svg {
width: 16px;
height: 16px;
display: flex;
align-items: center;
margin-right: 4px;
}
.blg-act div {
display: flex;
align-items: center;
margin-right: 17px;
}
.authblg path {
fill: #fff;
}
.recentarticlesslider {
width: 100%}
.recentarticlesslider .section-slide-img-blog {
width: 300px;
}
.recentarticlesslider .section-slide-img-blog .img-ov-wrap .blg-cats {
position: absolute;
bottom: 7px;
left: 7px;
font-size: 13px;
}
.recentarticlesslider .overlay-blog-i {
border-radius: 0;
height: 100%;
opacity: .4;
}
.recentarticlesslider.wocs img {
height: auto;
}
.recentarticlesslider.wocs h2 {
font-size: 28px !important;
color: #262626 !important;
position: relative !important;
font-weight: 700 !important;
font-family: "Mulish" !important;
text-align: center;
}
.recentarticlesslider.wocs .h2bdr {
margin: 40px auto;
}
.recentarticlesslider.wocs .swiper-slide {
padding: 20px;
border-radius: 4px;
filter: drop-shadow(0px 2px 3.5px rgba(0,0,0,0.07));
background-color: #ffffff;
}
.recentarticlesslider.wocs .section-slide-img-blog h5 {
font-size: 13px;
color: #1e1e43;
font-weight: 700;
font-family: "Mulish";
}
.recentarticlesslider.wocs .section-slide-img-blog p {
font-size: 13px;
line-height: 21px;
color: #717171;
font-weight: 400;
font-family: "Mulish";
}
.recentarticlesslider.wocs .m-height {
min-height: 194px !important;
}
.recentarticlesslider.wocs .section-slide-img-blog .client-name p {
font-size: 13px;
line-height: 20px;
color: #1e1e43;
font-weight: 600;
font-style: italic;
font-family: "Mulish";
}
.recentarticlesslider img {
height: 225px;
object-fit: cover;
}
.section-slide-img-blog .img-ov-wrap {
position: relative;
}
.slide-btm-blog {
background: #fff;
box-shadow: rgb(100 100 111 / 13%) 0 4px 3px 0;
padding: 15px 10px;
min-height: 144px;
margin-bottom: 20px;
position: relative;
}
.slide-btm-blog.guides {
min-height: auto;
text-align: center;
border-top: 10px solid #9f9b9b;
}
.section-slide-img-blog .slide-btm-blog h2 {
font-family: Lato;
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
}
.section-slide-img-blog .slide-btm-blog h2:hover {
color: #ea7d00;
}
.slide-btm-blog .blg-act {
color: #8b8b8b;
position: absolute;
bottom: 15px;
}
.ld-bl-cnt .blg-act, .ld-bl-cnt p {
color: #8b8b8b;
}
.ld-bl-cnt .blg-act .hrsblg svg, .slide-btm-blog .blg-act .hrsblg svg {
stroke: #8B8B8B!important;
}
.ld-bl-cnt .blg-act .authblg path, .slide-btm-blog .blg-act .authblg path {
fill: #8B8B8B!important;
}
.recentarticlesslider .owl-next, .recentarticlesslider .owl-prev {
border-radius: 50%;
position: absolute;
top: 38%;
background: #fff!important;
width: 35px;
font-size: 23px!important;
border: 1px solid #ccc!important;
height: 35px;
}
.recentarticlesslider .owl-next {
right: -49px;
}
.recentarticlesslider .owl-prev {
left: -49px;
}
.recentarticles-list .articles-ld {
display: flex;
align-items: center;
margin-bottom: 30px;
background: #fff;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, .16) 0 1px 4px;
}
.recentarticles-list .articles-ld .ld-bl-img {
width: 30%;
line-height: 0;
}
.recentarticles-list .articles-ld .ld-bl-cnt {
width: 70%;
padding: 0 25px;
}
.recentarticles-list .articles-ld .ld-bl-cnt .blg-cats a {
color: #ea7d00;
border: 1px solid #ea7d00;
}
.recentarticles-list .articles-ld .ld-bl-cnt h2 {
text-transform: capitalize;
font-size: 16px;
color: #000;
}
.ld-bl-img img {
object-fit: cover;
height: 200px;
}
.ld-bl-cnt p {
font-size: 14px;
}
.blogenclosenew .recentarticles-list {
display: flex;
margin-top: -25px;
}
.recentarticles-list .recentart-left {
width: 75%}
.recentarticles-list .recent-art-right {
width: 23%;
background: #fff;
margin-left: 45px;
box-shadow: rgb(0 0 0 / 10%) 0 2px 4px;
}
.ias-trigger {
background: #1e1e43;
width: 150px;
padding: 10px;
color: #fff!important;
margin: 0 auto;
border-radius: 30px;
}
.ias-trigger a {
color: #fff;
font-family: Lato;
font-weight: 600;
font-size: 14px;
}
.recent-art-right ul li {
list-style: none;
margin-bottom: 17px;
list-style: none;
margin-bottom: 0;
border: 0;
padding: 0;
font-size: 14px;
}
.recent-art-right ul li a {
color: #8b8b8b;
}
.recent-art-right ul {
margin: 0;
padding: 0;
padding: 20px;
}
.blogenclosenew {
background: #f9f6f6;
max-width: 1600px;
margin: 0 auto;
}
.sidereg-bl {
background: #fff;
padding: 20px;
box-shadow: rgb(0 0 0 / 10%) 0 2px 4px;
margin-top: 25px;
}
.recent-art-right h2 {
font-size: 16px!important;
}
.sidereg-bl p {
color: #8b8b8b;
}
.sidebar-btn {
display: flex;
justify-content: center;
background: #271e4d;
height: 45px;
border-radius: 26px;
}
.sidebar-btn a {
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #fff;
font-family: Lato;
font-weight: 600;
}
.sidebar-btn a:hover {
color: #ea7d00;
}
.sidebar-btn svg {
width: 15px;
fill: #fff;
margin-left: 6px;
}
.ju-sidebar .ju-sub-pages.sub-tabs li a {
font-weight: normal !important;
padding: 10px 20px !important;
font-family: 'Mulish', sans-serif !important;
font-size: 15px !important;
line-height: 24px !important;
border-left: 4px solid transparent !important;
display: block !important;
outline: none !important;
border-top: none !important;
border-bottom: none !important;
border-right: none !important;
font-size: 14px !important;
box-shadow: none !important;
text-align: left;
width: 100%;
background-color: #fff !important;
color: #181818 !important;
}
.ju-sidebar .ju-sub-pages.sub-tabs li.jutab-active a {
background-color: #1e1e43 !important;
border-left: 4px solid #ea7d00 !important;
color: #fff !important;
}
.ju-sidebar.has-sub-tabs {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ju-sidebar.has-sub-tabs .ra {
padding-left: 20px;
}
.ju-sidebar.has-sub-tabs .h2bdr {
width: 43px;
margin-left: 20px;
}
.ju-tabs .know-more-link {
color: #fff !important;
background-color: #1e1e43 !important;
border-color: #1e1e43 !important;
padding: 10px 36px !important;
display: inline-block !important;
text-align: center;
box-shadow: none !important;
margin: 20px 0px;
border-radius: 50px !important;
}
.flag-grid {
display: flex;
padding: 15px 0 13px !important;
position: relative;
border-top: 1px solid #e3e3e3;
}
@media (max-width: 567px) {
.flag-grid {
display: block !important;
}
}
.flag-grid p {
margin-bottom: 0px !important;
font-size: 13px !important;
color: #393939 !important;
font-weight: 600;
font-family: "Mulish";
opacity: 0.9;
}
.flag-grid img {
margin-right: 15px !important;
width: 53px;
border-radius: 3px !important;
}
.flag-grid .flag-content h5 {
font-size: 14px;
color: #1e1e43;
padding-bottom: 0px !important;
font-weight: 700;
font-family: "Mulish";
}
.flag-grid .flag-content h5 a {
color: #1e1e43 !important;
}
.flag-grid::after {
position: absolute;
right: 0px;
display: inline-block;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
content: "\f105";
font-weight: bold;
right: 13px;
color: #1e1e43 !important;
top: 25px;
font-size: 16px !important;
}
section.ju-lic-sec {
background: #fff;
padding-top: 40px;
}
section.ju-lic-sec h2 {
font-size: 28px;
color: #262626;
font-weight: 700;
font-family: "Mulish";
}
section.ju-lic-sec p {
font-size: 14px;
line-height: 20px;
color: #2a2a2a;
font-weight: 400;
font-family: "Mulish";
}
section.review-banner-image {
position: relative;
height: 500px;
}
section.review-banner-image img {
height: 500px;
object-fit: cover;
width: 100%;
}
.banner_content_re {
max-width: 500px;
position: absolute;
top: 30%;
left: 11%;
}
.banner_content_re p , .banner_content_re a{
color: #fff;
}
.banner_content_re a {
background: #ea7d00;
padding: 9px;
color: #fff !important;
width: 200px;
display: block;
text-align: center;
}
section.review-tab-cnt {
padding: 60px;
background: #f5f5f5;
}
.review-tab-cnt ul {
list-style: none;
padding: 0;
margin: 0;
}
.review-tab-cnt ul li {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
/* .loop-images .img-sub{
display: none;
}
.loop-images .img-sub.All {
display: block;
} */
.region-filter .tab-alllll {
padding: 20px;
}
.rev-blobk {
padding: 64px;
}
.review-tab-cnt .loop-images .img-sub .testi-imahes{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
gap: 16px;
}
.review-tab-cnt .loop-images .img-sub .testi-imahes li{
display: flex;
flex-direction: column;
background-color: #fff;
border: 1px solid #ccc;
padding: 16px;
border-radius: 8px;
}
.page-template-reviews-page-template #breadcrumbs , .single-post #breadcrumbs{
display: none !important;
}
/* Blog Details */
@media (min-width: 1200px) {
.blog-header .container, .blog-content .container {
max-width: 1250px;
}
}
.ju-content.bl-content {
box-shadow: none !important;
padding-top: 0 !important;
max-height: 550px;
overflow-y: scroll;
}
.ju-content.bl-content::-webkit-scrollbar {
display: none; /* Hides the scrollbar */
}
.ju-content.bl-content h2 {
font-weight: bold !important;
color: black !important;
font-size: 26px !important;
text-decoration: none !important;
}
.ju-content.bl-content h3 {
font-weight: bold !important;
color: black !important;
font-size: 18px !important;
}
.ju-content.bl-content p, .ju-content.bl-content ul li {
font-size: 17px !important;
}
.blog-contact .wpcf7-form input, .blog-contact .wpcf7-form textarea {
margin-bottom: 10px;
}
.blog-header {
padding-top: 20px;
padding-bottom: 40px;
}
section.blog-content .container {
border-top: 1px solid #000;
padding: 40px 0;
}
.blog-header a.blog-cat {
font-family: "Mulish", Arial, Helvetica, sans-serif !important;
text-transform: uppercase;
color: #ea7d00;
font-size: .7rem;
letter-spacing: 2px;
}
.blog-actions a.author-dt {
color: #ea7d00;
text-transform: capitalize;
}
.blog-actions i.fas.fa-comment {
color: #18181866;
}
.blog-header h1 {
font-weight: 700 !important;
font-size: 42px !important;
line-height: 48px !important;
font-family: 'Mulish' !important;
}
section.blog-header .wp-post-image {
height: 380px;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.blog-actions span {
display: inline-block;
padding: 5px 10px;
}
.social-share-icons {
display: flex;
gap: 10px;
}
.social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #18181866;
color: #18181866;
text-decoration: none;
font-size: 18px;
transition: all 0.3s;
}
.social-share-icons i {
color: #fff;
}
.social-icon:hover {
background-color: #333; /* Darker grey on hover */
color: #fff; /* White on hover */
}
.blog-actions .social-share {
margin-top: 40px;
}
.blog-contact {
padding: 15px !important;
background-color: #f1f1f1;
border: 1px solid #d3caca;
border-radius: 8px !important;
max-height: fit-content;
}
.blog-contact h3{
font-size: 16px !important;
margin-bottom: 20px !important;
font-weight: bold;
}
.btAboutAuthor {
border-top: 1px solid rgba(0, 0, 0, .1);
max-width: 900px !important;
margin-right: auto !important;
display: flex;
width: 100%;
margin: 0 0 2em;
padding: 2em 0;
}
.btAboutAuthor .aaAvatar {
background: url("https://dev.tetraconsultants.com/wp-content/uploads/2020/05/Logo-rectangle.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position-x: 3px;
}
.btAboutAuthor .aaAvatar {
vertical-align: top;
padding: 0 1em 0 0;
-webkit-flex: 1 1 200px;
-ms-flex: 1 1 200px;
flex: 1 1 200px;
}
.btAboutAuthor .aaAvatar img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
}
.btAboutAuthor .aaAvatar img {
opacity: 0;
}
.btAboutAuthor .aaAvatar img {
border: 1px solid #ea7d00 !important;
}
.btAboutAuthor .aaTxt {
margin-left: 15px !important;
}
.btAboutAuthor .aaTxt {
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding: 0;
}
.aaTxt h4 {
font-family: auto;
font-size: 1.3em;
}
.aaTxt p {
font-size: 14px;
line-height: 20px;
}
.comment-respond a {
color: #ea7d00;
}
form#commentform input , .comment-form-cookies-consent{
border: none !important;
font-size: 14px;
}
.comment-form-comment textarea {
border: 1px solid rgba(0,0,0,.1);
width: 770px;
padding: 10px;
border-radius: 5px;
}
.comment-form .required-field-message {
display: none;
}
p.comment-form-author, .comment-form-email {
display: inline-block;
border: 1px solid rgba(0,0,0,.1);
padding: 7px 10px;
border-radius: 5px;
}
.comment-form .submit-button {
background-color: #ea7d00 !important;
border: none !important;
color: #fff !important;
padding: 5px 25px;
border-radius: 3px;
}
#reply-title {
font-size: 1.4em;
font-family: auto;
color: #000;
font-weight: bold;
}
.contact-intro {
text-align: center;
}
.contact-intro h2 {
font-size: 28px;
font-weight: bold;
margin-bottom: 10px;
}
.contact-intro p {
margin-bottom: 10px;
font-family: 'Mulish';
}
.contactus-form {
background: #f5f5f5;
padding-bottom: 180px;
position: relative;
}
.contactus-form .wpcf7 {
position: relative;
z-index: 3;
}
section.contactus-form.ju-contact.contact-form:before {
content: '';
background: #111127;
position: absolute;
width: 100%;
padding: 50px;
bottom: 59px;
z-index: 1;
height: 260px;
}
.new-contact-form h2, .new-contact-form label, .new-contact-form input
{
font-family: "mulish" !important;
width: 100%;
}.new-contact-form{
background: #FFFFFF;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
border-radius: 4px;
width: 70%;
margin: 0 auto;
}.new-contact-form h2 {
background: #1E1E43;
border-radius: 4px 4px 0px 0px;
font-weight: 700;
font-size: 22px;
padding: 10px 20px 14px!important;
margin-bottom: 20px;
line-height: 28px;
color: #FFFFFF;
}
.new-contact-form .container
{
padding-left: 20px !important;
padding-right: 20px !important;
}
.new-contact-form .container .col-md-6, .new-contact-form .container .col-md-12{
margin-bottom: 15px !important;
}
.new-contact-form .container textarea{
height: 125px;
}
.wpcf7-form-control-wrap select {
width: 100%;
padding: .8em;
height: 3.2em;
line-height: 3.1em;
border: 1px solid rgba(0,0,0,.1);
transition: all 500ms ease;
border-radius: 3px;
outline: none;
}
.new-contact-form .container .wpcf7-submit{
background: #1E1E43;
border-radius: 18px !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 20px;
color: #FFFFFF !important;
border: none !important;
width: 133px !important;
box-shadow: none !important;
}.cpage-link {
display: flex;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #FFFFFF;
}
section.contactus-form.ju-contact.contact-form .wpcf7-response-output {
color: #fff;
}
.flag-switcher {
position: absolute;
right: 0;
top: 25px;
}
.flag-switcher ul li {
margin: 0 9px;
}
.blog-container .card-body {
padding-left: 0;
padding-right: 0;
margin-bottom: 60px;
}
.blog-container .card-media img {
height: 600px;
object-fit: cover;
}
.blog-container .card-body .entry-meta a {
color: #ea7d00;
font-size: .7rem;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Lato", Arial, Helvetica, sans-serif;
}
.blog-container .card-body h2 a{
font-family: "Libre Baskerville", Arial, Helvetica, sans-serif;
color: #000;
}
.blog-container .card-body h2 a:hover{
color: #ea7d00;
}
.blog-container .card-body .blog-actions .social-share {
margin-top: 40px;
display: flex;
justify-content: space-between;
}
.read-more.btn a {
padding: 10px 50px;
-webkit-box-shadow: 0 0 0 1px #191919 inset;
box-shadow: 0 0 0 1px #191919 inset;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 12px;
color: #000;
position: relative;
border-radius: 3px;
}
.read-more.btn i {
font-weight: bold;
position: absolute;
right: 10px;
top: 13px;
color: #000;
}
.read-more.btn a:hover, .read-more.btn a:hover i{
background: #000;
color: #fff;
}
.posts-navigation .nav-previous a:after {
content: "\f054";
float: right;
margin: 0 0 0 10px;
font-family: fontawesome;
border: 1px solid #000;
color: #000;
padding: 5px 15px;
border-radius: 3px;
}
.posts-navigation .nav-previous a {
color: #000;
display: flex;
align-items: center;
}
nav.navigation.posts-navigation {
width: 100%;
display: flex;
justify-content: end;
}
.sticky-wrap {
position: fixed;
z-index: 99999;
font-family: Poppins;
top: 50%;
display: flex;
align-items: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
right: 0;
}
.sticky-wrap li {
list-style: none;
width: 53px;
}
.sticky-wrap .fancy-select ul.options li {
width: 100%;
}
.sticky-wrap .mystickyelements-social-icon {
/* -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
display: block;
font-size: 12px;
padding: 18px 10px 10px;
width: 144px;
height: 53px;
line-height: 1.2;
-webkit-transform-origin: 51px 51px 0;
-moz-transform-origin: 51px 51px 0;
transform-origin: 51px 51px 0;
box-shadow: -3px 0 6px rgba(0,0,0,.16); */
}
#mystickyelements-contact-form {
padding-bottom: 49px;
padding-top: 42px;
}
#mystickyelements-contact-form .mystickyelements-social-icon {
font-family: 'Mulish';
background-color: #5776cc;
color: #ffffff;
border-radius: 10px 10px 0 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
display: block;
font-size: 12px;
padding: 18px 10px 10px;
width: 144px;
height: 53px;
line-height: 1.2;
-webkit-transform-origin: 51px 51px 0;
-moz-transform-origin: 51px 51px 0;
transform-origin: 51px 51px 0;
box-shadow: -3px 0 6px rgba(0,0,0,.16);
text-align: center;
}
.mystickyelements-contact-form .mystickyelements-social-icon i {
margin-right: 6px;
}
#mystickyelements-social-whatsapp .mystickyelements-social-icon {
background: #26D367;
}
#mystickyelements-social-email .mystickyelements-social-icon {
background: rgb(220, 72, 60);
}
#mystickyelements-social-whatsapp .mystickyelements-social-icon, #mystickyelements-social-email .mystickyelements-social-icon,
#mystickyelements-social-whatsapp .mystickyelements-social-icon a, #mystickyelements-social-email .mystickyelements-social-icon a {
border-radius: 25px 0!important;
width: 53px;
height: 53px;
color: #fff;
float: left;
position: relative;
text-align: center;
font-size: 17px;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2;
flex-wrap: wrap;
text-decoration: none;
}
#mystickyelements-social-whatsapp .mystickyelements-social-icon {
background: #26D367;
}
#mystickyelements-social-email .mystickyelements-social-icon {
background: rgb(220, 72, 60);
}
.sidebar-sticky-contact-form {
display: none;
background: #fff;
right: 52px;
border-radius: 5px;
border: 2px solid #ccc;
padding: 20px;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
display: none;
position: fixed;
z-index: 99999;
font-family: Poppins;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
width: 385px;
height: 500px;
overflow-y: scroll;
}
.sidebar-sticky-contact-form .wpcf7-form, .sidebar-sticky-contact-form .contactus-form {
background: #fff;
padding-bottom: 0;
}
.sidebar-sticky-contact-form .contactus-form h2 {
font-family: 'Lato';
font-size: 25px;
font-weight: bold;
}
.sidebar-sticky-contact-form .wpcf7-form-control-wrap select, .sidebar-sticky-contact-form label {
margin-bottom: 15px;
}
.mystickyelement-lists-wrap .til-add {
display: none;
margin-right: 20px;
}
.sc-cns:hover .til-add {
display: flex !important;
flex-wrap: nowrap !important;
}
.sc-cns:hover {
width: 150px !important;
float: right !important;
}
.sc-cns:hover a {
display: flex !important;
flex-wrap: nowrap !important;
}
.menuPort > nav > ul > li > ul > li {
margin-right: 0;
}
@media screen and (min-width:1600px) {
.jurisdictions-list {
grid-template-columns:repeat(5,1fr)!important
}
}
@media screen and (max-width:768px) {
.jurisdictions-list {
padding:0 30px 70px
}
.region-filter ul li a {
padding:9px 13px
}
.region-filter {
padding-bottom:15px
}
}
@media (max-width: 767px) {
.menuPort.col-lg-9.open {
top: 69px;
}
.tetra-logo.menu-mb-open .flag-switcher {
display: none;
}
.tetra-logo .flag-switcher {
right: -25px;
top: 20px;
}
.tetra-logo .flag-switcher ul {
margin: 0;
list-style: none;
padding: 0;
display: flex;
}
.tetra-logo .flag-switcher img {
height: auto;
margin: 0;
list-style: none;
}
.trendingarticles .left-big {
width: 100%;
}
.left-big .section-img-blog img {
height: 300px;
}
.trendingarticles .right-big {
width: 100%;
margin-top: 30px;
}
.blogenclosenew section {
padding-left: 15px;
padding-right: 15px;
}
.rightft .section-img-blog:first-child, .rightst .section-img-blog:first-child {
margin-right: 17px;
}
.right-big .rightft .section-img-blog {
margin-bottom: 10px;
}
.right-big .rightft .section-img-blog, .right-big .rightst .section-img-blog {
margin-left: 0;
}
.recentarticles-list .recentart-left {
width: 100%;
}
.recentarticles-list .articles-ld {
display: block;
}
.recentarticles-list .articles-ld .ld-bl-img {
width: 100%;
}
.recentarticles-list .articles-ld .ld-bl-cnt {
width: 100%;
padding: 17px 17px;
}
.recentarticles-list .recent-art-right {
display: none;
}
.simple-marquee-container .marquee-sibling {
width: 29%;
font-size: 13px;
}
.rightft .blg-act, .rightst .blg-act {
display: block;
}
.blog-content .ju-content.bl-content {
max-height: max-content;
margin: 0;
padding: 0 !important;
}
.blog-content .blog-row {
flex-direction: column-reverse;
margin: 0 20px;
}
.btAboutAuthor {
flex-wrap: wrap;
}
.blog-actions {
margin-bottom: 20px;
}
.btAboutAuthor .aaAvatar {
width: 130px;
display: block;
flex: none;
padding: 2px 5px;
}
.comment-respond {
padding: 20px;
}
#hero-tetra .container {
top: 11%;
}
ul.banner--list {
width: auto !important;
column-count: auto !important;
padding: 0;
text-align: center !important;
}
ul.banner--list li {
text-align: center !important;
}
.jurisdictions-list {
grid-template-columns:repeat(2,1fr);
padding:1px!important
}
.jurisdictionsenew {
display:block
}
.region-filter ul {
display:block
}
.region-filter li {
width:200px;
float:left;
display:contents;
margin-bottom:59px;
padding-bottom:36px;
line-height:50px
}
.jurisdictionsenew {
display:block
}
.jurisdictionsenew .intro {
margin:20px auto;
width:100%;
padding:0 10px
}
.banner-inner .banner-inner-row h1 {
font-size: 33px;
}
.ju-section {
padding: 0 15px;
margin-top: 20px;
}
.ju-content {
margin: 0 15px;
}
.footerenclose {
padding: 18px 20px 10px;
display: block;
}
.footerenclose .faddress, .footerenclose .ffloow, .footerenclose .flinks {
width: 100%;
margin-bottom: 15px;
text-align: center !important;
}
.tetra-breadcrumbs {
margin-left: 10px !important;
}
}