/*!
Theme Name: Gerow Child
Theme URI: https://www.themedox.com/gerow-child/
Author: ThemeDox
Author URI: https://themeforest.net/user/themedox/
Description: Gerow - Business Consulting WordPress Theme
Template: gerow
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gerow
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.
*/

/*RTL FIX*/
body.rtl {
    .header-contact-two .content a, .elementor-widget-tg-cta .content a, .fix-phone, .services-sidebar-contact a, .header-contact a {
        direction: ltr;
    }
    .header-contact a {
        display: flex;
        flex-direction: row-reverse;
        line-height: 1;
    }
    .header-style-two .menu-area {
        padding: 0px 20px 0px 0px;
    }
    .header-contact-two .icon {
        margin: 0px 0px 0px 7px; 
    }
    .other-languages {
        left: -0.5px;
        right: auto;
    }
    .language-switcher img{
        margin: 0px 0px 0px 5px;
    }
    .header-action > ul {
        margin: 0px !important;
    }
    .navbar-wrap ul {
        margin: 0 20px 0 0 !important;
    }
    .header-top-left .list-wrap li i, .header-top-btn a i, .blog-meta-two .list-wrap li i, .header-contact a i {
        margin: 0px 0px 0px 8px;
    }
    .header-style-two .header-top-left {
        padding: 0px 25px 0px 0px;
    }
    .header-top-left .list-wrap li::before {
        left: -16px;
        right: auto;
    }
    .features-icon-four {
        margin: 0px 0px 0px 20px;
    }
    .about-list-three .list-wrap li .icon, .about-author-info .thumb, .cta-info-wrap .icon {
        margin: 0px 0px 0px 15px;
    }
    .overview-content .content-bottom .list-wrap li .icon {
        margin: 0px 0px 0px 40px;
    }
    .overview-content .content-bottom .list-wrap li .icon::after { 
        left: -20px;
        right: auto;
    }
    .slick-slider .slick-track, .slick-slider .slick-list {
        transform: translate3d(0, 0, 0) !important;
    }
    .testimonial-avatar .avatar-thumb {
        margin: 0px 0px 0px 30px;
    }
    .testimonial-avatar .avatar-info::before { 
        right: -15px;
        left: auto;
    }
    .btn::before {
        left: 0;
        right: auto;
    }
    .btn::after {
        margin: 0px 45px 0px 0px;
    }
    .cta-info-wrap::before {
        left: 50px;
        right: auto;
    }
    .blog-post-content-four .link-btn i {
        margin: 0px 10px 0px 0px;
    }
    .blog-meta .list-wrap li a img, .blog-meta-three .list-wrap li img {
        margin: 0px 0px 0px 10px;
    }
    .blog-meta-three .list-wrap li i, .blog-meta .list-wrap li i {
        margin: 0px 0px 0px 5px;
    }
    .header-btn {
        margin: 0px 10px;
    }
    .navbar-wrap > ul > li.menu-item-has-children > a::after {
        margin: 0px 8px 0px 0px;
    }
    .footer-widget-title::before {
        right: 0px;
        left: auto;
    }
    .header-style-six .language-switcher {
        margin: 0px 0px 0px 10px;
    }
    .header-contact::before {
        left: -16px;
        right: auto;
    }
    .header-contact {
        margin: 0px 0px 0px 35px;
    }
}

/*Other fixes*/
.footer-social svg, .list-wrap svg {
	height: 20px;
}
.footer-social svg {
    fill: white;
}
.faq-content .accordion-item {
	background: white;
}
.breadcrumb > * a {
    color: #BCD2FF !important;
}
h2.underline {
    font-size: 35px;
    margin-bottom: 15px;
}
h2.underline:after {
    content: "";
    display: block;
    margin-top: 15px;
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: var(--tg-primary-color);
}
.brand-item img {
    max-height: 75px;
}
.services-fix-col .col-xl-3{
    width: 33.333%;
}
.remove-shadow .overview-img-wrap img {
    box-shadow: none !important;
}
.about-author-info .thumb img {
    border-radius: 100%;
}
.tg-page-area.pt-120 {
    padding-top: 80px;
}
.tg-page-area.pb-120 {
    padding-bottom: 80px;
}
.scroll-top.open {
    bottom: 90px !important;
    right: 17px !important;
}

/*Header*/
.header-action {
    display: flex;
}
.logo img {
    width: 160px;
    height: auto;
}
.header-top-left .list-wrap li::before, .header-contact::before {
    background: #0a3986 !important;
}
.header-style-two .navbar-wrap ul {
    margin: 0 0 0 20px !important;
}
@media only screen and (max-width: 1500px){
    .header-action > ul {
        margin-left: 20px !important;
    }
    .header-style-two .header-action ul > li > a {
        padding: 29px 20px !important;
    }
}


/*Page*/
.breadcrumb-bg::before {
    background: #214785 !important;
    opacity: 0.65 !important;
}
.breadcrumb-bg {
    padding: 130px 0px !important;
}
.services-thumb-three img {
    max-height: 250px !important;
    min-height: 250px;
}
.services-item-three:hover .services-icon svg {
    transform: rotateY(180deg);
}
.services-content-three .services-icon svg {
    transition: .3s linear;
}
.overlay-icon svg {
    fill: var(--tg-lavender);
    scale: 1.5;
}
.services-content-three .link-btn {
    margin: 15px 0px -15px 0px;
    display: block;
}
.about-list svg {
    padding-right: 5px;
}

