
@font-face {
    font-family: 'Brittany Signature';
    src: url('../fonts/BrittanySignatureRegular.eot');
    src: url('../fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),
        url('../fonts/BrittanySignatureRegular.woff') format('woff'),
        url('../fonts/BrittanySignatureRegular.ttf') format('truetype'),
        url('../fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.eot');
    src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
         url('../fonts/BebasNeue-Regular.woff') format('woff'),
         url('../fonts/BebasNeue-Regular.ttf')  format('truetype'),
         url('../fonts/BebasNeue-Regular.svg#Bebas Neue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ballpoint Signature';
    src: url('../fonts/BallpointSignature.eot');
    src: url('../fonts/BallpointSignature.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BallpointSignature.woff2') format('woff2'),
        url('../fonts/BallpointSignature.woff') format('woff'),
        url('../fonts/BallpointSignature.ttf') format('truetype'),
        url('../fonts/BallpointSignature.svg#BallpointSignature') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trully Signature Trial';
    src: url('../fonts/TrullySignatureTrial.eot');
    src: url('../fonts/TrullySignatureTrial.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrullySignatureTrial.woff2') format('woff2'),
        url('../fonts/TrullySignatureTrial.woff') format('woff'),
        url('../fonts/TrullySignatureTrial.ttf') format('truetype'),
        url('../fonts/TrullySignatureTrial.svg#TrullySignatureTrial') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*--------main color typhography--------*/
:root {
    --sk-primary: #025630;
    --sk-secondary: #8DC63F;
    --sk-text: #000000;
    --sk-white: #ffffff;
    --sk-black: #000000;
    --sk-gray: #F5F5F5;
    --sk-border: #D5D5D5;
    --sk-light-green: #EFF7E4;
    --sk-light-gray: #FAFAFA;
    --sk-skeen: #F7F7F7;
}
/*--------End main color typhography--------*/

*, ::after, ::before {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-text);
    font-size: 16px;
    line-height: 26px;
}

h1,h2,h3,h4,h5,h6,.font-40,div.maxtitle-1,p.maxtitle-1,div.maxtitle-2,p.maxtitle-2,div.maxtitle-3,p.maxtitle-3,div.maxtitle-4,p.maxtitle-4,div.maxtitle-5,p.maxtitle-5,div.maxtitle-6,p.maxtitle-6 {
    margin: 0 0 20px 0;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--sk-primary);
    font-weight: 700;
    font-family: "mencken-std-head",sans-serif;
}

h1,
h1.maxtitle-1,
h2.maxtitle-1,
h3.maxtitle-1,
h4.maxtitle-1,
h5.maxtitle-1,
h6.maxtitle-1,
div.maxtitle-1,
p.maxtitle-1 {
    font-size: 51px;
    line-height: 62px;
}
h2,
h1.maxtitle-2,
h2.maxtitle-2,
h3.maxtitle-2,
h4.maxtitle-2,
h5.maxtitle-2,
h6.maxtitle-2,
div.maxtitle-2,
p.maxtitle-2  {
    font-size: 35px;
    line-height: 46px;
}
h3,
h1.maxtitle-3,
h2.maxtitle-3,
h3.maxtitle-3,
h4.maxtitle-3,
h5.maxtitle-3,
h6.maxtitle-3,
div.maxtitle-3,
p.maxtitle-3  {
    font-size: 26px;
    line-height: 32px;
}
h4,
h1.maxtitle-4,
h2.maxtitle-4,
h3.maxtitle-4,
h4.maxtitle-4,
h5.maxtitle-4,
h6.maxtitle-4,
div.maxtitle-4,
p.maxtitle-4 {
    font-size: 22px;
    line-height: 28px;
}
h5,
h1.maxtitle-5,
h2.maxtitle-5,
h3.maxtitle-5,
h4.maxtitle-5,
h5.maxtitle-5,
h6.maxtitle-5,
div.maxtitle-5,
p.maxtitle-5 {
    font-size: 20px;
    line-height: 26px;
}
h6,
h1.maxtitle-6,
h2.maxtitle-6,
h3.maxtitle-6,
h4.maxtitle-6,
h5.maxtitle-6,
h6.maxtitle-6,
div.maxtitle-6,
p.maxtitle-6 {
    font-size: 18px;
    line-height: 24px;
}
p {
    margin:0 0 20px;
}
strong {
    font-weight: 700;
}
ul,ol {
    padding:0 0 0 20px;
    margin: 0px 0px 20px;
}
ul li,ol li {
    margin: 0 0 0px;
    padding: 0px;
}
a { 
    color: var(--sk-secondary);
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a:hover, a:visited, a:focus{
    text-decoration: none;
    outline: none;
} 
a:hover {
    color: var(--sk-primary);
    text-decoration: none;
}  
img {
    max-width: 100%;
    height: auto;
}
input, textarea, a, img {
    outline: none !important;
    resize: none;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance:textfield;
}
section:before, section:after{
    clear: both;
    display: table;
    content: "";
}
section{
    position: relative;
    clear: both;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.text-up {
    text-transform: uppercase;
}
/*input[type="text"] , input[type="password"] , input[type="email"] , input[type="url"] , input[type="phone"] , textarea{
    border: 1px solid #58646a;
    width: 100%;
    padding: 0 20px;
    background: #ffffff;
    //height: 42px;
}*/

/*textarea{
    height: 150px;
    resize: none;
    padding: 20px;
}*/
table{  
    margin-bottom: 0px;
    overflow-x: auto;
}
td , th{
    padding: 10px 20px;
    border-right: 1px solid #e1e1e1;
}
th,tr{  
    border: 1px solid #e1e1e1;
}
button:focus {
    outline: none;
}

.btn-outer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.btn-outer.right-align {
    justify-content: flex-end;
}
.btn-outer.center-align {
    justify-content: center;
}
.main-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 17px 36px 16px;
    background-color: var(--sk-secondary);
    box-shadow: none;
    border-radius: 0px;
    border: none;
    color: var(--sk-text);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
    font-size: 15px;
    line-height: 18px;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.main-btn.light-btn {
    border: 1px solid var(--sk-text);
    background-color: transparent;
}
.main-btn.white-btn {
    background-color: var(--sk-white);
    color: var(--sk-text);
}
.main-btn.white-btn:before {
    border-bottom-color: var(--sk-secondary);
}
.main-btn i {
    position: relative;
    display: inline-flex;
    margin-left: 10px;
}
.main-btn i img {
    width: 14px;
    height: auto;
    transition: all 0.3s ease-out;
}
.hover-icon {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.main-btn:hover .normal-icon {
    opacity: 0;
}
.main-btn:hover .hover-icon {
    opacity: 1;
}
.main-btn span {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}
.main-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--sk-text);
    transform: translateX(-100%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: -1;
}
.main-btn:hover:before {
    transform: translateX(0);
}
.main-btn:hover {
  color: var(--sk-white);
  text-decoration: none;
}
.main-btn:focus {
    outline: none;
}
.content-title,
.content-row,
.content-info,
.content-blog,
.content-img {
    position: relative;
    width: 100%;
}
.content-middle .row > [class^="col-"] {
    align-self: center;
}
.content-bottom .row > [class^="col-"] {
    align-self: flex-end;
}
.center-align {
    text-align: center;
}
.right-align {
    text-align: right;
}
.gallery-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}
.gallery-item img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-out;
}
.gallery-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.scroll-top {
    position: fixed;
    display: inline-block;
    width: 40px;
    height: 40px;
    bottom: 70px;
    right: 15px;
    background-color: var(--sk-primary);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.scroll-top:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    background: url(../images/angle-up.svg) no-repeat center;
    background-size: contain;
}
.scroll-top.sticky {
    opacity: 1;
    visibility: visible;
}
.equal-column > .row > [class^="col-"] {
    flex: 1;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0px;
   padding-left: 0;
}
.grid-55 > .row {
    margin-left: -55px;
    margin-right: -55px;
}
.grid-55 > .row > [class^="col-"]{
    padding-left: 55px;
    padding-right: 55px;
}
.grid-47.row,
.grid-47 > .row {
    margin-left: -47px;
    margin-right: -47px;
}
.grid-47.row > [class^="col-"],
.grid-47 > .row > [class^="col-"]{
    padding-left: 47px;
    padding-right: 47px;
}
.grid-50 > .row {
    --bs-gutter-x: 97px;
}
.grid-45 > .row {
    margin-left: -45px;
    margin-right: -45px;
}
.grid-45 > .row > [class^="col-"]{
    padding-left: 45px;
    padding-right: 45px;
}
.grid-40 > .row {
    margin-left: -40px;
    margin-right: -40px;
}
.grid-40 > .row > [class^="col-"]{
    padding-left: 40px;
    padding-right: 40px;
}
.grid-36 > .row,
.grid-36.row {
    margin-left: -36px;
    margin-right: -36px;
}
.grid-36 > .row > [class^="col-"],
.grid-36.row > [class^="col-"]{
    padding-left: 36px;
    padding-right: 36px;
}
.grid-35 > .row {
    margin-left: -35px;
    margin-right: -35px;
}
.grid-35 > .row > [class^="col-"]{
    padding-left: 35px;
    padding-right: 35px;
}
.grid-33 > .row {
    margin-left: -33px;
    margin-right: -33px;
}
.grid-33 > .row > [class^="col-"]{
    padding-left: 33px;
    padding-right: 33px;
}
.grid-26 > .row {
    margin-left: -26px;
    margin-right: -26px;
}
.grid-26 > .row > [class^="col-"]{
    padding-left: 26px;
    padding-right: 26px;
}
.grid-20 > .row {
    margin-left: -20px;
    margin-right: -20px;
}
.grid-20 > .row > [class^="col-"]{
    padding-left: 20px;
    padding-right: 20px;
}
.grid-10 > .row {
    margin-left: -10px;
    margin-right: -10px;
}
.grid-10 > .row > [class^="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color span,
.white-color {
    color: var(--sk-white);
}
.black-color {
    color: var(--sk-text);
}
.bg-black {
    background-color: var(--sk-text);
}
.bg-green {
    background-color: var(--sk-primary);
}
.bg-parrot {
    background-color: var(--sk-secondary);
}
.bg-light-green {
    background-color: var(--sk-light-green);
}
.bg-light-gray {
    background-color: var(--sk-light-gray);
}
.bg-skeen {
    background-color: var(--sk-skeen);
}
/*---------header-part---------*/

.main-part {
    position: relative;
}
.main-area,
.main-area:not(.main-vertical)>.container,
.main-content-wrap,
.main-col,
.main-element {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.main-area {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: stretch
}
.main-content-wrap {
    width: 100%;
}
.main-col {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.main-col.main-left-col {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.main-col.main-center-col,
.main-area .main-element {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.main-col.main-right-col {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.main-col:empty {
    display: none
}

.main-area.main-content-top .main-col {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.main-area.main-content-middle .main-col,
.main-area .main-element {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.main-area.main-content-bottom .main-col {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.row,
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 30px;
}

.header-part {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 18px 15px;
    background-color: transparent;
}
body.logged-in.admin-bar .header-part {
    top:32px;
}
.header-part.sticky {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: var(--sk-text);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35);
}
.header-logo {
    position: relative;
    display: flex;
}
.header-logo img {
    width: 229px;
    height: auto;
}
.main-menu {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.main-menu > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0;
    margin: 0 0 0 45px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.main-menu > li:first-child {
    margin-left: 0;
}
.main-menu > li > a {
    display: inline-block;
    position: relative;
    color: var(--sk-white);
    font-size: 13px;
    line-height: 16px;
    padding: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} 
.main-menu > li:hover > a,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
    color: var(--sk-secondary);
}
.main-menu > li.menu-btn > a {
    padding: 7px 11px 7px 11px;
    color: var(--sk-text);
    background-color: var(--sk-white);
    border: 1px solid var(--sk-secondary);
    font-weight: 400;
    border-radius: 0px;
    overflow: hidden;
}
.main-menu > li.menu-btn {
    margin-left: 27px;
}
.main-menu > li:nth-last-child(3),
.main-menu > li:nth-last-child(2) {
    margin-left: 33px;
}
.main-menu > li:nth-last-child(3) > a,
.main-menu > li:nth-last-child(2) > a {
    text-transform: initial;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.main-menu > li:nth-last-child(3):before {
    position: relative;
    content: '';
    display: inline-block;
    width: 1px;
    height: 36px;
    background-color: #EEEEEE;
    margin-right: 27px;
}
.main-menu > li.menu-btn > a span {
    position: relative;
    z-index: 1;
}
.main-menu > li.menu-btn > a:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--sk-secondary);
    transform: translateX(-100%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: 0;
}
.main-menu > li.menu-btn > a:hover {
    color: var(--sk-white);
}
.main-menu > li.menu-btn > a:hover:before {
    transform: translateX(0);
}
.main-menu > li ul {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    margin: 0px;
    min-width: 220px;
    background-color: var(--sk-white);
    padding: 20px 20px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
    list-style-type: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    transition: all 0.0s ease-out;
}
.main-menu li:hover > ul{
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    height: auto;
    display: block;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: all 0.3s ease-out;
}
.main-menu li li {
    padding: 0px 0px;
    margin: 0;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.main-menu li li a {
    position: relative;
    display: inline-block;
    color: var(--sk-text);
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.main-menu  li li.current-menu-item > a,
.main-menu li li:hover > a {
    color: var(--sk-secondary);
}
.drop-nav-arrow {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease-out;
}
.drop-nav-arrow:after {
    position: absolute;
    content: '';
    right: 0;
    top: -1px;
    width: 100%;
    height: 100%;
    background: url(../images/angle-up.svg) no-repeat center;
    background-size: 12px;
    transform: rotate(180deg);
    background-position: left;
}
.without-header .drop-nav-arrow:after {
    background: url(../images/angle-up-black.svg) no-repeat center;
    background-position: left;
    background-size: 12px;
}
.without-header .main-menu > li:hover > .drop-nav-arrow:after,
.without-header .main-menu > li.current-menu-ancestor > .drop-nav-arrow:after,
.without-header .main-menu > li.current-menu-item > .drop-nav-arrow:after,
.main-menu > li:hover > .drop-nav-arrow:after,
.main-menu > li.current-menu-item > .drop-nav-arrow:after {
    background: url(../images/angle-up-parrot.svg) no-repeat center;
    background-position: left;
    background-size: 12px;
}
/*------mobile-menu-------*/
body.sk-hidden  {
    overflow: hidden;
}
.mobile-header {
    display: none;
}
.desktop-header,
.mobile-header {
    width: 100%;
}
.canvas-menu .sk-dropdown-toggle {
    width: 32px;
    height: 18px;
    position: relative;
    display: inline-block;
}
.canvas-menu .sk-dropdown-toggle span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    top: 8px;
    height: 3px;
    background-color: var(--sk-white);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}
.canvas-menu .sk-dropdown-toggle span:before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    top: -8px;
    width: 100%;
    height: 3px;
    background-color: var(--sk-white);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}
.canvas-menu .sk-dropdown-toggle span:after {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    top: 8px;
    width: 100%;
    height: 3px;
    background-color: var(--sk-white);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}
.canvas-menu .sk-dropdown-toggle.open span {
    transform: translate3d(0,0px,0) rotate(45deg);
}
.canvas-menu .sk-dropdown-toggle.open span:before {
    transform: rotate(-45deg) translate3d(8px,-8px,0);
    opacity: 0;
}
.canvas-menu .sk-dropdown-toggle.open span:after {
    transform: translate3d(0,-8px,0) rotate(-90deg);
}
.canvas-menu .sk-dropdown-toggle::after {
    display: none;
}
.mobile-header .canvas-menu,
.mobile-header .main-left-col {
    z-index: 99999;
}
.sk-offcanvas-content {
    position: fixed;
    left: 0;
    width: 100%;
    max-width: 100%;
    top: -100%;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    background-color: var(--sk-text);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    transition: all 0.35s;
}
.sk-offcanvas-content.open {
    top: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
} 
.sk-offcanvas-content .wp-sidebar {
    overflow-x: hidden;
    height: 100%;
    padding: 0px;  
    margin: 0;
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    margin: auto;
    padding: 170px 30px 30px;
}
ul.sk-mobile-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.sk-nav-menu > li {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    float: left;
    display: inline-block;
    padding: 0;
}
ul.sk-mobile-menu > li {
    position: relative !important;
    display: block;
    width: 100%;
    padding: 10px 0;
}
ul.sk-mobile-menu > li > a {
    color: var(--sk-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    position: relative;
    display: block;
    letter-spacing: 0;
    text-decoration: none;
}
ul.sk-mobile-menu > li.menu-btn {
    margin-top: 30px;
}
ul.sk-mobile-menu > li.menu-btn > a {
    padding: 7px 11px 7px 11px;
    color: var(--sk-text);
    background-color: var(--sk-white);
    border: 1px solid var(--sk-secondary);
    font-weight: 400;
    border-radius: 0px;
    overflow: hidden;
    display: inline-block;
}
ul.sk-mobile-menu > li.menu-btn > a span {
    position: relative;
    z-index: 1;
}
ul.sk-mobile-menu > li.menu-btn > a:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--sk-secondary);
    transform: translateX(-100%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: 0;
}
ul.sk-mobile-menu > li.menu-btn > a:hover:before {
    transform: translateX(0);
}
ul.sk-mobile-menu > li.current-menu-item > a,
ul.sk-mobile-menu > li li.current-menu-item > a, 
ul.sk-mobile-menu > li.current-menu-ancestor > a {
    color: var(--sk-secondary);
} 
ul.sk-mobile-menu > li.menu-btn > a:hover {
    color: var(--sk-white);
}
ul.sk-mobile-menu > li.menu-item-has-children .caret {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    right: 0;
    top: 9px;
}
ul.sk-mobile-menu > li.menu-item-has-children .caret:after {
    position: absolute;
    content: '';
    background: url(../images/angle-right-white.svg) no-repeat center;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
    width: 15px;
    height: 18px;
}
.without-header ul.sk-mobile-menu > li.menu-item-has-children .caret:after {
    background: url(../images/angle-right.svg) no-repeat center;
    background-size: contain;
}
ul.sk-mobile-menu > li.menu-item-has-children.menu-active .caret:after {
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
}
ul.sk-mobile-menu ul.sub-menu {
    list-style: none;
    margin: auto;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    display: none;
    width: 100%;
    padding: 20px 0px 0;
    padding-left: 20px;
}
ul.sk-nav-menu > li .sub-menu li {
    padding: 3px 0;
    display: block;
    border-bottom: none;
}
ul.sk-mobile-menu > li li a {
    padding: 0px 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: initial;
    color: var(--sk-white);
    position: relative;
    display: block;
    box-shadow: none;
    text-decoration: none;
}
.without-header ul.sk-mobile-menu > li li a {
    color: var(--sk-text);
}
ul.sk-mobile-menu > li.current-menu-item > a,
ul.sk-mobile-menu > li li.current-menu-item > a, 
ul.sk-mobile-menu > li.current-menu-ancestor > a,
.without-header ul.sk-mobile-menu > li li.current-menu-item > a{
    color: var(--sk-secondary);
} 
/*-------------end-----------------*/

/*---------main-part---------*/
body.sk-hidden {
    overflow: hidden;
}
.hero-banner {
    position: relative;
    padding: 200px 0 80px;
    overflow: hidden;
}
.hero-background {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 124%;
    height: 109%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.hero-caption {
    position: relative;
    display: block;
    z-index: 2;
}
.max-width-1170 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.hero-caption .sub-title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 9px;
}
.sub-title {
    position: relative;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
}
.hero-caption h1,
.hero-caption .sub-title {
    color: var(--sk-white);
}
.hero-caption h1 {
    margin-bottom: 28px;
    font-size: 57px;
    line-height: 71px;
}
.hero-gradient-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(2, 86, 48, 0.26) 70%, var(--sk-primary));
    mix-blend-mode: multiply;
}
.dark-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 1.0));
    mix-blend-mode: multiply;
}
.hero-img {
    position: relative;
    width: 100%;
    z-index: 2;
    text-align: center;
    padding: 17px 60px 0px;
}
.max-width-703 {
    max-width: 703px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.max-width-909 {
    max-width: 909px;
}
.meet-team-img {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}
.meet-team-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.meet-team-blog {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #EFEFEF;
    padding: 91px 56px 71px 75px;
    flex-direction: column;
    justify-content: space-between;
}
.meet-team-blog .content-title h2 {
    color: var(--sk-primary);
    font-weight: 700;
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 32px;
}
.meet-team-blog .content-title h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 31px;
    height: 4px;
    background-color: var(--sk-secondary);
    display: flex;
}
.meet-team-blog .content-title p {
    max-width: 724px;
}
.meet-btn-outer {
    position: relative;
    display: flex;
    min-height: 206px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    margin-top: 73px;
}
.meet-btn-outer:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-secondary);
    transition: all 0.3s ease-out;
    border-radius: 30px;
    mix-blend-mode: multiply;
    opacity: 0;
}
.meet-btn-outer:hover:before {
    opacity: 1;
}
.meet-btn-outer .read-more {
    color: var(--sk-white);
    font-size: 68px;
    line-height: 81px;
    font-weight: 800;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.meet-btn-outer .read-more:hover {
    color: var(--sk-white);
}
.meet-btn-outer .read-more span {
    background-color: transparent;
    width: auto;
    height: auto;
    margin-left: 60px;
}
.meet-btn-outer .read-more span img {
    width: 47px;
}
.title-with-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #E9EDEB;
}

.title-with-btn .view-all {
    margin-bottom: 20px;
}
.view-all {
    position: relative;
    display: inline-flex;
    color: var(--sk-secondary);
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
}
.news-blog {
    position: relative;
    display: flex;
    gap: 24px;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #E9EDEB;
    margin-bottom: 50px;
}
.news-blog:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.news-blog .gallery-item {
    width: 368px;
    min-width: 368px;
}
.news-info {
    position: relative;
    width: 100%;
}
.news-meta {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: var(--sk-text);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 11px;
}
.news-meta img {
    width: 41px;
    min-width: 41px;
    margin-right: 10px;
}
.news-info h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 16px;
}
.news-info h3 a {
    color: var(--sk-primary);
    text-decoration: none;
}
.news-info h3 a:hover {
    color: var(--sk-secondary);
}
.recent-article {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--sk-white);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
    padding: 26px 27px 0 21px;
    border-top: 4px solid var(--sk-primary);
}
.recent-article-heading h3 {
    color: var(--sk-black);
    font-size: 26px;
    line-height: 35px;
    padding-bottom: 17px;
    position: relative;
    margin-bottom: 15px;
}
.recent-article-heading h3:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 31px;
    height: 4px;
    background-color: var(--sk-secondary);
}
.recent-article-icon {
    position: absolute;
    right: 10px;
    top: 16px;
}
.recent-article-blog {
    position: relative;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px dashed #B7B7C0;
}
.recent-article-blog .post-date {
    margin-bottom: 15px;
}
.recent-article-blog h3 {
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    margin-bottom: 0px;
}
.recent-article-blog *:last-child {
    margin-bottom: 0;
    margin-top: 5px;
}
.recent-article-blog p:empty {
    display: none;
}
.recent-article-blog p {
    font-size: 14px;
    line-height: 20px;
}
.recent-article-blog:last-child {
    border-bottom: none;
}
.recent-article-blog h3 a {
    color: var(--sk-primary);
    text-decoration: none;
}
.recent-article-blog h3 a:hover {
    color: var(--sk-secondary);
}
.full-width-post {
    position: relative;
    width: 100%;
    display: flex;
}
.full-width-post .gallery-item {
    width: 47%;
}
.full-width-post .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 600px;
}
.full-width-post .post-info {
    width: 53%;
    text-align: left;
    padding: 0px 100px 0px 68px;
}
.full-width-post .post-info .maxtitle-1 {
    max-width: 722px;
}
.full-width-post .post-info .maxtitle-1 a {
    color: var(--sk-primary);
    text-decoration: none;
}
.full-width-post .post-info .post-meta {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.1em;
}
.full-width-post .post-info p {
    max-width: 624px;
}
.max-width-598 {
    max-width: 598px;
}
.max-width-727 {
    max-width: 727px;
}
.two-col-img {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 53px;
    margin-top: -165px;
    width: 100%;
}
.two-col-img img {
    max-width: 50%;
}
.max-width-1250 {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}
.sub-header {
    margin-top: -110px;
    margin-bottom: 140px;
}
.sub-header h2 {
    font-size: 46px;
    line-height: 56px;
    font-weight: 400;
    margin-bottom: 25px;
}
.scroll-down {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 38px;
    transform: translateX(-50%);
    width: 30px;
    display: flex;
    align-items: center;
}
.scroll-down img {
    width: 15px;
}
.content-title h2 {
    font-weight: 400;
    color: var(--sk-text);
}
.content-title h2 strong {
    font-weight: bold;
    color: var(--sk-secondary);
}
.font-normal * {
    font-weight: 400;
}
.max-width-1126 {
    max-width: 1126px;
    margin-left: auto;
    margin-right: auto;
}
.video-div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 703px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 572px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 41px;
    margin-top: -103px;
}
.circular-content-row {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1142px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--sk-gray);
    padding: 62px 50px 45px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.circular-content-img {
    position: relative;
    display: block;
    width: 621px;
    height: 621px;
}
.circular-content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.circular-center-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 218px;
    height: 218px;
    border: 4px solid var(--sk-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.circular-center-content:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-secondary);
    mix-blend-mode:  multiply;
    border-radius: 50%;
    display: block;
    z-index: 1;
}
.circular-center-content img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.circular-center-content h3 {
    color: var(--sk-white);
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    font-family: "proxima-nova",sans-serif;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.circular-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.circular-list ul {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.circular-list ul li {
    color: var(--sk-primary);
    display: flex;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
.circular-list ul li:first-child {
    left: 612px;
    top: 67px;
}
.circular-list ul li:nth-child(2) {
    left: 810px;
    top: 221px;
}
.circular-list ul li:nth-child(3) {
    left: 826px;
    top: 467px;
}
.circular-list ul li:nth-child(4) {
    left: 640px;
    top: 640px;
}
.circular-list ul li:nth-child(5) {
    left: 408px;
    top: 630px;
}
.circular-list ul li:nth-child(6) {
    left: 172px;
    top: 475px;
}
.circular-list ul li:nth-child(7) {
    left: 175px;
    top: 221px;
}
.circular-list ul li:nth-child(8) {
    left: 335px;
    top: 81px;
}
.z-index-2 {
    z-index: 2;
}
.max-width-1142 {
    max-width: 1142px;
    margin-left: auto;
    margin-right: auto;
}
.testimonials-section {
    margin-top: -74px;
    padding-top: 225px;
}
.testimonial-icon {
    position: relative;
    display: block;
    font-family: "mencken-std-head",sans-serif;
    font-size: 207px;
    line-height: 0;
    font-weight: bold;
    color: var(--sk-secondary);
}
.testimonial-blog p {
    font-family: "mencken-std-head",sans-serif;
    color: var(--sk-white);
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    margin-bottom: 15px;
}
.testimonial-blog cite {
    color: var(--sk-white);
    font-weight: bold;
    font-style: normal;
}
.cta-section .content-title h2 {
    font-weight: bold;
    font-size: 46px;
    line-height: 62px;
    margin-bottom: 26px;
}
.cta-section .content-title p {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
}
.cta-section .main-btn {
    padding: 22px 30px 19px;
    font-size: 18px;
    line-height: 24px;
    margin-top: 30px;
    font-weight: 600;
}
.cta-section .main-btn i img {
    margin-top: -1px;
}
.white-dots-left {
    position: absolute;
    left: 20px;
    top: 20px;
}
.white-dots-right {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.white-dots-right img,
.white-dots-left img {
    width: 199px;
}

/*-----------------end-main---------------*/


/*--------------footer------------------*/
.footer-part {
    position: relative;
    width: 100%;
    background-color: var(--sk-text);
}
.footer-top {
    position: relative;
    width: 100%;
    padding: 65px 0 50px;
}
.footer-row {
    position: relative;
    display: flex;
    margin: 0 -15px;
    justify-content: space-between;
    max-width: 1400px;
}
.footer-col {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}
.footer-logo img {
    width: 229px;
    height: auto;
}
.footer-logo {
    margin-bottom: 30px;
}
.footer-logo-info {
    font-weight: 500;
    font-style: italic;
    margin-bottom: 60px;
}
.footer-col p {
    color: var(--sk-white);
    font-weight: 500;
    font-style: italic;
    margin-bottom: 85px;
    font-size: 16px;
    line-height: 22px;
}
.footer-logo-info {
    margin-bottom: 30px !important;
}
.footer-signup {
    max-width: 200px;
}
.footer-signup p {
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 9px;
}
.footer-signup .main-btn {
    padding: 8px 13px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.footer-menu li.span-heading a,
.span-heading {
    position: relative;
    display: block;
    color: #c7c7c7;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 24px;
    text-transform: uppercase;
    text-decoration: underline;
}
.footer-menu {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.footer-menu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}
.footer-menu li a {
    position: relative;
    display: inline-block;
    color: var(--sk-white);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
}
.footer-menu li a:hover {
    color: var(--sk-secondary);
}
.footer-bottom {
    position: relative;
    display: block;
    width: 100%;
    padding: 25px 0 23px;
    border-top: 1px solid #727272;
}
.footer-bottom-info {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-bottom-info p {
    margin: 0;
    color: #6F6F6F;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
}
.footer-social {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 55px;
}
.footer-social label {
    position: relative;
    display: block;
    color: var(--sk-white);
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    margin-right: 15px;
}
.footer-social ul {
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
}
.footer-social li {
    position: relative;
    display: flex;
    padding: 0;
    margin: 0 5px 0 0;
}
.footer-social li a {
    position: relative;
    display: flex;
    width: 27px;
    height: 27px;
    border: 2px solid var(--sk-white);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.footer-social li a img {
    width: 12px;
    max-width: 12px;
    max-height: 12px;
}
/*-----------------end-footer--------------*/
.without-header {
    padding-top: 90px;
}
.without-header .header-part {
    background-color: var(--sk-white);
    border-bottom: 1px solid #EAEAEB;
}
.without-header .main-menu > li > a {
    color: var(--sk-text);
}
.without-header .main-menu > li:hover > a, 
.without-header .main-menu > li.current-menu-item > a, 
.without-header .main-menu > li.current-menu-ancestor > a {
    color: var(--sk-secondary);
}
.without-header .main-menu > li.menu-btn:hover > a {
    color: var(--sk-text);
}
.without-header .canvas-menu .sk-dropdown-toggle span:before,
.without-header .canvas-menu .sk-dropdown-toggle span:after,
.without-header .canvas-menu .sk-dropdown-toggle span {
    background-color: var(--sk-text);
}
.without-header .sk-offcanvas-content {
    background-color: var(--sk-white);
}
.without-header ul.sk-mobile-menu > li > a {
    color: var(--sk-text);
}
.sub-banner {
    padding: 98px 0;
    min-height: 599px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.sub-banner-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.text-slider {
    max-width: 723px;
    margin-left: auto;
    margin-right: auto;
}
.text-slider .text-slider-info p {
    text-align: center;
    color: var(--sk-white);
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 25px;
    font-weight: 600;
    transition: all 0.3s ease-out;
    opacity: 0.17;
}
.text-slider .slick-slide.slick-current .text-slider-info p {
    color: var(--sk-secondary);
    opacity: 1;
}
.text-slider .slick-slide.slick-current + .slick-slide .text-slider-info p {
    color: var(--sk-white);
    opacity: 0.31;
}
.text-slider .slick-slide.slick-current + .slick-slide + .slick-slide .text-slider-info p {
    color: var(--sk-white);
    opacity: 0.17;
}
.text-slider-info * {
    margin: 0;
}
.sub-banner .hero-caption .sub-title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 12px;
}
.sub-banner .hero-caption h1 {
    font-size: 51px;
    line-height: 62px;
    margin-bottom: 15px;
}
.sub-banner-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
.sub-banner-circle-left-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.font-36 h2 {
    font-size: 36px;
    line-height: 48px;
}
.number-row {
    position: relative;
    display: flex;
    padding: 16px 0 7px;
    border-top: 1px solid var(--sk-border);
    border-bottom: 1px solid var(--sk-border);
    margin-top: -10px;
}
.number-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 33.333%;
    padding: 0 62px 0 90px;
    border-right: 1px solid var(--sk-border);
}
.number-blog:last-child {
    border-right: none;
}
.number-blog:first-child {
    padding-left: 200px;
}
.number-blog h2 {
    color: var(--sk-secondary);
    font-size: 50px;
    line-height: 1;
    margin-bottom: 10px;
}
.number-blog p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 15px;
}
.accordion-img {
    position: relative;
    width: 100%;
}
.accordion-img img {
    width: 100%;
    border-radius: 18px 18px 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.max-width-1110 {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
}
.accordion-box .accordion-item:first-of-type {
    border-radius: 18px 18px 0 0;
}
.accordion-box .accordion-item {
    background-color: #EFF7E4;
    border-radius: 18px 18px 0 0;
    margin-bottom: -18px;
    padding-bottom: 18px;
}
.accordion-box .accordion-item  {
    margin-bottom: -18px;
}
.accordion-box .accordion-item:nth-child(2) {
    background-color: #D6EBBB;
}
.accordion-box .accordion-item:nth-child(3)  {
    background-color: #CCE6AA;
}
.accordion-box .accordion-item:nth-child(4)  {
    background-color: #BBDC8A;
}
.accordion-box .accordion-item:nth-child(5)  {
    background-color: #A7D36A;
}
.accordion-box {
    overflow: hidden;
}
.max-width-1168 {
    max-width: 1168px;
    margin-left: auto;
    margin-right: auto;
}
.accordion-box .accordion-button {
    padding: 17px 17px 17px 72px;
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    color: var(--sk-text);
    flex-direction: column;
    align-items: flex-start;
}
.accordion-box .accordion-button span {
    position: absolute;
    left: 5px;
    top: 15px;
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion-box .accordion-button[aria-expanded="true"] span {
    background-color: var(--sk-white);
}
.accordion-box .accordion-button span:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-180deg);
    width: 11px;
    height: 11px;
    background: url(../images/angle-down.svg) no-repeat center;
    background-size: contain;
}
.accordion-box .accordion-button[aria-expanded="true"] span:after {
    transform: translate(-50%,-50%) rotate(-0deg);
}
.accordion-box .accordion-button:after {
    position: relative;
    content: '';
    width: 165px;
    height: 13px;
    background: url(../images/accordion-title-line.svg) no-repeat center;
    background-size: contain;
    display: block;
    margin-left: 0;
    margin-right: auto;
    float: unset;
    float: none;
    left: auto;
    top: auto;
    bottom: auto;
    transform: none;
    right: auto;
}
.accordion-box .accordion-body {
    padding: 10px 72px 46px 72px;
    font-size: 20px;
    line-height: 34px;
}
.accordion-box .accordion-body p:last-child {
    margin-bottom: 0;
}
.content-title .sub-title {
    color: #BFBFBF;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.1em;
    margin-bottom: 7px;
}
.fancy-sub-title.sub-title {
    padding-bottom: 17px;
    margin-bottom: 28px;
}
.fancy-sub-title.sub-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    background-color: var(--sk-secondary);
    display: block;
}
.text-center .fancy-sub-title.sub-title:after {
    left: 50%;
    transform: translateX(-50%);
}
.testimonial-image-section {
    position: relative;
    display: flex;
    background-color: var(--sk-light-gray);
    padding: 45px 50px 55px;
}
.testimonial-image-left {
    position: relative;
    display: flex;
    width: 40%;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
}
.testimonial-image-section .content-title {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 60%;
    padding-left: 50px;
}
.testimonial-image-section .content-title h2 {
    max-width: 740px;
    font-size: 38px;
    line-height: 49px;
}
.testimonial-image-section .content-title p {
    max-width: 779px;
}
.testimonial-image-right {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 60%;
    padding-left: 100px;
}
.max-container-1630 {
    max-width: 1760px !important;
    padding-left: 70px;
    padding-right: 70px;
}
.testimonial-image-div:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--sk-secondary);
    display: flex;
    border-radius: 50%;
    width: 50%;
    height: 60%;
}
.testimonial-image-div img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial-image-quote-top {
    position: relative;
    display: flex;
    margin-bottom: 100px;
    margin-top: -10px;
}
.testimonial-image-quote-top img {
    width: 116px;
}
.testimonial-image-right p {
    font-family: "mencken-std-head",sans-serif;
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    margin-bottom: 25px;
}
.testimonial-image-right cite {
    font-style: normal;
    color: #BFBFBF;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 100px;
}
.testimonial-image-right cite strong {
    display: block;
    color: var(--sk-secondary);
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}
.read-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--sk-text);
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.read-more:hover {
    color: var(--sk-secondary);
}
.read-more span {
    position: relative;
    display: flex;
    width: 33px;
    height: 33px;
    align-items: center;
    justify-content: center;
    background-color: var(--sk-secondary);
    border-radius: 50%;
    margin-left: 13px;
    transition: all 0.3s ease-out;
    left: 0;
}
.read-more span img {
    width: 16px;
}
.read-more:hover span {
    left: 5px;
}
.testimonial-image-quote-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
}
.testimonial-image-quote-bottom img {
    width: 116px;
}
.max-width-550 {
    max-width: 522px;
    margin-left: auto;
    margin-right: auto;
}
.hero-caption .max-width-550 h1 {
    margin-bottom: 12px;
} 
.hero-caption p {
    color: var(--sk-white);
    font-size: 18px;
    line-height: 28px;
}
.portfolioFilter-outer {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1;
}
.portfolioFilter {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #E9EDEB;
    border-bottom: 1px solid #E9EDEB;
    width: 100%;
    max-width: 850px;
}
.portfolioFilter a {
    position: relative;
    display: flex;
    color: #A7A7A7;
    font-size: 18px;
    line-height: 28px;
    margin: 0 32px;
    padding: 16px 0;
    text-decoration: none;
}
.portfolioFilter a.current {
    color: var(--sk-secondary);
    font-weight: 700;
}
.portfolioFilter-search {
    position: relative;
    display: flex;
    margin: 16px 32px;
}
.portfolioFilter-search:before {
    position: absolute;
    content: '';
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/search-gray.svg) no-repeat center;
    background-size: contain;
    display: block;
    z-index: 1;
}
.portfolioFilter-search input {
    position: relative;
    display: flex;
    width: 271px;
    border: 1px solid #DBDBDB;
    border-radius: 14px;
    padding: 10px 30px 9px 50px;
    font-size: 14px;
    line-height: 17px;
    outline: none;
    box-shadow: none;
}
.team-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid #EAEAEB;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.team-blog:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.team-img {
    position: relative;
    width: 100%;
}
.team-img:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(141, 198, 63, 0.79);
    mix-blend-mode: multiply;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.team-blog:hover .team-img:before {
    opacity: 1;
}
.team-img img {
    width: 100%;
    height: auto;
}
.team-info {
    position: relative;
    display: block;
    padding: 22px 20px 50px;
    text-align: center;
    transition: all 0.3s ease-out;
}
.team-info h3 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px;
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-text);
}
.team-info p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px;
    color: var(--sk-text);
}
.read-bio {
    position: absolute;
    display: inline-block;
    color: var(--sk-secondary);
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-decoration: underline;
    transition: all 0.3s ease-out;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    bottom: -100%;
}
.team-blog:hover .read-bio {
    bottom: 18px;
    opacity: 1;
}
.gy-40 {
    --bs-gutter-y: 40px;
}
.max-width-670 {
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
}
.post-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.post-blog .gallery-item {
    margin-bottom: 19px;
}
.post-info {
    text-align: center;
    width: 100%;
    position: relative;
}
.post-info h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-primary);
}
.post-info h3 a {
    text-decoration: none;
    color: var(--sk-primary);
}
.post-info h3 a:hover {
    color: var(--sk-secondary);
}
.post-read-more {
    position: relative;
    display: inline-block;
    color: var(--sk-secondary);
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}
.post-read-more:before {
    position: relative;
    display: block;
    content: '';
    width: 37px;
    height: 2px;
    background-color: var(--sk-secondary);
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
}
.green-title h2 {
    color: var(--sk-primary);
    font-weight: 700;
}
.green-title .read-more {
    margin-top: 16px;
}
.circular-content-row.experience-circular {
    background-color: transparent;
    width: 686px;
    padding: 0;
}
.experience-circular .circular-content-img {
    width: 446px;
    height: 446px;
}
.experience-circular .circular-center-content {
    width: 156px;
    height: 156px;
}
.experience-circular .circular-list ul li:first-child {
    left: 391px;
    top: -14px;
}
.experience-circular .circular-list ul li:nth-child(2) {
    left: 528px;
    top: 103px;
}
.experience-circular .circular-list ul li:nth-child(3) {
    left: 525px;
    top: 281px;
}
.experience-circular .circular-list ul li:nth-child(4) {
    left: 375px;
    top: 398px;
}
.experience-circular .circular-list ul li:nth-child(5) {
    left: 200px;
    top: 398px;
}
.experience-circular .circular-list ul li:nth-child(6) {
    left: 17px;
    top: 268px;
}
.experience-circular .circular-list ul li:nth-child(7) {
    left: 10px;
    top: 112px;
}
.experience-circular .circular-list ul li:nth-child(8) {
    left: 133px;
    top: -8px;
}
.br-top-green {
    border-top: 1px solid #E9EDEB;
}
.experience-table {
    max-width: 905px;
    margin-left: auto;
    margin-right: auto;
}
.experience-table table tr,
.experience-table table {
    border: none;
}
.experience-table table td {
    border: none;
    padding: 32px 50px;
    border-bottom: 1px solid #D5D5D5;
}
.experience-table table tr:last-child td {
    border-bottom: none;
}
.experience-table table td h3 {
    color: var(--sk-secondary);
    position: relative;
    font-family: "proxima-nova",sans-serif;
    font-size: 32px;
    line-height: 38px;
    margin: 0;
}
.experience-table table tr td:first-child {
    text-align: center;
}
.experience-table table tr td:last-child {
    padding-right: 84px;
}
.experience-table table td h3:after {
    position: relative;
    content: '';
    width: 165px;
    height: 13px;
    background: url(../images/accordion-title-line.svg) no-repeat center;
    background-size: contain;
    display: block;
    margin-top: 9px;
}
.text-slider-title {
    text-align: right;
}
.text-slider-title h2 {
    font-family: "proxima-nova",sans-serif;
    font-size: 33px;
    line-height: 40px;
    margin: 0;
    color: var(--sk-text);
}
.text-slider-center .slick-slide {
    padding: 10px 0;
}
.text-slider-center .slick-slide.slick-current p {
    color: var(--sk-secondary);
}
.text-slider-center p {
    font-size: 33px;
    line-height: 40px;
    margin: 0;
    font-weight: 600;
    color: #EFEFEF;
}
.gy-30 {
    --bs-gutter-y: 30px;
}
.post-blog-two {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.post-blog-two .gallery-item img,
.post-blog-two .gallery-item {
    border-radius: 18px 18px 0 0;
}
.post-blog-two-info {
    position: relative;
    display: flex;
    padding: 30px 25px 15px;
}
.post-blog-two-left {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 34%;
    padding-right: 19px;
}
.post-blog-two-right {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 66%;
    padding-left: 19px;
}
.post-blog-two-left h2 {
    color: var(--sk-text);
    font-family: "proxima-nova",sans-serif;
    font-size: 19px;
    line-height: 23px;
}
.post-blog-two-right h3 {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px;
    font-family: "proxima-nova",sans-serif;
}
.post-blog-two-right h3,
.post-blog-two-right h3 a {
    color: var(--sk-primary);
    text-decoration: none;
}
.post-blog-two-right h3 a:hover {
    color: var(--sk-secondary);
}
.post-blog-two-right p {
    font-size: 16px;
    line-height: 23px;
}
.post-blog-two .btn-outer {
    align-items: flex-end;
    justify-content: flex-end;
    flex: 1 0 0;
}
.post-blog-two .main-btn {
    font-size: 12px;
    line-height: 14px;
    padding: 14px 12px 12px 16px;
}
.post-blog-two .main-btn i {
    margin-left: 40px;
}
.post-blog-two .main-btn i img {
    width: 14px;
}
.content-title.white-color * {
    color: var(--sk-white);
}
.overflow-hidden {
    overflow: hidden;
}
.testimonial-slider-outer {
    position: relative;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
}
.testimonial-slider-outer p small{
    color: var(--sk-white);
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-style: italic;
    display: block;
    font-size: 400;
}
.testimonial-slider {
    margin-bottom: 55px;
}
.testimonial-slider.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}
.testimonial-slider.owl-carousel .owl-stage-outer {
    overflow: initial;
}
.testimonial-slider.owl-carousel .item {
    padding: 4.5px;
}
.testimonial-slider-info {
    position: relative;
    text-align: center;
    padding: 30px 13px;
    background-color: var(--sk-white);
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.testimonial-slider-info p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 400;
}
.testimonial-slider-info cite {
    position: relative;
    display: block;
    font-style: normal;
    color: var(--sk-primary);
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
}
.sub-banner-two {
    min-height: 388px;
}
.max-width-730 {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}
.questions-list ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.questions-list ul li {
    position: relative;
    display: block;
    color: var(--sk-text);
    font-size: 18px;
    line-height: 27px;
    padding: 11px 0 11px 40px;
    border-bottom: 1px solid #E9EDEB;
}
.questions-list ul li:last-child {
    border-bottom: none;
}
.questions-list ul li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 11px;
    width: 25px;
    height: 25px;
    background: url(../images/question-circle.svg) no-repeat center;
    background-size: contain;
}
.questions-img {
    position: absolute;
    right: 63px;
    bottom: -85px;
    z-index: 1;
}
.testimonial-image-sectionv2 {
    margin-top: -140px;
}
.max-width-1194 {
    max-width: 1194px;
    margin-left: auto;
    margin-right: auto;
}
.font-17 p {
    font-size: 17px;
}
.max-container-1720 {
    max-width: 1800px !important;
}
.feature-blog {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 43px 55px 55px 55px;
    text-align: center;
    transition: all 0.3s ease-out;
}
.feature-blog:hover {
    background-color: #F8FCF3;
}
.feature-icon {
    position: relative;
    display: flex;
    width: 77px;
    margin-bottom: 29px;
    border-radius: 50%;
    transition: all 0.3s ease-out;
}
.feature-icon:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 4px solid var(--sk-white);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.feature-blog:hover .feature-icon:before {
    opacity: 1;
}
.feature-blog:hover .feature-icon {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    border-color: var(--sk-white);
}
.feature-icon img {
    width: 100%;
    border-radius: 50%;
}
.feature-blog h3 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
    font-family: "proxima-nova",sans-serif;
}
.feature-blog p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
}
.feature-blog:before {
    position: absolute;
    display: block;
    content: '';
    right: -26%;
    top: 84px;
    width: 52%;
    height: 1px;
    background-color: #DBDBDB;
    z-index: 1;
}
[class^="col-"]:last-child .feature-blog:before {
    display: none;
}
.max-width-924 {
    max-width: 924px;
    margin-left: auto;
    margin-right: auto;
}
.hero-caption .read-more {
    color: var(--sk-white);
}
.max-width-768 {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}
.green-heading h1,
.green-heading h2,
.green-heading h3,
.green-heading h4,
.green-heading h5,
.green-heading h6 {
    color: var(--sk-primary);
}
.search-typing {
    position: relative;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 442px;
    margin-top: 32px;
    margin-bottom: 35px;
}
.search-typing:before {
    position: absolute;
    content: '';
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../images/search-parrot.svg) no-repeat center;
    background-size: contain;
    display: block;
}
.search-typing #searchbox {
    width: 100%;
    border: 1px solid var(--sk-secondary);
    border-radius: 24px;
    padding: 15px 20px 15px 72px;
    color: var(--sk-primary);
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    display: flex;
    text-align: left;
    min-height: 68px;
}
.max-width-913 {
    max-width: 913px;
    margin-left: auto;
    margin-right: auto;
}
.font-16 p {
    font-size: 16px;
}
.sticky-section {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding: 0 50px;
    width: 100vw;
    margin-left: calc(-50vw + 50% - 10px);
    justify-content: center;
}
.sticky-section > * {
    flex-basis: 100%;
}
.sticky-section .row {
    max-width: 1720px;
}
.sticky-section .row 
.contentMarker {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.right-content {
    padding-left: 35px;
}
.left-content {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-content img{
    position: absolute;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
}
.left-content img#img-1 {
    opacity: 1;
    visibility: visible;
}
.content-logo {
    position: relative;
    display: flex;
    margin-bottom: 11px;
}
.content-logo img {
    width: 100%;
    max-width: 254px;
}
.contentMarker h2 {
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 46px;
}
.contentMarker .main-btn {
    border-radius: 17px;
    font-size: 16px;
    line-height: 19px;
    padding: 8px 16px 7px 17px;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
}
.contentMarker .main-btn i img {
    width: 13px;
}
.logo-trak {
    position: relative;
    display: block;
    margin-bottom: 39px;
}
.logo-trak img {
    width: 215px;
}
.right-trak-content h2 {
    margin-bottom: 15px;
}
.right-trak-content p {
    margin-bottom: 10px;
}
.right-trak-content p span {
    color: var(--sk-secondary) !important;
}
.right-trak-content .read-more {
    margin-top: 20px;
}
.max-container-1534 {
    max-width: 1534px !important;
}
.video-banner {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 530px;
    padding: 58px 42px 70px;
    background-size: cover;
    background-position: center;
    background-position: center;
}
.video-banner:before {
    position: absolute;
    display: flex;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left,rgba(95, 95, 95, 0) 35%,rgba(1, 1, 1, 0.99) 81%,#000000 100%);
    opacity: 0.68;
}
.video-banner-caption {
    position: relative;
    flex-direction: column;
    display: flex;
    width: 100%;
    max-width: 560px;
    justify-content: space-between;
}
.content-title.white-color h2 strong {
    color: var(--sk-secondary);
}
.video-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--sk-white);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none
}
.video-btn:hover {
    color: var(--sk-white);
}
.video-btn span {
    position: relative;
    display: flex;
    width: 149px;
    height: 77px;
    background-color: rgba(0, 0, 0, 0.86);
    margin-right: 0px;
    align-items: center;
    justify-content: center;
}
.video-banner-caption .video-btn span {
    margin-right: 20px;
}
.video-btn span:after {
    position: relative;
    content: '';
    border-left: 31px solid var(--sk-white);
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    display: flex;
}
.max-width-1010 {
    max-width: 1010px;
}
.testimonial-blog-bottom-info p {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    font-style: italic;
    max-width: 1029px;
}
.max-width-802 {
    max-width: 802px;
}
.max-width-833 {
    max-width: 833px;
}
.checklist {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.checklist li {
    position: relative;
    display: block;
    padding: 0 0 0 35px;
    margin: 0 0 10px;
}
.checklist li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url(../images/check-circle.svg) no-repeat center;
    background-size: contain;
    display: block;
}
.team-bio-slider .item {
    padding-top: 50px;
}
.team-bio-slider-item {
    position: relative;
    display: flex;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 50px;
}
.team-bio-img {
    display: flex;
    height: 600px;
    align-items: flex-end;
    justify-content: center;
}
.team-bio-img img {
    max-height: 650px;
    object-fit: contain;
    display: flex !important;
    height: auto;
    width: auto !important;
}
.team-bio-info {
    max-width: 675px;
}
.team-bio-info .maxtitle-1 {
    color: var(--sk-text);
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
    font-family: "mencken-std-head",sans-serif;
    margin-bottom: 18px;
}
.team-bio-info p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.team-bio-slider-item .owl-nav,
.team-bio-slider.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0;
}
.team-bio-slider-item .owl-nav .owl-prev,
.team-bio-slider-item .owl-nav .owl-next,
.team-bio-slider.owl-carousel .owl-nav .owl-prev,
.team-bio-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background-color: rgba(58, 81, 53, 0.35);
    font-size: 0;
    border-radius: 50%;
}
.team-bio-slider-item .owl-nav .owl-next,
.team-bio-slider.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 50px;
}
.team-bio-slider-item .owl-nav .owl-prev:after,
.team-bio-slider-item .owl-nav .owl-next:after,
.team-bio-slider.owl-carousel .owl-nav .owl-prev:after,
.team-bio-slider.owl-carousel .owl-nav .owl-next:after {
    position: absolute;
    content: '';
    display: flex;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/slider-left.svg) no-repeat center;
    background-size: contain;
}
.team-bio-slider-item .owl-nav .owl-next:after,
.team-bio-slider.owl-carousel .owl-nav .owl-next:after {
    background: url(../images/slider-right.svg) no-repeat center;
    background-size: contain;
}
.team-bio-row .row [class^="col-"]:first-child {
    border-right: 1px solid #E9EDEB;
}
.team-bio-left {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.team-bio-left .content-info {
    padding-right: 67px;
}
.team-bio-right-info {
    padding: 72px 0 72px 67px;
    border-bottom: 1px solid #E9EDEB;
}
.team-bio-right-info:first-child {
    padding-top: 0;
}
.team-bio-right-info:last-child {
    border-bottom: none;
}
.team-bio-right-info h3 {
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-text);
    text-transform: uppercase;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 7px;
}
.team-bio-right-info p strong {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.team-bio-right-info p:last-child {
    margin-bottom: 0;
}
.team-bio-question-blog-title {
    position: relative;
    background-color: var(--sk-secondary);
    padding: 11px 15px 11px 0;
    border-radius: 0 60px 60px 0;
    margin-bottom: 20px;
}
.team-bio-question-blog-title:before {
    position: absolute;
    content: '';
    left: -50vw;
    width: 50vw;
    height: 100%;
    background-color: var(--sk-secondary);
    display: block;
    top: 0;
}
.team-bio-question-blog-title h3 {
    color: var(--sk-white);
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}
.team-bio-question-blog {
    margin: 60px 0 110px;
}
.team-bio-question-blog:last-child {
    margin-bottom: 50px;
}
.team-bio-question-blog p {
    font-size: 16px;
    line-height: 24px;
}
.team-bio-question-blog p:last-child {
    margin-bottom: 0;
}
.question-icon {
    position: absolute;
    left: -110px;
    bottom: 0;
    width: 90px;
}
.question-icon img {
    width: 100%;
}
.team-bio-left .team-bio-question-row:first-child .team-bio-question-blog:first-child {
    margin-top: 0;
}
.max-width-658 {
    max-width: 658px;
    margin-left: auto;
    margin-right: auto;
}
.post-blog.text-start .post-info {
    text-align: left;
}
.post-meta {
    position: relative;
    display: block;
    color: #BFBFBF;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.big-post-row .post-info h3 {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 19px;
}
.big-post-row .post-info h3:last-child {
    margin-bottom: 0;
}
.big-post-row .post-info .read-more {
    margin-top: 30px;
}
.big-post-row > .row > [class^="col-"]:first-child {
    border-right: 1px solid #E9EDEB;
}
.big-post-row > .row .row > [class^="col-"] {
    padding-bottom: 45px;
}
.big-post-row > .row .row > [class^="col-"]:first-child {
    margin-bottom: 45px;
    padding-bottom: 45px;
    position: relative;
}
.big-post-row > .row .row > [class^="col-"]:first-child:before {
    position: absolute;
    content: '';
    display: flex;
    width: calc(100% + 25px);
    height: 1px;
    left: -25px;
    background-color: #E9EDEB;
    bottom: 0;
}
.article-row .post-info h3 {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 22px;
}
.article-row .post-info h3:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: '';
    width: 37px;
    height: 2px;
    background-color: var(--sk-secondary);
    bottom: 0;
}
.article-row .post-meta {
    font-size: 16px;
    line-height: 24px;
}
.article-row .post-read-more:before {
    display: none;
}
.article-row .post-info p {
    -webkit-line-clamp: 5; /* number of lines to show */
    line-clamp: 5; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.article-row .post-blog {
    width: 100%;
    height: 100%;
}
.article-row .post-blog .btn-outer {
    flex: 1 0 0;
    align-items: flex-end;
    justify-content: center;
    margin-top: 30px;
}
.post-detail {
    position: relative;
    display: block;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}
.post-detail-img img {
    width: 100%;
}
.post-detail-img {
    margin-bottom: 55px;
}
.post-cat {
    position: relative;
    display: block;
    color: #BFBFBF;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.post-date {
    position: relative;
    display: block;
    color: #BFBFBF;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
}
.post-detail h1 {
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 50px;
}
.post-detail h2 {
    color: var(--sk-text);
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-top: 25px;
}
.post-detail p span {
    color: var(--sk-secondary);
}
.post-bottom {
    margin-top: 50px;
    font-size: 13px;
    line-height: 18px;
}
.contact-banner {
    position: relative;
    padding: 77px 100px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contact-banner:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: var(--sk-primary);
    mix-blend-mode: hard-light;
}
.contact-banner .content-title {
    max-width: 586px;
    position: relative;
    z-index: 1;
    margin-top: 97px;
}
.contact-banner .content-title h1 {
    color: var(--sk-white);
    font-size: 60px;
    line-height: 64px;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 40px;
}
.contact-banner .content-title h1:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 132px;
    height: 2px;
    background-color: var(--sk-secondary);
    display: flex;
}
.contact-banner .content-title p {
    color: var(--sk-white);
    font-size: 17px;
    line-height: 28px;
}
.contact-form {
    position: relative;
    max-width: 439px;
    background-color: var(--sk-white);
    padding: 30px;
    border-radius: 7px;
}
.input-div {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.input-div label {
    position: relative;
    display: block;
    margin-bottom: 10px;
    color: var(--sk-text);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.input-div input {
    position: relative;
    width: 100%;
    background-color: transparent;
    border: 1px solid #B9B9B9;
    border-radius: 6px;
    padding: 9px 20px;
    transition: all 0.3s ease-out;
}
.input-div input:focus {
    border-color: var(--sk-secondary);
}
.radio-div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wpcf7-radio.wpcf7-form-control {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wpcf7-list-item {
    display: block;
    margin: 0;
}
.wpcf7-radio label {
    position: relative;
    padding-left: 20px;
    color: #7C7C7C;
    font-size: 15px;
    line-height: 20px;
    margin: 0 35px 10px 0;
}
.jq-radio {
    position: absolute !important;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.jq-radio.checked .jq-radio__div:before {
    position: absolute;
    content: '';
    left: 2px;
    top: 2px;
    width: 6px;
    height: 6px;
    background-color: var(--sk-secondary);
    border-radius: 50%;
    display: flex;
}
.main-btn.submit-btn {
    background-color: transparent;
    border: 1px solid var(--sk-secondary);
    color: var(--sk-secondary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 13px 12px 13px 16px;
}
.main-btn.submit-btn img {
    width: 12px;
}
.main-btn.submit-btn:hover {
    color: var(--sk-white);
}
.main-btn.submit-btn:before {
    border-bottom-color: var(--sk-secondary);
}
.main-btn.submit-btn i {
    margin-left: 38px;
}

.contact-form-info p {
    color: #7C7C7C;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
.carrer-banner {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-top: 170px;
    padding-bottom: 235px;
    background-position: center top;
}
.carrer-banner .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.carrer-banner-top {
    position: relative;
    width: 100%;
    margin-bottom: 144px;
}
.carrer-banner-top .content-title {
    max-width: 733px;
}
.carrer-banner-top .sub-title {
    color: var(--sk-white);
    font-size: 18px;
    line-height: 28px;
}
.carrer-banner-top h1 {
    color: var(--sk-white);
    font-size: 60px;
    line-height: 72px;
}
.carrer-banner-top h1 span {
    position: relative;
    display: block;
    color: var(--sk-secondary);
    margin-top: 32px;
    font-size: 80px;
    line-height: 96px;
    letter-spacing: 0.04em;
    font-family: 'Brittany Signature';
    font-weight: 400;
}
.carrer-banner-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}
.carrer-banner-bottom .content-title {
    max-width: 703px;
}
.carrer-banner-bottom h2 {
    color: var(--sk-white);
    margin-bottom: 15px;
}
.carrer-banner-bottom p {
    color: var(--sk-white);
    max-width: 663px;
}
.carrer-banner-bottom .read-more {
    color: var(--sk-white);
    font-weight: 400;
}
.carrer-banner-bottom .btn-outer {
    gap: 69px;
    margin-top: 35px;
}
.carrer-banner .dark-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0.32)43%, rgba(0, 0, 0, 1.0)62%, rgba(0, 0, 0, 1.0)100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 1.0));
    mix-blend-mode: multiply;
}
.max-width-1097 {
    max-width: 1097px;
    margin-left: auto;
    margin-right: auto;
}
.job-listing-item {
    border-bottom: 1px solid #D5D5D5;
    padding: 28px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.job-listing-item:first-child {
    border-top: 1px solid #D5D5D5;
}
.job-listing-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
}
.job-listing-title h3 {
    color: var(--sk-text);
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    font-family: "proxima-nova",sans-serif;
    margin: 0;
}
.job-listing-title span {
    position: relative;
    display: flex;
    width: 115px;
    height: 115px;
    min-width: 115px;
    background-color: #F8F8F8;
    border: 1px solid #E9E9E9;
    padding: 20px 15px;
    align-items: center;
    justify-content: center;
    margin-right: 36px;
}
.job-listing-title span img {
    width: 100%;
}
.job-listing-location {
    position: relative;
    color: #9B9B9B;
    display: block;
    padding-left: 32px;
}
.job-listing-location:before {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(../images/pin.svg) no-repeat center;
    background-size: contain;
    display: flex;
}
.job-listing-item .main-btn {
    white-space: nowrap;
    background-color: #F8F8F8;
    border: 1px solid #E9E9E9;
    padding: 16px 42px;
    color: var(--sk-text);
    font-size: 16px;
    line-height: 19px;
}
.job-listing-item .main-btn:hover {
    color: var(--sk-white);
}
.green-box {
    position: relative;
    text-align: center;
    max-width: 1188px;
    margin-left: auto;
    margin-right: auto;
    padding: 65px 50px;
    background-color: #EFF7E4;
}
.green-box h2 {
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 10px;
}
.green-box p {
    max-width: 747px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.job-listing-row {
    position: relative;
    display: block;
    max-width: 1188px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-1345 {
    max-width: 1345px;
    margin-left: auto;
    margin-right: auto;
}
.commitment-slider-for,
.commitment-slider-nav {
    height: 300px;
}
.commitment-slider-for {
    max-width: 800px;
    margin-left: 0;
}
.commitment-slider-nav {
    max-width: 382px;
    margin-left: auto;
    margin-right: 0;
}
.commitment-slider-nav-item {
    color: #E0E0E0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    transition: all 0.3s ease-out;
    padding-left: 11px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 4px solid #E0E0E0;
    cursor: pointer;
}
.swiper-slide-thumb-active .commitment-slider-nav-item {
    color: var(--sk-primary);
    border-color: var(--sk-primary);
}
.commitment-row .row > [class^="col-"]:last-child {
    padding-left: 83px;
}
.commitment-row .row > [class^="col-"]:first-child {
    border-right: 1px solid #E9EDEB;
    padding-right: 30px;
}
.max-width-973 {
    max-width: 976px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-804 {
    max-width: 804px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-804 h2 {
    margin-bottom: 11px;
}
.feature-team-member-row {
    position: relative;
    display: flex;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--sk-light-gray);
    padding: 85px 45px;
}
.feature-team-member-inner {
    position: relative;
    width: 100%;
    border: 8px solid #F0F6E8;
    padding: 74px 60px;
}
.feature-team-member-img {
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 0;
    text-align: right;
}
.feature-team-member-blog {
    width: 56%;
    position: relative;
}
.feature-team-member-blog .sub-title {
    color: #BFBFBF;
    position: relative;
    padding-bottom: 19px;
    margin-bottom: 28px;
}
.feature-team-member-blog .sub-title:after {
    position: absolute;
    content: '';
    left: -25px;
    bottom: 0;
    width: 55px;
    height: 2px;
    background-color: var(--sk-secondary);
}
.feature-team-member-blog h2 {
    margin-bottom: 14px;
}
.feature-team-member-blog .main-btn {
    border-radius: 50px;
    text-transform: initial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 7px 11px;
    margin-top: 15px;
}
.feature-team-member-img img {
    position: relative;
    z-index: 2;
}
.feature-team-member-img-green-circle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 357px;
    height: 261px;
    overflow: hidden;
    display: flex;
}
.feature-team-member-img-green-circle img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.team-slider {
    overflow: initial;
}
.team-slider-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.team-slider-img {
    position: relative;
    overflow: hidden;
    border-radius: 17px;
}
.team-slider-img img {
    width: 100%;
    max-width: 400px;
    border-radius: 17px;
}
.team-slider-img-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 73px 20px 20px;
    transition: all 0.3s ease-out;
    top: 100%;
}
.team-slider-item:hover .team-slider-img-hover {
    top: 0;
}
.team-slider-img-hover:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(141, 198, 63, 0.79);
    mix-blend-mode: multiply;
}
.team-slider-img-hover-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--sk-white);
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
}
.team-slider-img-hover-info span {
    position: relative;
    display: flex;
    width: 20px;
    margin-top: 32px;
}
.team-slider-info {
    position: relative;
    display: block;
    padding: 30px 0 36px;
}
.team-slider-info h3 {
    color: var(--sk-text);
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.team-slider .swiper-horizontal>.swiper-pagination-progressbar, 
.team-slider .swiper-pagination-progressbar.swiper-pagination-horizontal {
    background-color: #9EDEDE;
    top: auto;
    bottom: 0;
}
.team-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 10px;
    background-color: var(--sk-primary);
    top: -3px;
}
.team-slider .swiper-pagination-progressbar .swiper-scrollbar-drag {
    height: 10px;
    background-color: transparent;
    z-index: 99;
    top: -3px;
}
.team-slider .swiper-scrollbar {
    background-color: transparent;
     z-index: 99;
}
.team-slider .swiper-pagination-progressbar:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 47px;
    background-color: #9EDEDE;
    z-index: 1;
}
.job-perks-section {
    overflow: hidden;
}
.job-perks-section:before {
    position: absolute;
    content: '';
    left: 0;
    top: 130px;
    width: 100%;
    height: calc(100% - 130px);
    background-color: var(--sk-light-gray);
    display: flex;
}
.job-perks-section .content-img img {
    width: 120%;
    max-width: 120%;
}
.job-perks-section .content-title {
    max-width: 690px;
}
.feature-row .feature-blog {
    padding: 44px 35px;
    border-right: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    background-color: var(--sk-white);
}
.feature-row .feature-icon {
    width: 90px;
    margin-bottom: 35px;
}
.feature-row .feature-blog h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}
.feature-row .feature-blog p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 300;
}
.feature-row .feature-blog:before {
    display: none;
}
.feature-row .row [class^="col-"]:last-child .feature-blog {
    border-bottom: none;
    border-right: none;
}
.max-width-868 {
    max-width: 868px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-601 {
    max-width: 601px;
}
.font-18 p {
    font-size: 18px;
    line-height: 28px;
}
.green-accordion {
    background-color: var(--sk-primary);
    padding: 45px 60px 67px;
    max-width: 751px;
}
.green-accordion .accordion-item {
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--sk-white);
}
.green-accordion .accordion-button {
    background-color: transparent;
    padding: 14px 35px 14px 0;
    color: var(--sk-white);
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    border: none;
    box-shadow: none;
    outline: none;
    position: relative;
}
.green-accordion .accordion-body {
    padding: 14px 35px 14px 0;
}
.green-accordion .accordion-body * {
    color: var(--sk-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
.green-accordion .accordion-button::after {
    display: none;
}
.green-accordion .accordion-button span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    background-color: var(--sk-secondary);
    border-radius: 50%;
    border: 1px solid var(--sk-secondary);
    transition: all 0.3s ease-out;
}
.green-accordion .accordion-button span:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 52%;
    transform: translate(-50%,-50%);
    width: 16px;
    height: 15px;
    background: url(../images/plus.svg) no-repeat center;
    background-size: contain;
}
.green-accordion .accordion-button[aria-expanded="true"] span {
    background-color: var(--sk-white);
    transform: translateY(-50%) rotate(45deg);
}
.green-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 55, 23, 0.96);
    mix-blend-mode: multiply;
}
.max-width-1029 {
    max-width: 1029px;
}
.max-width-1012 {
    max-width: 1012px;
}
.font-46 h2 {
    font-size: 46px;
    line-height: 59px;
}
.white-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.15);
    border: 5px solid var(--sk-white);
    padding: 26px;
    width: 100%;
    height: 100%;
}
.white-box h3 {
    color: var(--sk-white);
    font-size: 20px;
    line-height: 27px;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.white-box p {
    color: var(--sk-white);
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
}
.font-41 h2 {
    font-size: 41px;
    line-height: 56px;
}
.max-width-1330 {
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-1072 {
    max-width: 1072px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-1144 {
    max-width: 1184px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
.green-check-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #A0D269;
}
[class^="col-"]:nth-child(2) .green-check-box {
    background-color: #B7DC8D;
}
.green-check-box img {
    width: 100%;
}
.green-check-box-info {
    position: relative;
    width: 100%;
    padding: 20px 37px 25px;
}
.green-check-box-info p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 6px;
    font-weight: 700;
}
.green-check-box-info ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.green-check-box-info ul li {
    position: relative;
    display: block;
    padding: 0 0 0 34px;
    margin: 0;
    font-size: 17px;
    line-height: 29px;
}
.green-check-box-info ul li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url(../images/check-circle-black.svg) no-repeat center;
    background-size: contain;
}
.max-width-1384 {
    max-width: 1384px;
    margin-left: auto;
    margin-right: auto;
}
.gallery-outer .gallery-item img ,
.gallery-outer .gallery-item {
    border-radius: 20px;
}
.small-testimonial {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.small-testimonial-img {
    position: relative;
    display: flex;
    width: 305px;
    min-width: 305px;
    align-items: center;
    margin-bottom: 17px;
    z-index: 1;
}
.small-testimonial-img img {
    width: 100%;
    height: auto;
}
.small-testimonial-info {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 53px 53px 53px 133px;
    background-color: var(--sk-light-gray);
    margin-left: -90px;
}
.small-testimonial-info h2 {
    color: var(--sk-primary);
    font-size: 38px;
    line-height: 49px;
    margin-bottom: 27px;
    max-width: 652px;
}
.small-testimonial-info .read-more {
    color: var(--sk-secondary);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.04em;
    font-weight: 600;
}
.small-testimonial-info .read-more span {
    background-color: transparent;
}
.max-width-1368 {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-707 {
    max-width: 707px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-1046 {
    max-width: 1046px;
    margin-left: auto;
    margin-right: auto;
}
.timeline-section .content-logo img {
    max-width: 229px;
}
.timeline-section .content-logo {
    margin-bottom: 29px;
}
.timeline-section .content-title .sub-title {
    margin-bottom: 27px;
}
.timeline-section .content-title h2 {
    color: var(--sk-primary);
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 28px;
    font-family: "proxima-nova",sans-serif;
}
.timeline-section .content-title p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    max-width: 611px;
}
.timeline-section .left-content {
    justify-content: flex-end;
}
.timeline-section .content-title {
    padding-left: 99px;
}
.timeline-section .content-title:before {
    position: absolute;
    content: '';
    left: -8px;
    top: 16px;
    width: 19px;
    height: 19px;
    background-color: var(--sk-primary);
    border-radius: 50%;
}
.timeline-section .content-title:after {
    position: absolute;
    content: '';
    left: 0;
    top: 23px;
    width: 3px;
    height: 102vh;
    background-color: var(--sk-primary);
}
.timeline-section .contentMarker:last-child .content-title:after {
    left: -4px;
    top: 36px;
    width: 10px;
    height: 100px;
    background-color: var(--sk-white);
}
.max-width-1272 {
    max-width: 1272px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-1113 {
    max-width: 1113px;
    margin-left: auto;
    margin-right: auto;
}
.offices-row .row {
    --bs-gutter-y: 69px;
    --bs-gutter-x: 84px;
}
.max-container-1540 {
    max-width: 1540px !important;
}
.offices-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--sk-white);
    border: 1px solid #E8E8E8;
}
.offices-blog-img {
    position: relative;
    width: 100%;
}
.offices-blog-img img {
    width: 100%;
}
.offices-blog-info {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 20px 0;
}
.offices-blog-info h3 {
    font-size: 20px;
    line-height: 28px;
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    margin-bottom: 7px;
    color: var(--sk-black);
}
.offices-blog-info p {
    margin-bottom: 22px;
}
.offices-blog .btn-outer {
    padding: 0px 20px 20px;
    flex: 1 0 0;
    align-items: flex-end;
    justify-content: center;
}
.offices-blog .main-btn {
    font-size: 12px;
    line-height: 16px;
    padding: 13px 12px 13px 15px;
    letter-spacing: 0.04em;
    font-weight: 600;
    background-color: transparent;
    border: 1px  solid;
    border-color: var(--sk-secondary);
    color: var(--sk-secondary);
}
.offices-blog .main-btn i {
    margin-left: 25px;
}
.history-banner {
    min-height: inherit;
    padding: 60px 0 25px;
}
.sub-title-icon {
    position: relative;
    display: flex;
    margin-bottom: 13px;
    justify-content: center;
}
.timeline-row {
    position: relative;
}
.timeline-list {
    position: relative;
    padding: 40px 0 0 0;
    margin: 0;
}
.timeline-list:after  {
    top: 0;
    position: absolute;
    content: '';
    transform: translateX(-50%);
    left: 50%;
    width: 2px;
    height: 40px;
    background-color: var(--sk-black);
}
.timeline-list:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 119px;
    height: 2px;
    background-color: var(--sk-secondary);
}
.timeline-item {
    position: relative;
    display: flex;
    justify-content: center;
}
.timeline-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);

}
.timeline-info {
    position: relative;
    display: flex;
    width: calc(50% - 93px);
    padding-right: 20px;
    align-items: center;
}
.timeline-right {
    position: relative;
    display: flex;
    width: calc(50% - 93px);
    padding-left: 85px;
    align-items: center;
}
.timeline-info-box {
    position: relative;
    display: flex;
    width: 389px;
    flex-direction: column;
}
.timeline-info-number {
    position: relative;
    display: block;
    color: var(--sk-primary);
    font-family: "mencken-std-head",sans-serif;
    font-size: 59px;
    line-height: 73px;
    font-weight: bold;
    margin-bottom: 8px;
}
.timeline-info-box h3 {
     font-size: 24px;
    line-height: 28px;
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-black);
    font-weight: 300;
    margin-bottom: 18px;
}
.timeline-info-box p {
    color: var(--sk-black);
    font-size: 18px;
    line-height: 24px;
}
.timeline-info-box p:last-child {
    margin-bottom: 0;
}
.year-2003 .timeline-info-box:before,
.year-1994 .timeline-info-box:before,
.year-1986 .timeline-info-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-primary);
    mix-blend-mode: multiply;
    z-index: 0;
}
.year-2003 .timeline-info-box,
.year-1994 .timeline-info-box,
.year-1986 .timeline-info-box {
    padding: 20px 28px 40px;
}
.year-2003 .timeline-info-box *,
.year-1994 .timeline-info-box *,
.year-1986 .timeline-info-box * {
    color: var(--sk-white);
    z-index: 1;
    position: relative;
}
.timeline-point {
    position: relative;
    display: flex;
    width: 186px;
    min-width: 186px;
    align-items: center;
}
.timeline-point:before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 2px;
    height: calc(50% - 110px);
    background-color: var(--sk-black);
}
.timeline-point:after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 2px;
    height: calc(50% - 110px);
    background-color: var(--sk-black);
}
.timeline-point span {
    position: relative;
    display: flex;
    width: 100%;
    height: 186px;
    background-color: var(--sk-primary);
    mix-blend-mode: multiply;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.timeline-point span:before {
    position: absolute;
    display: flex;
    border-radius: 50%;
    content: '';
    left: -17px;
    top: -17px;
    width: calc(100% + 34px);
    height: calc(100% + 34px);
    border: 3px dashed rgb(0, 0, 0, 1.0);
}
.year-1986 {
    min-height: 635px;
    z-index: 1;
    margin-bottom: -115px;
}
.year-1993 {
    min-height: 1045px;
    margin-bottom: -115px;
}
.year-1993 .timeline-bottom-logo {
    margin-top: 20px;
}
.year-1994 {
    min-height: 798px;
}
.year-1999 {
    min-height: 672px;
}
.year-1999 .timeline-banner {
    background-position: 294px 0;
    background-size: 678px;
}
.year-1999 .timeline-info-box p {
    max-width: 310px;
}
.timeline-item:nth-child(odd) .timeline-info {
    padding-right: 37px;
}
.timeline-item:nth-child(even) .timeline-info {
    padding-left: 124px;
}
.year-2003 {
    min-height: 723px;
    flex-direction: row-reverse;
}
.year-2003.timeline-item:nth-child(odd) .timeline-info {
    padding-left: 124px;
    padding-right: 0;
}
.year-2005.timeline-item:nth-child(even) {
    min-height: 820px;
    flex-direction: row;
}
.year-2005.timeline-item:nth-child(even) .timeline-info {
    padding-left: 0;
    padding-right: 37px;
    justify-content: flex-end;
    text-align: right;
}
.year-2005 .timeline-banner {
    background-size: 719px;
    background-position: 77% 36%;
}
.timeline-round-img {
    position: relative;
    display: flex;
    gap: 13px;
}
.timeline-round-img img {
    border-radius: 50%;
    width: 17%;
}
.year-2006.timeline-item {
    min-height: 360px;
    flex-direction: row-reverse;
    margin-top: -40px;
}
.year-2006.timeline-item:nth-child(odd) .timeline-info {
    justify-content: flex-start;
    text-align: left;
    padding-right: 0;
    padding-left: 124px;
}
.year-2006 .timeline-banner {
    filter: grayscale(0);
    z-index: 1;
}
.year-2007.timeline-item:nth-child(odd) {
    flex-direction: row-reverse;
    min-height: 755px;
    margin-top: -123px;
}
.year-2007.timeline-item:nth-child(odd) .timeline-info {
    justify-content: flex-start;
    text-align: left;
    padding-left: 85px;
    padding-right: 0;
}
.year-2007 .timeline-banner {
    background-size: 636px;
    background-position: 32% 50%;
}
.year-2010.timeline-item:nth-child(even) {
    min-height: 455px;
    flex-direction: row;
}
.year-2010.timeline-item .timeline-info {
    padding-left: 0;
    padding-right: 37px;
    justify-content: flex-end;
    text-align: right;
    
}
.year-2010 .timeline-banner {
    background-size: 670px;
    background-position: 85.5% 50%;
}
.year-2012 {
    min-height: 480px;
    margin-bottom: -60px;
}
.year-2012 .timeline-banner {
    background-size: auto;
    background-position: 82.5% 50%;
    filter: grayscale(0);
}
.year-2012.timeline-item:nth-child(even) {
    flex-direction: row;
}
.year-2012.timeline-item:nth-child(even) .timeline-info {
    justify-content: flex-end;
    text-align: right;
    padding-left: 0;
    padding-right: 83px;
}
.year-2015 .timeline-point span,
.year-2012 .timeline-point span {
    mix-blend-mode: inherit;
}
.year-2015.timeline-item:nth-child(odd) {
    flex-direction: row-reverse;
}
.year-2015.timeline-item:nth-child(odd) .timeline-info {
    justify-content: flex-start;
    text-align: left;
    padding-left: 124px;
    padding-right: 0px;
}
.year-2015 {
    min-height: 550px;
}
.year-2015 .timeline-banner {
    background-size: 768px;
    background-position: 25.5% 136%;
}
.year-2017 {
    min-height: 704px;
}
.year-2017.timeline-item:nth-child(even) {
    flex-direction: row;
}
.year-2017.timeline-item:nth-child(even) .timeline-info {
    justify-content: flex-end;
    text-align: right;
    padding-left: 0;
    padding-right: 158px;
}
.timeline-inner-box {
    position: relative;
    display: inline-block;
    max-width: 321px;
    padding: 17px 35px 17px 19px;
    margin-left: auto;
    margin-right: -50px;
    margin-top: 138px;
}
.timeline-inner-box p {
    color: var(--sk-white);
    margin: 0;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.timeline-inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-primary);
    mix-blend-mode: multiply;
    border-radius: 14px;
}
.year-2017 .timeline-banner {
    filter: grayscale(0);
    background-size: 1137px;
    background-position: 32.5% 41%;
}
.year-2017 .timeline-point span {
    opacity: 0;
}
.year-2017 .timeline-point:after,
.year-2017 .timeline-point:before {
    height: 100%;
}
.year-2018 {
    min-height: 704px;
}
.year-2018.timeline-item:nth-child(even) {
    flex-direction: row-reverse;
}
.year-2018.timeline-item:nth-child(even) .timeline-info {
    justify-content: flex-start;
    text-align: left;
    padding-left: 22px;
    padding-right: 0px;
    align-items: flex-start;
}
.year-2018 .timeline-banner {
    filter: grayscale(0);
    background-size: 1261px;
    background-position: center;
}
.year-2019 {
    min-height: 550px;
}
.year-2019.timeline-item:nth-child(odd) {
    flex-direction: row;
}
.year-2019.timeline-item:nth-child(odd) .timeline-info {
    justify-content: flex-end;
    text-align: right;
    padding-left: 0;
    padding-right: 37px;
}
.year-2019.timeline-item:nth-child(odd) .timeline-info * {
    color: var(--sk-white);
    position: relative;
}
.year-2019 .timeline-info-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-primary);
    mix-blend-mode: multiply;
    z-index: 0;
}
.year-2019 .timeline-info-box {
    padding: 20px 28px 40px;
}
.year-2019 .timeline-banner {
    filter: grayscale(0);
    background-size: 1361px;
    background-position: center;
}
.year-2021 {
    min-height: 804px;
}
.year-2021.timeline-item:nth-child(even) {
    flex-direction: row-reverse;
}
.year-2021.timeline-item:nth-child(even) .timeline-info {
    justify-content: flex-start;
    text-align: left;
    padding-left: 60px;
    padding-right: 0px;
}
.year-2021 .timeline-banner {
    filter: grayscale(0);
    background-size: 930px;
    background-position: 5% 50%;
}
.year-2021 .timeline-info-box {
    width: 453px;
}
.year-2021 .timeline-info-box-custom-logo {
    position: absolute;
    right: -68px;
    top: 96px;
}
.year-2018 .timeline-info-box-custom-logo {
    position: absolute;
    right: -211px;
    top: 75px;
}
.year-2021 .timeline-info-box h3 {
    max-width: 302px;
}
.year-2021 .timeline-point span {
    background-color: transparent;
    background: url(../images/half-circle.svg) no-repeat center;
    background-size: contain;
    background-position: right;
}
.year-2021 .timeline-point span:before {
    display: none;
}
.year-2021 .timeline-point:after,
.year-2021 .timeline-point:before {
    height: calc(50% - 91px);
}
.year-2021:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border: 2px solid var(--sk-black);
    border-radius: 50%;
    display: flex;
}
.timeline-today {
    position: relative;
    display: block;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
}
.timeline-today .span-heading {
    color: var(--sk-secondary);
    font-family: "mencken-std-head",sans-serif;
    font-weight: bold;
    font-size: 90px;
    line-height: 1.1;
    text-align: center;
    text-transform: initial;
    text-decoration: none;
    margin-bottom: 40px;
}
.timeline-today-list ul {
    position: relative;
    display: flex;
    gap: 7px;
}
.timeline-today-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--sk-white);
    background-color: var(--sk-primary);
    border-radius: 50%;
    width: 156px;
    height: 156px;
    flex-direction: column;
}
.timeline-today-list li h3 {
    color: var(--sk-white);
    font-size: 37px;
    line-height: 44px;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 0;
}
.timeline-today-list li p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
}
.timeline-today-info {
    max-width: 485px;
}
.timeline-today-info h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 11px;
    color: var(--sk-black);
    max-width: 320px;
}
.modal-open .wrapper {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}
.modal-content {
    background-color: #F2F2F2;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
    border-radius: 0;
    border: none;
}
.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    opacity: 1;
    z-index: 1;
}
.btn-close:focus {
    box-shadow: none;
}
.modal-body {
    padding: 34px 58px 10px;
}
.modal-office-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
}
.modal-office-img {
    width: 50px;
    min-width: 50px;
}
.modal-office-img img {
    width: 100%;
    border-radius: 50%;
}
.modal-office-title h3 {
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-black);
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.modal-office-info {
    margin-bottom: 23px;
}
.modal-office-info p {
    color: #7C7C7C;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
}
.get-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #7C7C7C;
    font-size: 15px;
    line-height: 20px;
}
.get-link img {
    position: relative;
    display: flex;
    width: 13px;
    margin-right: 5px;
}
.carrer-banner-bottom .main-btn {
    border-radius: 17px;
    font-size: 16px;
    line-height: 20px;
    text-transform: initial;
    padding: 7px 12px 7px 11px;
    font-weight: 400;
}
.carrer-banner-bottom .main-btn i {
    margin-left: 20px;
}
.carrer-banner-bottom .main-btn:hover {
    color: var(--sk-text);
}
.carrer-banner-bottom .main-btn:before {
    border-bottom-color: var(--sk-white);
}
.carrer-banner-two {
    padding-top: 175px;
    padding-bottom: 112px;
}
.carrer-banner-two .carrer-banner-bottom h2 {
    margin-bottom: 12px;
}
.carrer-banner {
    z-index: 9;
}
.check-rating {
    position: fixed;
    right: 0;
    bottom: 0px;
    padding: 32px 20px 12px 37px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    max-width: 219px;
    background-position: 9px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    transition: all 0.3s ease-out;
    color: var(--sk-text);
    text-decoration: none;
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
}
.check-rating.sticky {
    font-size: 12px;
    line-height: 15px;
    max-width: 140px;
    padding: 15px 10px 6px 30px;
}
.check-rating-star {
    position: relative;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 14px;
    transition: all 0.3s ease-out;
}
.check-rating.sticky .check-rating-star {
    gap: 2px;
    margin-bottom: 8px;
}
.check-rating-star img {
    width: 11px;
    transition: all 0.3s ease-out;
}
.check-rating.sticky .check-rating-star img {
    width: 5px;
}
.video-banner-two {
    position: relative;
    display: flex;
    max-width: 1275px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 661px;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 460px;
    background-color: var(--sk-black);
}
.font-41 h2 span {
    color: var(--sk-secondary);
}
.max-width-1342 {
    max-width: 1342px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-1432 {
    max-width: 1432px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-505 {
    max-width: 505px;
}
.max-width-505 h2 {
    margin-bottom: 15px;
}
.max-width-581 {
    max-width: 581px;
}
.new-icon-blog {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0 34px;
}
.new-icon-img {
    position: relative;
    display: flex;
    margin-bottom: 38px;
}
.new-icon-img img {
    width: 91px;
}
.new-icon-blog h3 {
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-text);
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
}
.new-icon-blog p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 0;
}
.new-icon-row > .row {
    --bs-gutter-y: 100px;
}
.new-icon-row > .row > [class^="col-"]:last-child .new-icon-blog:before,
.new-icon-row > .row > [class^="col-"]:first-child .new-icon-blog:before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    width: 200vw;
    height: 22px;
    background-color: #F4F4F4;
    z-index: -1;
}
.new-icon-blog:after {
    position: absolute;
    display: block;
    content: '';
    right: -30%;
    top: 50px;
    width: 60%;
    height: 1px;
    background-color: var(--sk-secondary);
}
.new-icon-row > .row > [class^="col-"]:last-child .new-icon-blog:after {
    display: none;
}
.carrer-gallery {
   margin-left: -6px;
   margin-right: -6px;
}
.carrer-gallery .grid-item {
    margin-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
    width: calc(20% - 1px);
    height: 435px;
    display: flex;
}
.carrer-gallery .grid-item.half-grid {
    width: 10%;
}
.carrer-gallery .grid-item.half-height {
    height: 211px;
}
.carrer-gallery .gallery-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.circular-content-video {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1142px;
    margin-left: auto;
    margin-right: auto;
}
.circular-content-video video {
    width: 100%;
}
.overflow-auto.vc_row[data-vc-full-width] {
    overflow: initial !important;
}
.team-bio-info.white-color .maxtitle-1 {
    color: var(--sk-white);
}
.team-story {
    position: relative;
    display: block;
    max-width: 985px;
    margin-left: auto;
    margin-right: auto;
}
.team-story-name {
    font-family: "rollerscript-smooth",sans-serif;
    font-size: 36px;
    line-height: 48px;
    display: block;
}
.circular-bottom {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 65px;
    max-width: 582px;
    margin-left: auto;
    margin-right: auto;
}
.circular-bottom small {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    display: block;
}
.disclosure-text small {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    display: block;
    text-align: center;
}
.text-start .disclosure-text small {
    text-align: left;
}
.recent-article-blog .disclosure-text small {
    text-align: left;
}
.btn-outer + .disclosure-text,
.post-info + .disclosure-text {
    margin-top: 15px;
}
.post-blog-disclosure small {
    font-size: 10px;
    line-height: 14px;
    font-style: italic;
    display: block;
}
.post-blog-bottom {
    position: relative;
    display: flex;
    padding: 0px 0px 0 20px;
    align-items: flex-end;
    flex: 1 0 0;
}
.post-blog-disclosure {
    padding: 0 20px 10px 0;
}
.post-blog-two .main-btn {
    min-width: 164px;
}
.disclosure-small {
    font-size: 12px;
    line-height: 18px;
}
.tfo-differentor-row {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.tfo-differentor-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 153px;
    gap: 0 30px;
}
.tfo-differentor-list .content-img {
    text-align: right;
}
.tfo-differentor-list .content-title {
    padding-left: 100px;
}
.tfo-differentor-list .content-title p {
    max-width: 611px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 0;
}
.tfo-differentor-list .content-logo {
    margin-bottom: 29px;
}
.tfo-differentor-list .sub-title {
    margin-bottom: 22px;
}
.tfo-differentor-list .content-title h2 {
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-primary);
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 28px;
    font-weight: 700;
}
.tfo-differentor-list .content-title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 22px;
    width: 19px;
    height: 19px;
    background-color: var(--sk-primary);
    border-radius: 50%;
    z-index: 2;
}
.tfo-differentor-row:after {
    position: absolute;
    content: '';
    left: 8px;
    top: 22px;
    width: 3px;
    height: 100%;
    background-color: var(--sk-primary);
}
.tfo-differentor-list:last-child .content-title:after {
    display: none;
}
.tfo-differentor-list:first-child .content-title:after {
    position: absolute;
    content: '';
    left: 7px;
    top: calc(-100% + 30px);
    width: 4px;
    height: 100%;
    background-color: var(--sk-white);
    z-index: 1;
}
.tfo-differentor-list:last-child .content-title:after {
    position: absolute;
    display: flex;
    content: '';
    left: 7px;
    top: calc(0% + 30px);
    width: 4px;
    height: 100vh;
    background-color: var(--sk-white);
    z-index: 1;
}
#client-login-popup .modal-office-title {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
#client-login-popup .modal-office-title h3 {
    margin: 0;
}
#client-login-popup .modal-body {
    padding: 0px 30px 10px;
}
#client-login-popup .modal-body .main-btn {
    width: 100%;
    justify-content: center;
}
.testimonial-image-section + .disclosure-text {
    margin-top: 30px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
.gif-image-section .content-img {
    text-align: center;
}
.gsap-marker-end,
.gsap-marker-start,
.gsap-marker-scroller-start,
.gsap-marker-scroller-end {
    opacity: 0;
    visibility: hidden;
    display: none !important;
}
.tfo-image-text-section {
    padding: 149px 0 149px;
}
.tfo-image-text-row + .tfo-image-text-row{
    margin-top: 200px;
}
.tfo-image-text-row .content-img {
    text-align: center;
}
.tfo-image-text-row .row {
    --bs-gutter-x: 115px;
    --bs-gutter-y: 50px;
}
.tfo-image-text-row .content-title h2 {
    color: var(--sk-primary);
    font-weight: 700;
    margin-bottom: 30px;
}
.tfo-image-text-row .content-title .read-more {
    border-radius: 17px;
}
.tfo-image-text-row .content-title .read-more:hover {
    background-color: var(--sk-secondary);
    color: var(--sk-text);
    padding-left: 12px;
}
.tfo-image-text-row .content-title .read-more:hover span {
    left: 0px;
}
.team-member-quote-slider .slick-dots {
    padding: 0;
    margin: 40px 0 0 0;
    text-align: center;
}
.team-member-quote-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 5px;
    border-radius: 50%;
    background-color: var(--sk-text);
}
.team-member-quote-slider .slick-dots li button {
    opacity: 0;
    font-size: 0;
    padding: 0;
}
.team-member-quote-slider .slick-dots li.slick-active {
    background-color: var(--sk-secondary);
}
.right-trak-video,
.right-trak-video video {
    width: 100%;
    position: relative;
    display: flex;
}
.right-trak-video video {
    border-radius: 29px;
}
.play-video-btn {
    position: absolute;
    left: 21px;
    bottom: 17px;
    width: 33px;
    height: 33px;
    display: flex;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.17);
    cursor: pointer;
}
.play-video-btn:before {
    position: absolute;
    content: '';
    left: 52%;
    top: 52%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 15px;
    background: url(../images/play.svg) no-repeat center;
    background-size: contain;
}
.play-video-btn.active:before {
    background: url(../images/pause.svg) no-repeat center;
    background-size: contain;
    left: 50%;
    top: 50%;
}
.content-info ol {
    display: block;
    padding: 0;
    margin: -20px 0 0 0;
}
.content-info ol li {
    display: flex;
    padding: 0;
    margin: 0;
    gap: 5px;
}
.carrer-banner video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.counter-section {
    border-top: 1px solid var(--sk-border);
    border-bottom: 1px solid var(--sk-border);
}
.counter-row {
    max-width: 1125px;
    margin-left: auto;
    margin-right: auto;
}
.counter-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 10px 20px 25px;
    background-color: var(--sk-white);
    border-left: 1px solid var(--sk-border);
    width: 100%;
    height: 100%;
}
.row [class^="col-"]:last-child .counter-blog {
    border-right: 1px solid var(--sk-border);
}
.counter-blog p {
    line-height: 1.5;
    max-width: 261px;
    margin: 0 auto;
}
.counter-blog *:last-child {
    margin-bottom: 0;
}
.counter-title {
   font-family: "mencken-std-head", sans-serif;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--sk-secondary);
}
.video-img-section .content-info {
    max-width: 558px;
}
.video-img-section .content-img img {
    border-radius: 41px;
}
.play-btn {
    position: absolute;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 258px;
    height: 134px;
    background-color: var(--sk-text);
    opacity: 0.7;
    align-items: center;
    justify-content: center;
}
.play-btn:hover {
    opacity: 0.9;
}
.play-btn span {
    position: relative;
    display: flex;
    border-left: 54px solid var(--sk-white);
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    margin-left: 10px;
}

