/*!
Theme Name: lynk
Theme URI: https://lynk.world
Author: lynk
Author URI: https://lynk.world
Description: Description
Version: 1.2.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lynk
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body {font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; color: black;}
@media (min-width: 992px) {
    p {font-size: 18px;}
}
a{color: #000000;} a:hover {color: #F06522;}
a.no-underline {text-decoration: none;}
header {background-color: #ffffff; box-shadow: 0 1px 5px #00000026;}
header .navbar-brand img{width: 180px; transition: width 0.25s ease-in; }
.sticky-top {    transition: all 0.25s ease-in;}
/* style for when sitcky is applied */
.stuck header.sticky-top .navbar-brand img{ width: 130px;}
.stuck header.sticky-top {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.white {color: #ffffff;}
.orange {color: #F06522;}
h1 {font-weight: 900; font-size: 60px;}
h2 {font-weight: 700; font-size: 50px;}
h2 a {text-decoration: none;}
h2 small{font-size: 24px; font-weight: 500; display: block; color: #B7B7B7; text-transform: uppercase;}
h3 {font-weight: 700; font-size: 32px;}
h4 {font-weight: 900; font-size: 26px;}
h5 {font-weight: 700; font-size: 22px;}
h6 {font-size: 18px;}
p {margin-bottom: 1.5rem;}
div p:last-child {margin-bottom: 0;}
.p-24 {font-size: 24px; font-weight: 500;}
.p-18 {font-size: 18px; font-weight: 500;}
ul, ol {margin-bottom: 1.5rem;}
ul li, ol li {margin-bottom: 8px;}
.orange-brd {border-bottom: solid 1px #F06522;}
.big-block {font-size: 48px; color: #ffffff; font-weight: 300; border-left: solid 3px #ffffff; padding-left: 24px;}
.light-blue-bg {background-color: #63C8DF;}
.invester-bg {background-color: #effafc;}
.black-bg {background-color: #000000;}
.gray-bg {background-color: #F6F6F6;}
.form-control-lg {
    min-height: 56px;
    font-size: 18px;
}
.form-control, .form-label, .form-check-label {font-size: 18px;}
.form-label span {color: #B7B7B7;}
.py-100 {padding-top: 100px; padding-bottom: 100px;}
.py-75 {padding-top: 75px; padding-bottom: 75px;}
.py-80 {padding-top: 80px; padding-bottom: 80px;}
.py-68 {padding-top: 68px; padding-bottom: 68px;}
.my-68 {margin: 68px 0;}
.my-100 {margin: 100px 0;}

.mt-68 {margin-top: 68px;}

/* Navigation */
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color: #F06522;}
.navbar-nav .nav-item.active .nav-link {color: #F06522;}
.navbar-nav .nav-link {text-transform: uppercase;}
.navbar-nav .nav-item {margin-bottom: 0;}
.nav-link {color: #000000;}
.nav-link:focus, .nav-link:hover, .nav-link.active {color: #F06522;}
.right-canvas .nav-link {font-size: 20px; padding: 16px;}
.text-truncate.text-truncate--3{    display: -webkit-box !important; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  white-space: normal;  }
.text-truncate.text-truncate--5{    display: -webkit-box !important; -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;  white-space: normal;  }
.btn-more {font-weight: 500; color: #000000; border: 0; text-transform: uppercase;}
.btn-more:hover {color: #F06522;}
.btn-more span {margin-right: 15px; margin-top: -3px;}
.nav-left-item {border-top: solid 1px #63c8df;    padding-top: 20px;    margin: 0 16px;
    margin-top: 65%; font-size: 20px;}
footer {border-top: solid 1px #B7B7B7;}
footer .navbar-brand img {width: 180px;}
footer p {color: #5C6160; font-weight: 400; font-size: 16px;}
.footer-icon {color: #63C8DF; border: 1px solid #63C8DF; border-radius: 0;}
.footer-icon:hover {background-color: #F06522; color: #ffffff; border: 1px solid #F06522;}

.relative-section {position: relative;}
.Img-object-fit {width: 100%; display: block; height: 100vh; object-fit: cover;
    object-position: center center;}
.relative-text {position: absolute;    bottom: 80px;    left: 0; right: 0;}
.relative-text h1 {font-size: 50px; font-weight: 700;}
.relative-text h1 small {font-size: 24px; font-weight: 400; display: block;}
.relative-text h2 {font-size: 50px; font-weight: 700;}
.relative-text h2 small {font-size: 24px; font-weight: 400; display: block;}


.relative-text-top {position: absolute;    top: -450px;    left: 0; right: 0;}
.relative-text-top h1 {font-size: 50px; font-weight: 700;}
.relative-text-top h1 small {font-size: 24px; font-weight: 400; display: block;}
.relative-text-top h2 {font-size: 50px; font-weight: 700;}
.relative-text-top h2 small {font-size: 24px; font-weight: 400; display: block;}

.btn-dark {color: #ffffff; border: 1px solid #fff; padding:15px 60px 15px 30px; border-radius: 30px; background-color: #00000080; background-image: url(img/arrow_icon.svg); background-repeat: no-repeat; background-position: right 25px center;
    }
.btn-dark:hover {border-color: #F06522; background-color: #F06522;}
.btn-dark-large { font-size: 50px; font-weight: 700; color: #ffffff; border: 0; padding: 0px 75px 0px 30px; border-radius: 65px; background-color: #00000080; background-image: url(img/arrow_icon.svg); background-repeat: no-repeat;  background-position: right 30px center; background-size: 28px auto;
}
.btn-dark-large:hover {border-color: #F06522; background-color: #F06522;}
.btn-black {color: #000000; border: 1px solid #000000; padding:17px 60px 17px 30px; border-radius: 30px; background-color: #ffffff; background-image: url(img/black-arrow.svg); background-repeat: no-repeat; background-position: right 25px center; line-height: 1.2; min-width: 160px;
}
.btn-black:hover {color: #ffffff; border-color: #F06522; background-color: #F06522; background-image: url(img/arrow_icon.svg);}


.btn-gray {color: #000000; border: 1px solid #707070; padding:17px 35px; border-radius: 30px; background-color: #ffffff; line-height: 1.2; }
.btn-gray:hover {color: #ffffff; border-color: #F06522; background-color: #F06522; }
.btn-back {color: #ffffff; border: 1px solid #000000; padding:10px 15px 10px 30px; border-radius: 30px; background-color: #000000; background-image: url(img/arro_back.svg); background-repeat: no-repeat; background-position: left 0 center;
}
.btn-back:hover {color: #F06522;}
.btn-transperant {color: #ffffff; border: 1px solid #fff; padding:17px 60px 17px 30px; border-radius: 30px; background-color: transparent; background-image: url(img/arrow_icon.svg); background-repeat: no-repeat; background-position: right 25px center; line-height: 1.2; min-width: 160px;}
.btn-transperant:hover {border-color: #F06522; background-color: #F06522; color: #ffffff;}
.btn-download {color: #000000; border: 1px solid #000000; padding:17px 50px 17px 30px; border-radius: 30px; background-color: #ffffff; background-image: url(img/download_icon.svg); background-repeat: no-repeat; background-position: right 25px center; line-height: 1.2;
}
.btn-download:hover {color: #ffffff; border-color: #F06522; background-color: #F06522; background-image: url(img/download_icon_h.svg);}
.btn-dropmenu {color: #000000; border: 1px solid #000000; padding: 12px 60px 12px 25px; border-radius: 30px; background-color: #ffffff; background-image: url(img/down_arrow.svg); background-repeat: no-repeat; background-position: right 25px center; line-height: 1.2; background-size: 10px;
}
.btn-dropmenu:hover {border: 1px solid #000000;}
.btn-dropmenu.dropdown-toggle::after {display: none;}

.btn.loadMoreBtn { color: #000; border: 1px solid #707070;  padding: 17px 35px; border-radius: 30px;
    background-color: #fff; line-height: 1.2; display: flex;  width: 170px; justify-content: center; margin: 68px auto;
}
.btn.loadMoreBtn:hover {    text-decoration: none;    color: #fff;    border-color: #F06522;    background-color: #F06522;
}
.career_bg {background-image: url(img/home_career_img.jpg); background-position: right top; background-repeat: no-repeat; min-height: 396px; background-size:50% 100%;}
.logo-bg {background-image: url(img/lynk_logo_bg.png); background-position: center left 3%; background-repeat: no-repeat;}
.anchor {    display: block;    height: 150px;    margin-top: -150px;    visibility: hidden; }
.video-section {position: relative;}
.video-section .video-btn-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
    max-width: 10%;
    z-index: 1;
}

/* hero image*/
.hero_bg_what_we_do {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/what_we_do_hero.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.hero_bg_how_we_do_it {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/what_we_do_hero.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.hero_bg_partners {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 86%), url(img/partners_hero.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hero_bg_news {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/news_hero.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hero_bg_careers {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 86%), url(img/careers_hero.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
@media (max-width: 767px){ .hero_bg_careers { background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/careers_hero_mobile.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } }
.hero_bg_ourteam {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/what_we_do_hero.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.hero_bg_the_human_impact {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/the_human_impact_hero.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.hero_bg_blog {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%), url(img/news_hero.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hero_bg_contact {height: 80.20vh; background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 86%), url(img/contact_hero.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

/* Career page*/
.career_card .card {cursor: pointer; box-shadow: none!important; background-color: transparent;}
.career_card .card:hover .card-body h5{color: #F06522;}
.career_card .card-body {padding: 30px 0; border-bottom: solid 1px #F06522;}
.career-heading {font-weight: 300; font-size: 40px;}

/*  Our Team Page */
.leadership-section .card { cursor: pointer; transition: box-shadow .2s ease-in-out; border: 0; border-radius: 0; overflow: hidden; }
.leadership-section .card .box-overflow { width: 261px; overflow: hidden; margin: 0 auto; border-radius: 0; position: relative; }
.leadership-section .card .card-img-top { border-radius: 0; transition: transform .2s ease-in-out; transform: scale(1); }
.leadership-section .card:hover .card-img-top {    transform: scale(1.1);}
.leadership-section .card-body {position: absolute;    bottom: 0;    height: 50%;    width: 100%; padding: 24px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%); }
.leadership-section .card-title {font-size: 22px; color: #ffffff;}
.leadership-section .card:hover .card-title {color: #F06522;}

#lt-box .modal-content {border-radius: 0; }
#lt-box .modal-header {border: 0px; border-radius: 0; padding: 16px 16px 3px 16px;}
#lt-box .close {font-size: 45px; line-height: 30px;}
#lt-box .modal-body h5{ font-size: 32px; color: #051f48;}  
#lt-box .modal-body h6{ font-size: 24px; color: #051f48;}
#lt-box .scroll-box {max-height: 70vh; overflow-y: scroll;}
#lt-box .modal-body p {font-size: 16px; line-height: 24px;}
#lt-box .modal-body p.pt-1 {padding-top: 10px !important;}
#lt-box .modal-body a.social-icon {font-size: 22px; margin-right: 11px;}
#lt-box .modal-body a.social-icon:hover{text-decoration: none; color: #218bbc;}
#lt-box .modal-footer {padding: 0 .75rem; border: 0; border-radius: 0;}
#lt-box .modal-footer .btn {padding: 0rem .75rem .75rem; border: 0;}
/* width */
#lt-box .modal-content ::-webkit-scrollbar {  width: 10px;}
/* Track */
#lt-box .modal-content ::-webkit-scrollbar-track {  background: #ffffff; }
/* Handle */
#lt-box .modal-content ::-webkit-scrollbar-thumb {  background: #707070;  border-radius: 10px; }
/* Handle on hover */
#lt-box .modal-content ::-webkit-scrollbar-thumb:hover {  background: #303030; }
#lt-box h2.box-title {font-size: 20px; color: #25b0f0;}
#lt-box ul.bio-title { list-style: none; padding-left: 65px;}
#lt-box ul.bio-title li {font-size: 16px; padding-bottom: 10px; color: #000000;}
#lt-box .icon-box {width: 56px; text-align: center; flex-shrink: 0!important;}

/* News Page */ 
#news_link .nav-item .nav-link {padding: 0 5px; font-size: 20px; line-height: 28px; font-weight: 700; margin: 0 10px; color: #000000;}
#news_link .nav-item:not(:last-child) {border-right: 1px solid #000000;}
#news_link .nav-item .nav-link.active, #news_link .nav-item .nav-link:hover {color: #F06522; border-bottom: solid 1px #F06522;}
.news_card .card {cursor: pointer; box-shadow: none!important; background-color: transparent;}
.news_card .card .card-body h5{font-size: 26px; overflow: hidden;}
.news_card .card:hover .card-body h5{color: #F06522;}
.news_card .card-body {padding: 30px 0; border-bottom: solid 1px #F06522;}
.news-heading {font-weight: 300; font-size: 40px;}

/* Contact Page */ 

#contact_link .nav-item .nav-link {padding: 0 5px; font-size: 20px; line-height: 28px; font-weight: 700; margin: 0 10px; color: #B7B7B7;}
#contact_link .nav-item .nav-link.active, #contact_link .nav-item .nav-link:hover {color: #000000; border-bottom: solid 1px #F06522;}

#myTab {border:0;}
@media (max-width: 767px){
#myTab {
    margin-left: -15px ;
}
}
#myTabContent input[type='checkbox']{scale: 1.4;}
#myTabContent input[type='radio']{scale: 1.4;}
#myTabContent .form-check {padding-left: 0;}
#myTabContent .wpcf7-list-item {margin: 0 1em 0 0.3em;}
#myTabContent .wpcf7-list-item-label {padding-left: 5px;}
#myTab .nav-item .nav-link {border:0; padding: 0 5px; font-size: 20px; line-height: 28px; font-weight: 700; margin: 0 10px; color: #B7B7B7;}
#myTab .nav-item .nav-link.active, #myTab .nav-item .nav-link:hover {color: #000000; border:0; border-bottom: solid 1px #F06522;}

#myBtn {
    display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none;
    outline: none; background-color: #F06522; color: white; cursor: pointer; padding: 15px; border-radius: 50px;
}
#myBtn:hover {
  background-color: #555;
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding: 0.5rem 1.5rem;}
    .ng-margin-66 {margin-top: -66px !important; margin-bottom: -66px !important;}
    .leadership-section .gx-lg-160 {--bs-gutter-x: 160px;}
    .leadership-section .gy-lg-60 {--bs-gutter-y: 60px;}
    #news_link .nav-item .nav-link {padding: 0 15px; font-size: 26px; margin: 0 20px; line-height: 38px;}
    #contact_link .nav-item .nav-link {padding: 0 30px; font-size: 22px; margin: 0 25px; line-height: 34px;}
    #contact_link .nav-item:first-child .nav-link{margin: 0;}

    #myTab .nav-item .nav-link {padding: 0 30px; font-size: 22px; margin: 0 22px; line-height: 34px;}
    #myTab .nav-item:first-child .nav-link{margin-left: 0;}
    .news_card .card .card-body h5{min-height: 96px;}
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767px) { 
    .relative-text h1 {font-size: 30px; font-weight: 700;}
    .relative-text h1 small {font-size: 20px; font-weight: 400; display: block;}
    .relative-text h2 {font-size: 30px; font-weight: 700;}
    .relative-text h2 small {font-size: 20px; font-weight: 400; display: block;}

    .relative-text-top h1 {font-size: 30px; font-weight: 700;}
    .relative-text-top h1 small {font-size: 20px; font-weight: 400; display: block;}
    .relative-text-top h2 {font-size: 30px; font-weight: 700;}
    .relative-text-top h2 small {font-size: 20px; font-weight: 400; display: block;}
    .p-24 {font-size: 20px; font-weight: 500;}
    .btn-more {padding-left: 0;}
    h1 {font-weight: 900; font-size: 30px;}
    h2 {font-weight: 700; font-size: 30px;}
    h2 a {text-decoration: none;}
    h2 small{font-size: 20px; font-weight: 500; display: block; color: #B7B7B7; text-transform: uppercase;}
    h3 {font-weight: 700; font-size: 26px;}
    h4 {font-weight: 900; font-size: 22px;}
    .big-block {font-size: 26px; }
    #news_link {width: 50%; }
    #news_link .nav-item:not(:last-child) {  border-right: 0px; }
    #contact_link {width: 80%; }
    
 }

 .play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
  }
  .play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
  }
  .play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
  }
  .checkbox-lg .form-check-input{
    top: .8rem;
    scale: 1.4;
    margin-right: 0.7rem;
    }
   
   /*.checkbox-lg .form-check-label {
    padding-top: 13px;
    }*/