/*Contact*/
.our-offices .elementor-widget-heading img {
    border:1px solid gray ;
    height:17px;
    vertical-align:baseline;
}
.our-offices .elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: var(--tg-primary-color);
}
.rodo p {
	margin: 15px 0px 10px 0px;
}
.rodo label {
	margin-bottom: 15px;
}
.rodo p, .rodo label, .wpcf7-not-valid-tip {
	font-size: 13px;
}
.rodo label {
    cursor: pointer;
}
.rodo .wpcf7-list-item {
    margin: 0px 5px 0px 0px;
    vertical-align: sub;
}
.rodo label .wpcf7-not-valid-tip {
    margin-left: 5px;
    display: inline;
}
.wpcf7-response-output {
	margin: 20px 0px 0px 0px !important;
  font-size: 13px;
  padding: 10px 15px !important;
}
.cta-whatsapp {
    position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
}

/*Lang Switcher*/
.language-switcher {
    position: relative;
}
.header-style-six .language-switcher {
    margin-left: 20px;
}
.header-style-two .language-switcher {
    width: 80px;
    border-left: 1px solid #d9d9d9;
}
.current-language {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.language-switcher .arrow {
    transition: transform 0.2s ease;
    color: #64a3d9;
    font-size: 0px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #64a3d7;
}
.language-switcher:hover .arrow {
    transform: rotate(180deg);
}
.other-languages {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 10;
    width: max-content;
}
.header-style-two .other-languages {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.other-languages a {
    display: block;
    margin-bottom: 8px;
    color: var(--tg-secondary-color);
}
.other-languages a:last-child {
    margin: 0px;
}
.language-switcher img {
    width: 30px;
    opacity: 0.6;
    height: 19px;
    object-fit: cover;
    margin: 0px 5px 0px 0px;
}
.language-switcher a:hover img, .current-language:hover img {
    opacity: 1;
}

/*JOB OFFERS*/
.countries-wrapper, .job-offers-wrapper {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    gap: 20px;
}
.country-box {
    height: 400px;
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
}
.country-box a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(33, 71, 133, 0.3);
    border-radius: 20px;
    transition: background-color 1s;
}
.country-box a:hover {
    background-color: rgba(33, 71, 133, 0.5);
}
.country-box h3 {
    color: white;
    margin: 0px;
    text-transform: uppercase;
    font-size: 35px;
}
.country-box .count {
    font-size: 13px;
    color: white;
}
.job-offer-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.job-offer-box {
    background: #f2f2f2;
    border-radius: 15px;
    overflow: hidden;
}
.job-offer-box .image {
    position: relative;
}
.job-offer-box .image img {
    max-height: 280px;
    min-height: 280px;
    object-fit: cover;
    width: 100%;
}
.job-offer-box .image:after {
    content: '';
    background: rgba(33, 71, 133, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}
.job-offer-box:hover .image i.fa-eye {
    opacity: 1;
}
.job-offer-box .image i.fa-eye {
    position: absolute;
    opacity: 0;
    transition: 1s opacity;
    left: 0;
    right: 0;
    text-align: center;
    top: 46%;
    background: #64a3d9;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    border-radius: 100%;
    color: white;
    z-index: 2;
}
.job-offer-box a, .job-offer-box a:hover {
    color: #323232;
    font-size: 16px;
}
.job-offer-box .info h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    font-size: 28px;
    margin: 0;
    color: #64a3d9;
}
.job-offer-box .info {
    padding: 20px;
}
.job-offer-box .info ul, .single-job-offer .info ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}
.job-offer-box .info ul li, .single-job-offer .info ul li {
    margin-bottom: 15px;
}
.job-offer-box .info ul li {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.job-offer-box .info ul i, .single-job-offer .info ul i {
    background: #64a3d9;
    color: white;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
}
.job-offer-box .country {
    position: absolute;
    right: 12px;
    top: 13px;
    background: white;
    border-radius: 15px;
    padding: 3px 15px;
    font-size: 13px;
    z-index: 9;
}
.job-offer-box .country i {
    margin-right: 3px;
}
.single-job-offer .flex {
    display: flex;
    gap: 30px;
}
.single-job-offer .images {
    width: 40%;
    border-radius: 15px;
    overflow: hidden;
}
.single-job-offer .images img {
    object-fit: cover;
    height: 100%;
}
.single-job-offer .info {
    width: 60%;
}
.single-job-offer .features-item {
    margin: 0px;
}
.single-job-offer .info ul {
    margin: 20px 0px;
}
.single-job-offer .job-description p:last-child {
    margin-bottom: 0px;
}
.single-job-offer #application-form h4 {
    margin: 10px 0px !important;
}
.single-job-offer #application-form .services-widget-form .form-grp input {
    height: auto;
}
.single-job-offer #application-form .wpcf7-radio input, .single-job-offer #application-form .wpcf7-checkbox input {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}
.single-job-offer #application-form .rodo p {
    margin-top: 0px;
}
.single-job-offer #application-form .submit-btn {
    height: auto;
    padding: 20px;
    margin-top: 30px;
}

/*BLOG*/
.blog-post-item-four {
    background: white;
}


@media only screen and (max-width: 767px){
    .services-fix-col .col-xl-3, .single-job-offer .images, .single-job-offer .info {
        width: 100%;
    }
    .single-job-offer .flex {
        flex-direction: column;
    }
    .countries-wrapper, .job-offers-wrapper {
        grid-template-columns: 100%;
    }
    .elementor-widget-tg-iconbox .justify-content-center {
        gap: 30px;
    }
    .header-style-two .language-switcher {
        padding: 30px 0px;
        border: 0px;
        width: auto;
    }
    .header-action ul li.header-search {
        display: none;
    }
    .header-action {
        margin-right: 10px !important;
    }
    .elementor-widget-tg-team .col-xl-3 {
        width: 50%;
    }
    .header-style-six .language-switcher {
        margin: 0px 10px 0px 0px;
    }
    body.rtl {
        .header-action {
            margin: auto auto 0 0 !important;
            padding-left: 10px;
        }
    }
}