.max-width-604 {
    max-width: 604px;
}
.max-width-568 {
    max-width: 568px;
} 
.br-25 img {
    border-radius: 25px;
}
.ml-auto {
    margin-left: auto;
}
.team-banner {
    padding: 120px 0 95px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.team-banner .hero-caption {
    max-width: 755px;
    margin-left: auto;
    margin-right: auto;
}
.team-banner .hero-caption h2 {
    color: var(--sk-white);
    font-size: 51px;
}
.team-banner .hero-caption .sub-title {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.tfo-banner {
    padding: 121px 0 140px;
}
.tfo-banner .sub-title {
    font-size: 18px;
}
.tfo-banner h1 {
    font-size: 70px;
    line-height: 1.1;
}
.tfo-banner h1 span {
    color: var(--sk-secondary);
    font-family: 'Brittany Signature';
    font-size: 79px;
    font-weight: 400;
    float: right;
    margin-top: -74px;
}
.tfo-banner p {
    max-width: 658px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 30px;
}
.tfo-banner .hero-caption {
    max-width: 733px;
}
.tfo-banner .hero-caption .read-more {
    background-color: var(--sk-secondary);
    color: var(--sk-black);
    padding: 7px 14px;
    border-radius: 17px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}
.tfo-banner .hero-caption .read-more span {
    width: auto;
    height: auto;
}
.circular-content-row.experience-circular.tfo-advisor .circular-center-content {
    width: 218px;
    height: 218px;
}
.circular-content-row.experience-circular.tfo-advisor .circular-content-img {
    width: 486px;
    height: 486px;
}
.experience-circular.tfo-advisor .circular-list ul li:nth-child(2) {
    left: 576px;
    top: 116px;
}
.experience-circular.tfo-advisor .circular-list ul li:nth-child(3) {
    left: 577px;
    top: 313px;
}
.experience-circular.tfo-advisor .circular-list ul li:nth-child(4) {
    left: 413px;
    top: 480px;
}
.experience-circular.tfo-advisor .circular-list ul li:nth-child(5) {
    left: 193px;
    top: 480px;
}
.experience-circular.tfo-advisor .circular-list ul li:nth-child(6) {
    left: -1px;
    top: 325px;
}
.experience-circular.tfo-advisor .circular-list ul li:nth-child(8) {
    left: 194px;
    top: -39px;
}
.experience-circular.tfo-advisor .circular-list ul li:first-child {
    left: 423px;
    top: -41px;
}
.tfo-advisor.circular-content-row {
    margin-top: 45px;
    margin-bottom: 45px;
    margin-right: 0;
}
.grid-23 > .row {
    --bs-gutter-x: 47px;
    --bs-gutter-y: 47px;
}
.content-top-line .content-blog {
    border-top: 2px solid var(--sk-secondary);
    padding-top: 23px;
}
.content-top-line .content-blog h3 {
    font-size: 23px;
    line-height: 1.2;
    font-family: "proxima-nova",sans-serif;
    color: var(--sk-black);
    margin-bottom: 12px;
}
.content-top-line .content-blog *:last-child {
    margin-bottom: 0;
}
.max-width-950 {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}
.max-width-950 p small {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    display: block;
}
.location-title h2 {
    font-family: 'Brittany Signature';
    font-size: 81px;
    line-height: 1.7;
    letter-spacing: 0.04em;
    font-weight: 400;
    color: var(--sk-secondary);
}
.location-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px 72px;
    padding: 0;
    margin: 0;
}
.location-list li {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    color: var(--sk-text);
    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}
.location-list li img {
    width: 36px;
    min-width: 36px;
}
.map-div {
    text-align: center;
}
.max-width-912 {
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
}
.feature-new .feature-blog h3 {
    font-size: 23px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--sk-black);
    margin-bottom: 15px;
}
.testimonials-section.testimonials-section-v2 {
    margin-top: -350px;
    padding-top: 428px;
}
.contact-section .content-row > .row {
    --bs-gutter-x: 104px;
}
.contact-section .content-title h2 {
    font-size: 46px;
    line-height: 1.2;
    font-weight: 700;
}
.contact-section .content-title p {
    font-size: 22px;
    line-height: 1.5;
}
.contact-form {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 7px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 30px;
    background-color: var(--sk-white);
}
.contact-form .row {
    --bs-gutter-x: 14px;
    --bs-gutter-y: 20px;
}
.input-div {
    position: relative;
    display: block;
    width: 100%;
}
.input-div label {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 0 10px;
}
.input-div input,
.input-div textarea {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 20px;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid #B9B9B9;
    transition: all 0.3s ease-out;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    font-family: "proxima-nova",sans-serif;
}
.input-div input:focus,
.input-div textarea:focus {
    border-color: var(--sk-secondary);
}
.submit-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 47px;
    padding: 15px 12px 11px 16px;
    border: 1px solid var(--sk-secondary);
    background-color: transparent;
    color: var(--sk-secondary);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
    margin: 10px 0;
}
.submit-btn:hover {
    color: var(--sk-white);
    background-color: var(--sk-secondary);
}
.submit-btn i {
    position: relative;
    display: flex;
}
.submit-btn i img {
    width: 12px;
    min-width: 12px;
}
.submit-btn:hover .normal-icon {
    opacity: 0;
    visibility: hidden;
}
.submit-btn:hover .hover-icon {
    opacity: 1;
    visibility: visible;
}
.form-note p {
    margin: 0;
    color: #7C7C7C;
    font-size: 12px;
    line-height: 1.6;
    max-width: 386px;
}
.green-triangle-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 199px;
    background-color: var(--sk-secondary);
    clip-path: polygon(0 0, 100% 65%, 100% 100%, 0% 100%);
}
.green-vector-right {
    position: absolute;
    right: 15px;
    top: 42%;
}
.green-vector-left {
    position: absolute;
    left: 19px;
    bottom: 30px;
}
.contact-form.contact-new {
    max-width: 564px;
}
.contact-form.contact-new .input-div {
    margin-bottom: 0;
}
.contact-section .submit-btn i {
    margin-top: -2px;
}
.contact-section .submit-btn span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.max-container-1521 .main-btn {
    padding: 7px 14px;
    border-radius: 17px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: inherit;
}
.postcast-banner {
    padding: 174px 0 222px;
}
.green-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-primary);
    mix-blend-mode: hard-light;
}
.postcast-banner .container {
    position: relative;
}
.postcast-banner-logo {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto 35px;
}
.postcast-banner-logo img {
    width: 100%;
    max-width: 736px;
}
.postcast-banner .sub-title {
    font-family: 'Bebas Neue';
    font-size: 35px;
    line-height: 1.5;
    margin-bottom: 0px;
    font-weight: 400;
    letter-spacing: 0;
}
.postcast-banner .maxtitle-1 {
    font-size: 62px;
    line-height: 1;
    font-weight: 400;
    font-family: 'Ballpoint Signature';
    color: var(--sk-white);
    margin-bottom: 33px;
    letter-spacing: 0;
}
.postcast-banner p {
    max-width: 765px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: 18px;
}
.postcast-banner-bottom {
    margin-top: 56px;
}
.postcast-banner-bottom p {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.postcast-banner-bottom .btn-outer {
    gap: 20px;
}
.postcast-banner-bottom .main-btn {
    border-radius: 17px;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400;
}
.postcast-banner-bottom .main-btn img {
    display: flex;
    height: 22px;
    object-fit: contain;
    margin-right: 10px;
}
.podcast-big-post {
    position: relative;
    display: flex;
    width: 100%;
    padding: 157px 114px 102px 67px;
    background-color: var(--sk-light-gray);
    border-radius: 87px 87px 0 0;
    max-width: 1748px;
    margin-top: -100px;
    margin-left: auto;
    margin-right: auto;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
}
.podcast-blog-left {
    position: relative;
    width: 45%;
    max-width: 501px;
}
.podcast-blog-img {
    position: relative;
    width: 65%;
    max-width: 942px;
}
.podcast-blog-img img {
    width: 100%;
}
.postcast-meta {
    position: relative;
    display: inline-flex;
    background-color: var(--sk-secondary);
    padding: 6px 20px;
    color: var(--sk-black);
    border-radius: 17px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.podcast-blog-left h2 a {
    color: var(--sk-primary);
    text-decoration: none;
}
.podcast-blog-left .btn-outer {
    gap: 20px;
    margin-top: 30px;
}
.podcast-blog .main-btn,
.podcast-blog-left .main-btn {
    background-color: transparent;
    border: 1px solid var(--sk-black);
    color: var(--sk-black);
    padding: 15px 20px;
    font-weight: 600;
    letter-spacing: 0.04em;
    min-width: 159px;
    justify-content: center;
}
.podcast-blog .main-btn:before,
.podcast-blog-left .main-btn:before {
    border-bottom-color: var(--sk-secondary);
}
.podcast-blog .main-btn img,
.podcast-blog-left .main-btn img {
    display: flex;
    height: 22px;
    object-fit: contain;
    margin-left: 17px;
}
.podcast-row > .row {
    --bs-gutter-x: 58px;
    --bs-gutter-y: 71px;
}
.podcast-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--sk-white);
    border-radius: 18px 18px 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.podcast-blog-img {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
}
.podcast-blog-img img {
    width: 100%;
    transform: scale(1);
    transition: all 0.3s ease-out;
}
.podcast-blog-img:hover img {
    transform: scale(1.1);
}
.podcast-blog-info {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 16px;    
}
.podcast-blog-info h3 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: "proxima-nova", sans-serif;
    max-width: 340px;
}
.podcast-blog-info h3 a {
    text-decoration: none;
    color: var(--sk-black);
}
.podcast-blog-info h3 a:hover {
    color: var(--sk-primary);
}
.podcast-blog-info p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.postcast-date {
    position: relative;
    display: inline-flex;
    color: #9A9A9A;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
}
.podcast-blog .btn-outer {
    padding: 20px 20px 30px;
    justify-content: center;
}
.load-more {
    position: relative;
    display: inline-flex;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.host-img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.host-img img {
    width: 100%;
    max-width: 510px;
}
.host-img .vector {
    position: absolute;
    left: -50px;
    top: 108px;
    z-index: -1;
}
.host-img .play-button {
    position: absolute;
    display: flex;
    right: 44px;
    bottom: 44px;
    width: 178px;
    height: 178px;
    background-color: var(--sk-white);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}
.host-img .play-button img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.host-info {
    position: relative;
}
.host-info p {
    max-width: 480px;
}
.host-info .sub-title {
    display: inline-flex;
    background-color: var(--sk-secondary);
    padding: 5px 20px;
    color: var(--sk-black);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.1em;
    border-radius: 17px;
    margin-bottom: 15px;
}
.host-info h2 {
    margin-bottom: 5px;
}
.host-info h3 {
    color: var(--sk-black);
}
.host-info .read-more {
    margin-top: 20px;
}
.grid-80 > .row {
    --bs-gutter-x: 80px;
}
.stream-section .sub-title {
    display: inline-flex;
    background-color: var(--sk-secondary);
    padding: 5px 20px;
    color: var(--sk-black);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.1em;
    border-radius: 17px;
    margin-bottom: 15px;
}
.stream-section .content-title h2 {
    max-width: 497px;
}
.stream-section .content-title p {
    max-width: 424px;
}
.news-subscribe {
    position: relative;
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: var(--sk-primary);
    padding: 45px 46px 45px 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}
.news-subscribe h2 {
    color: var(--sk-black);
    margin: 0;
    font-size: 46px;
    line-height: 1.2;
}
.news-subscribe h2 span {
    color: var(--sk-white);
}
.green-dots {
    position: absolute;
    left: -138px;
    top: -38px;
    z-index: -1;
}
.news-subscribe-input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 559px;
    min-width: 500px;
}
.news-subscribe-input input {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--sk-white);
    padding: 23px 120px 23px 35px;
    border-radius: 38px;
    outline: none;
    box-shadow: none;
    transition: all 0.3s ease-out;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--sk-black);
    border: none;
}
.news-subscribe-input input::placeholder {
    color: #C6C6C6;
    opacity: 1;
}
.news-subscribe-input button {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 95px;
    height: 52px;
    background-color: var(--sk-secondary);
    border-radius: 38px;
    color: var(--sk-white);
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
    outline: none;
    box-shadow: none;
    border: none;
    padding: 0;
    justify-content: center;
}
.podcast-detail-banner {
    padding: 90px 0 0;
    z-index: 2;
}
.podcast-heading {
    color: var(--sk-white);
}
.podcast-heading .sub-title {
    color: var(--sk-white);
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
.podcast-heading h1 {
    font-size: 64px;
    line-height: 1.2;
    color: var(--sk-white);
}
.podcast-heading p {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
}
.podcast-header-img {
    margin: 60px auto -140px;
    max-width: 945px;
}
.podcast-detail {
    max-width: 945px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.podcast-detail .btn-outer {
    gap: 20px;
}
.podcast-detail p {
    margin-bottom: 25px;
}
.podcast-detail .main-btn {
    background-color: transparent;
    border: 1px solid var(--sk-black);
    color: var(--sk-black);
    padding: 11px 15px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}
.podcast-detail .main-btn img {
    display: flex;
    margin-right: 7px;
}
.podcast-detail .main-btn:before {
    border-bottom-color: var(--sk-secondary);
}
.podcast-detail .content-row {
    margin-top: 130px;
}
.podcast-detail .content-row .content-img {
    max-width: 398px;
}
.podcast-detail .content-row .content-title {
    max-width: 453px;
    margin-left: auto;
}
.podcast-detail .content-row .content-title h3 {
    font-family: "proxima-nova", sans-serif;
    color: var(--sk-black);
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.podcast-detail-bottom {
    margin-top: 50px;
}
.max-container-1920 {
    max-width: 1920px;
    padding-left: 106px;
    padding-right: 106px;
}
.podcast-detail-banner-one {
    padding: 127px 0 0;
    z-index: 2;
}
.podcast-detail-one .row,
.podcast-detail-banner-one .row {
    --bs-gutter-x: 108px;
}
.podcast-auther {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 516px;
    margin-bottom: -269px;
    z-index: 2;
}
.podcast-auther img {
    position: relative;
    display: flex;
    width: 100%;
    box-shadow: 10px 0 32px rgba(0, 0, 0, 0.12);
}
.podcast-auther-info {
    position: absolute;
    left: 0;
    bottom: 28px;
    display: inline-flex;
    flex-direction: column;
    background-color: var(--sk-secondary);
    padding: 15px 20px;
}
.podcast-auther-info h3 {
    font-family: 'Trully Signature Trial';
    font-family: 'Brittany Signature';
    color: var(--sk-black);
    font-size: 36px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 10px;
}
.podcast-auther-info p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}
.podcast-detail-banner-one .podcast-heading h1 {
    font-size: 50px;
    line-height: 1.2;
    color: var(--sk-white);
    max-width: 579px;
}
.podcast-detail-one .podcast-detail {
    margin-left: 0;
}
.podcast-detail-one .podcast-detail p {
    margin-bottom: 40px;
}
.podcast-detail-one .podcast-detail-bottom {
    margin-top: 20px;
}
