/**
 * @file
 * Subtheme specific CSS.
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,
body,
#page-wrapper,
.site-footer {
    font-family: 'Poppins', sans-serif;
}

/* Bootstrap 4 padding and margins */
.m-auto {
    margin: 0 auto !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.p-10 {
    padding: 10rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}

.pt-huge {
    padding-top: 6.25rem;
}

.pr-huge {
    padding-right: 6.25rem !important;
}

.pb-huge {
    padding-bottom: 6.25rem;
}

.pl-huge {
    padding-left: 6.25rem !important;
}

.px-huge {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
}

.py-huge {
    padding-bottom: 6.25rem !important;
    padding-top: 6.25rem !important;
}

.pb-huge-x2 {
    padding-bottom: 12.5rem;
}

.pt-huge-x2 {
    padding-top: 12.5rem;
}

.pt-huge-x2 {
    padding-top: 12.5rem;
}

.pr-huge-x2 {
    padding-right: 12.5rem;
}

.pb-huge-x2 {
    padding-bottom: 12.5rem;
}

.pl-huge-x2 {
    padding-left: 12.5rem;
}

.px-huge-x2 {
    padding-right: 12.5rem;
    padding-left: 12.5rem;
}

.py-huge-x2 {
    padding-bottom: 12.5rem;
    padding-top: 12.5rem;
}


.black,
a.black,
button.black {
    color: #121212;
}

.white,
a.white,
button.white {
    color: #ffffff;
}

.blue,
a.blue,
button.blue {
    color: #003B71 !important;
}

.tptblue,
a.tptblue,
button.tptblue {
    color: #7babdb;
}

.navy,
a.navy,
button.navy {
    color: #192C53;
}

.gold,
a.gold,
button.gold {
    color: #f8cb56;
}

.pink,
a.pink,
button.pink {
    color: #dc4cbe;
}

.silver,
a.silver,
button.silver {
    color: #bbb;
}

.yellow,
a.yellow,
button.yellow {
    color: #FAA62B;
}

.dark-green,
a.dark-green,
button.dark-green {
    color: #133737;
}

.thin {
    font-weight: 100;
}

.bg-black,
a.bg-black,
button.bg-black {
    background: #121212;
}

.bg-blue,
a.bg-blue,
button.bg-blue {
    background: #003B71;
}

.bg-tptblue,
a.bg-tptblue,
button.bg-tptblue {
    background: #139DDB;
}

.bg-gold,
a.bg-gold,
button.bg-gold {
    background: #f8cb56;
}

.bg-pink,
a.bg-pink,
button.bg-pink {
    background: #dc4cbe;
}

.bg-yellow,
a.bg-yellow,
button.bg-yellow {
    background: #FAA62B;
}

.bg-navy,
a.bg-navy,
button.bg-navy {
    background: #192C53;
}

.bg-dark-green,
a.bg-dark-green,
button.bg-dark-green {
    background: #133737;
}

.bg-sangria-red,
a.bg-sangria-red,
button.bg-sangria-red {
    background: #6F2422;
}

.bg-gradient,
a.bg-gradient,
button.bg-gradient {
    background: linear-gradient(#139DDB 22%, #003B71 70%);
}


/* Global CSS -- */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1280px;
}

body {
    padding-top: 0px !important;
}

body,
p,
div,
li {
    font-size: 1rem;
}

p,
li,
a {
    font-weight: 400;
    line-height: 1.5;
}

button:focus {
    outline: none !important;
}

#header>div {
    display: none !important;
}

#main-wrapper {
    margin-top: 70px;
}

#CollapsingNavbar {
    width: 70%;
}

a.navbar-brand {
    width: 30%;
}

.navbar-nav li {
    padding: 5px 30px;
    text-transform: uppercase !important;
}

#block-tpconnect-main-menu li.nav-item a:hover {
    color: #FAA62B;
}

nav#navbar-main {
    background: #FFFFFF !important;
    width: 100%;
    padding: 20px;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 12px;
}

.region-footer-fifth li {
    list-style: none;
}

li {
    line-height: 20px;
}

a,
link {
    color: #44566B;
}

a,
link:hover {
    text-decoration: none !important;
}

.red {
    background: #E75448;
}

.sky {
    background: #F0F7FF;
}

.sky-wrap {
    background: #F0F7FF;
    padding: 50px;
}

.white-wrap {
    background: #FFFFFF;
    padding: 50px;
}

.caps {
    text-transform: uppercase;
}

a.bg-yellow,
button.bg-yellow {
    color: #111D37;
}

.button {
    padding: 15px 60px 15px 15px;
    border-radius: 50px;
    display: inline-block;
    margin-top: 15px;
    color: #FFFFFF;
}

a.button {
    font-weight: 700;
    position: relative;
}

a.button.white-bg-green-arrow:before {
    content: '';
    background: url('/themes/tpconnect/images/green-arrow.png') no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    right: 10px;
    bottom: 8px;
}

a.button.white-bg-yellow-arrow:before {
    content: '';
    background: url('/themes/tpconnect/images/yellow-arrow.png') no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    bottom: -5px;
}

.col {
    padding: 0px !important;
}

.flex {
    display: flex;
}

.paragraph .field__label {
    display: none;
}

.years {
    font-size: 30px !important;
}

.center,
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block;
}

.banner h2.text-align-center {
    font-size: 32px;
    font-weight: 100;
    width: 90%;
}

.banner strong {
    font-weight: 600;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

/* Global CSS Ends --- */



/* Homepage --Hero -- */
.tpc-home-hero-wrap.white {
    display: flex;
    gap: 5%;
    width: 100%;
}

.tpc-home-hero-wrap .main-content {
    width: 40%;
}

.tpc-home-hero a,
.tpc-home-hero a:hover {
    color: #FFFFFF;
}

.main-desc {
    font-size: 18px;
    line-height: 22px;
    margin: 25px 0px;
}

.get-started a {
    color: #111D37;
    font-size: 14px;
}

.get-started a:hover {
    color: white !important;
}

.get-started-btn a:hover {
    background: #FAA62B;
}

.contact-center:hover,
.language-solution:hover {
    transition: .2s;
    transform: translateY(-4px);
}

.main-two-card {
    width: 60%;
    position: relative;
}

.main-two-card .flex {
    gap: 2%;
    position: absolute;
}

.contact-center,
.language-solution {
    width: 50%;
}

.contact-center {
    background: url(/themes/tpconnect/images/contact-center-card.png) no-repeat;
    background-size: 100% 100%;
}

.language-solution {
    background: url(/themes/tpconnect/images/language-solutions-card.png) no-repeat;
    background-size: 100% 100%;
}

.contact-center-wrap,
.language-solution-wrap {
    height: 525px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 20px;
}

@media screen and (min-width: 1500px) {

    .contact-center-wrap,
    .language-solution-wrap {
        height: 500px !important;
    }
}

@media screen and (max-width: 770px) {

    .contact-center-wrap h2,
    .language-solution-wrap h2 {
        font-size: 34px !important;
    }
}

.columns-6 .company-icons .innerIcon-container {
    width: auto !important;
}

.company-icons .field--name-field-icon-box {
    align-items: center;
}

.company-icons .top-icon img {
    width: 100% !important;
}


/* Case Study Pages CSS */

.case-study-header h1 {
    font-size: 36px !important;
    font-weight: 400;
}

h2.story-header {
    font-weight: 600;
    margin-left: 10%;
}

span.highlight-pink {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #f79da6 50%, #f79da6 100%);
}

span.highlight-green {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #c0d6a6 50%, #c0d6a6 100%);
}

span.highlight-gold {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #FFEFBA 50%, #FFEFBA 100%);
}

p.story-details,
ol.story-details,
ul.story-details {
    border-top: 10px solid gold;
    padding-top: 20px;
}

.client-quote {
    background: #EBF1F4;
    background-image: url(/sites/default/files/2025-02/client-lines.png) !important;
    background-color: #EBF1F4;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.client-quote p {
    font-size: 20px;
    color: black;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 20px;
}

/* Case Studies End */

/* Hero Banner -- */
.hero-content-wrap {
    position: relative;
    z-index: 1;
    padding-left: 10%;
    padding-right: 5%;
}

.hero-content-wrap p {
    font-size: 18px;
    line-height: 22px !important;
    margin: 25px 0px;
}

.hero-content-wrap,
.hero_video-image-wrap {
    width: 50%;
    color: #FFFFFF;
}

.inner-hero-img-content {
    display: flex;
    justify-content: space-around;
}

.contact-center-wrap,
.language-solution-wrap {
    position: relative;
}

.contact-center-wrap:before,
.language-solution-wrap:before {
    border: none;
    content: '';
    background: url(/themes/tpconnect/images/small-arrow.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: #FAA62B;
    border-radius: 50%;
}

.hero-video-wrap,
.hero-img-wrap {
    position: relative;
}

.Sangria.Red .hero-video-wrap:before,
.Sangria.Red .hero-img-wrap:before {
    content: '';
    background: #DE49445C;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.Gradient .content_hero-img-text {
    background: linear-gradient(#139DDB 40%, #003B71 95%);
    background-size: 50% 100%;
    bottom: -2px;
}

.hero-video-wrap iframe {
    width: 130%;
    height: 130%;
    overflow: hidden;
    position: absolute;
    top: -25px;
    left: -120px;
}

.hero-video-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ControlBar_module_controlBarWrapper__ea0d6863 {
    display: none;
}

.hero-img-wrap img {
    position: absolute;
}

.hero-img-wrap,
.hero-img-wrap img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: top;
}


.Spiral .hero-img-wrap,
.Spiral .hero-img-wrap img {
    object-fit: contain !important;
    object-position: top right;
}

@media screen and (max-width: 500px) {
    .Spiral .content_hero-img-text {
        background: url(/themes/tpconnect/images/spiral-blue.png) no-repeat;
    }
}

@media screen and (max-width: 770px) {

    .Spiral .hero-img-wrap,
    .Spiral .hero-img-wrap img {
        top: 15%;
        transform: scale(1.12);
    }
}

@media screen and (min-width: 772px) and (max-width: 1024px) {

    .Spiral .hero-img-wrap,
    .Spiral .hero-img-wrap img {
        top: 8%;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1350px) {

    .Spiral .hero-img-wrap,
    .Spiral .hero-img-wrap img {
        top: 5%;
    }
}

.content_hero-img-text {
    position: relative;
}

.Blue .content_hero-img-text {
    background: linear-gradient(#003B71 0%, #001F3B 100%);
    background-size: 50% 100%;
    bottom: -2px;
}

.Spiral .content_hero-img-text {
    background: url(/themes/tpconnect/images/spiral-lefty.png) no-repeat;
    background-size: cover;
    bottom: -2px;
}

.Green .content_hero-img-text {
    background: url(/themes/tpconnect/images/green-bg-hero.png) no-repeat;
    background-size: 50% 100%;
    bottom: -2px;
}

.Sangria.Red .content_hero-img-text {
    background: url(/themes/tpconnect/images/red-bg-hero.png) no-repeat;
    background-size: 50% 100%;
    bottom: -2px;
}

.scroll-content>div {
    font-size: 58px;
}

#paragraph-495 .container {
    max-width: 100%;
}

.scroll-left {
    position: relative;
    text-align: center;
    transform: translateX(30%);
}

.in-viewport .scroll-left {
    animation: 3s slide-left;
    transform: translateX(0%);
}

@keyframes slide-left {
    from {
        transform: translateX(30%);
    }

    to {
        transform: translateX(0%);
    }
}

.scroll-right {
    position: relative;
    text-align: center;
    transform: translateX(-30%);
}

.in-viewport .scroll-right {
    animation: 3s slide-right;
    transform: translateX(0%);
}

@keyframes slide-right {
    from {
        transform: translateX(-30%);
    }

    to {
        transform: translateX(0%);
    }
}

.scroll-content {
    overflow: hidden;
}

/* Video Container -- */
.full-video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.full-video-wrap iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
}

/* Video Container -- Ends*/

/* Owl Carousel -- */
.owl-item {
    padding: 30px;
    box-shadow: 0px 10px 40px 0px #E6E9DB80;
    text-align: center;
}

#paragraph-517 .owl-item {
    background: #F5FBFF !important;
    box-shadow: 0px 10px 20px 0px #a3a3a3;
}

.s_carousal_title {
    margin: 10px 0px;
    font-size: 20px;
    font-weight: 700;
}

.s_carousal_link a {
    color: #FAA62B;
    font-weight: 600;
}

.owl-carousel-3d .s_carousal_img img {
    width: 100px !important;
    height: 100px;
    margin: auto
}

#paragraph-type--carousel_and_content_side_by_sid {
    padding-top: 100px;
    height: 650px;
}

.carousel-content-sidebyside .owl-height {
    height: 400px !important;
}

.owl-carousel-container .owl-carousel .owl-item,
.owl-side-carousel {
    position: relative;
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    transition: all 0.2s;
    -webkit-transform: all 0.2s;
    z-index: 1;
}

.owl-carousel-container .owl-item.active.big,
.owl-side-carousel {
    transform: scale(1);
    -ms-transform: scale(1);
    z-index: 3;
}

.owl-carousel-container .owl-item.active.medium.mdleft,
.owl-side-carousel {
    right: -20px;
}

.owl-carousel-container .owl-item.active.medium.mdleft,
.owl-side-carousel {
    position: relative;
}

.owl-carousel-container .owl-item.active.medium,
.owl-side-carousel .owl-item.active.medium {
    transform: scale(0.75);
    -ms-transform: scale(0.75);
    max-height: 325px;
    min-height: 320px;
    z-index: 2;
}

.owl-carousel-container .owl-item.active.smallLeft,
.owl-side-carousel .owl-item.active.smallLeft {
    transform: scale(0.675);
    -ms-transform: scale(0.675);
    position: relative;
    max-height: 320px;
    right: -75px;
}

.owl-carousel-container .owl-item.active.medium.mdright,
.owl-side-carousel .owl-item.active.medium.mdright {
    left: -20px;
}

.owl-carousel-container .owl-item.active.medium.mdright,
.owl-side-carousel .owl-item.active.medium.mdright {
    position: relative;
}

.owl-carousel-container .owl-item.active.medium,
.owl-side-carousel .owl-item.active.medium {
    transform: scale(0.75);
    -ms-transform: scale(0.75);
    max-height: 325px;
    min-height: 320px;
    z-index: 2;
}

.owl-carousel-container .owl-item.active.smallRight,
.owl-side-carousel .owl-item.active.smallRight {
    transform: scale(0.675);
    -ms-transform: scale(0.675);
    position: relative;
    max-height: 320px;
    left: -75px;
}

.owl-dots,
.owl-nav.disabled {
    display: none;
}

.owl-nav,
.grid-nav {
    display: flex !important;
    justify-content: space-between;
    width: 20%;
    background: #192C53;
    margin: auto;
    padding: 25px;
    border-radius: 50px;
}

button.owl-prev,
button.owl-next {
    height: 0px;
    border: none;
    background: none;
    position: relative;
}

button.owl-prev:before {
    border: none;
    content: '';
    background: url(/themes/tpconnect/images/green-arrow.png) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -17px;
    bottom: -17px;
    transform: rotate(180deg);
}

button.owl-next:after {
    border: none;
    content: '';
    background: url(/themes/tpconnect/images/green-arrow.png) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -25px;
    bottom: -30px;
}

.carousel-content-sidebyside {
    display: flex;
    position: relative;
}

.side-carousel {
    width: 65%;
    position: relative;
}

.caruoselaside-content {
    position: relative;
    top: 100px;
}

.owl-side-carousel .owl-item.active {
    width: 26vw !important;
}

.caruoselaside-wrap li {
    padding: 10px 0px;
}

.caruoselaside-wrap ul {
    padding: 5px 0px 0px 25px;
}

.owl-side-carousel .s_carousal_img img {
    width: 50px !important;
    height: 50px !important;
    margin: auto;
}

.owl-side-carousel .side-carousel-headline {
    margin-bottom: 25px;
    text-align: left;
    padding-left: 30px;
}

#owl-clients-517 .owl-nav {
    width: 30% !important;
    margin: 25px auto 165px;

}

#owl-clients-508 .s_carousal_link {
    display: none;
}

/* Slick Grid Slider -- */
.grid-carousal-section {
    display: block !important;
}

.grid-carousal-headline {
    padding-bottom: 30px;
    width: 80%;
    margin: auto;
}

.grid-carousal-section .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 20px 0px;
}

@media screen and (max-width: 500px) {
    .grid-carousal-section .title {
        font-size: 12px;
    }
}

.grid-carousal-section .inner-box {
    position: relative;
}

.grid-carousal-section .content-section {
    padding: 15px 25px;
    position: absolute;
    bottom: 10px;
    z-index: 1;
    width: 35%;
    color: #ffffff !important;
}

.grid-carousal-section .icon img {
    width: 100%;
    height: auto;
}

.grid-nav {
    background: transparent !important;
    border: 1px solid #274D4D;
}

.grid-nav.inactive,
.slick-dots .inactive {
    display: none;
}

#grid-prev:before {
    border: none;
    content: '';
    background: url(/themes/tpconnect/images/previous-blue.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -20px;
    bottom: -24px;
}

#grid-prev,
#grid-next {
    position: relative;
}

#grid-next:after {
    border: none;
    content: '';
    background: url(/themes/tpconnect/images/next-blue.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -19px;
    bottom: -24px;
}

ul.slick-dots {
    width: auto;
    left: 48%;
    bottom: -85px;
}

/* Open Text HTML -- */
.banner .inner-opne-html {
    width: 80%;
    margin: auto;
}

.banner .inner-opne-html,
.banner .inner-opne-html h3,
.banner .inner-opne-html p {
    color: #FFFFFF;
    font-size: 2rem;
}

/* -- Stats Cards -- */
.statscard {
    height: 6.24rem;
}

.stats-text,
.stats-text span {
    font-size: 3vw;
    font-weight: 700;
}

.stats-section {
    text-align: center;
    color: #192c53;
}

#paragraph-type--stats_cards .field--name-field-stats->.field__item {
    margin: 15px;
}

#paragraph-type--stats_cards .field.field--name-field-stats- .field__items {
    display: grid;
    justify-content: center;
}

#paragraph-type--stats_cards .field.field--name-field-stats- .field__items .field__item {
    background: #FFFFFF;
}

#paragraph-type--stats_cards .columns- .field.field--name-field-stats- .field__items,
#paragraph-type--stats_cards .columns-3 .field.field--name-field-stats- .field__items {
    grid-template-columns: auto auto auto;
}

#paragraph-type--stats_cards .columns-4 .field.field--name-field-stats- .field__items {
    grid-template-columns: auto auto auto auto;
    gap: 4%;
    position: relative;
    top: 20px;
}

#paragraph-type--stats_cards .columns-5 .field.field--name-field-stats- .field__items {
    grid-template-columns: auto auto auto auto auto;
}

#paragraph-type--stats_cards .columns-6 .field.field--name-field-stats- .field__items {
    grid-template-columns: auto auto auto auto auto auto;
}

#paragraph-type--stats_cards .stats-inner-box a {
    text-decoration: none;
}

#paragraph-type--stats_cards .columns-3 .stats-inner-box {
    max-width: 350px;
    width: 350px;
    position: relative;
}

#paragraph-type--stats_cards .columns-4 .stats-inner-box {
    max-width: 255px;
    width: 255px;
    position: relative;
}

#paragraph-type--stats_cards .columns-5 .stats-inner-box {
    max-width: 235px;
    width: 235px;
    position: relative;
}

#paragraph-type--stats_cards .columns-6 .stats-inner-box {
    max-width: 275px;
    width: 215px;
    position: relative;
}

#paragraph-type--stats_cards .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 20px 0px;
}

.stats-desc p {
    font-size: 1vw;
}

@media screen and (min-width: 1600px) {
    .stats-desc p {
        font-size: 16px;
    }

    #paragraph-501 .outer-wrap {
        top: -90px;
    }

    #paragraph-501 .owl-item {
        height: 310px;
    }
}

#paragraph-type--stats_cards .short-text {
    font-size: 14px;
    min-height: 12.5rem;
}

#paragraph-type--stats_cards .content-section {
    padding: 15px 25px;
}

.stats-blue .field.field--name-field-stats- .field__items .field__item {
    background: #192C53 !important;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-blue .field.field--name-field-stats- .field__items {
    gap: 50px;
}

.stats-blue .stats-inner-box {
    max-width: 275px !important;
}

.statscards-header {
    margin-bottom: 3rem;
}

.stats-blue .stats-section {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
}

.stats-blue .stats-desc p {
    color: #FFFFFF !important;
    font-size: 20px;
    line-height: 24px !important;
}

.statcard-background {
    background: #192c53;
    height: 6.24rem;
}

.statscard-container .outer-wrap {
    position: relative;
    top: -55px;
}

.statscard-container .main-carousal-section {
    display: flex;
    justify-content: center;
}

.statscard-container .owl-item {
    background: #FFFFFF;
    padding: 15px !important;
}

.statscard-container .owl-stage {
    display: flex;
}

.statscard-container .owl-nav {
    display: none !important;
}

.statsbox.columns-3 .statscards-box .field__items {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    gap: 50px;
}

.statsbox.columns-4 .statscards-box .field__items {
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: center;
    gap: 40px;
}

.statsbox.columns-5 .statscards-box .field__items {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content: center;
    gap: 25px;
}

.stats-inner-box {
    width: 260px;
    color: #FFFFFF;
    padding: 20px;
}

.statscards-box .field__items .field__item {
    background: #003B71;
}

/* -- Stats Cards -- Ends --*/

/* -- Secondary Paragraph Menu Block-- --*/
.secondary_menu-html {
    padding: 20px;
    position: relative;
}

#paragraph-type--menu_block ul.clearfix.nav {
    justify-content: center;
}

#paragraph-type--menu_block .menu-item--expanded ul {
    display: none;
}

#paragraph-type--menu_block li.nav-item a,
#paragraph-type--menu_block li.nav-item span {
    position: relative;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0px 20px;
    cursor: pointer;
}

#paragraph-type--menu_block li.nav-item.menu-item--expanded>a:before,
#paragraph-type--menu_block li.nav-item.menu-item--expanded>span:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transform: rotate(225deg);
    position: absolute;
    right: -5px;
    top: 7px;
}

#paragraph-type--menu_block li.nav-item.menu-item--expanded ul li a {
    text-transform: none;
}

li.nav-item.menu-item--expanded.menu-item--active-trail>a,
li.nav-item.menu-item--active-trail>a {
    color: #FAA62B !important;
}

#paragraph-type--menu_block .menu-bg-Sangria.Red .menu-item--expanded ul {
    position: absolute;
    background: #2C0F0E;
    padding: 15px 0px;
    z-index: 1;
}

#paragraph-type--menu_block .menu-bg-Blue .menu-item--expanded ul {
    position: absolute;
    background: #192C53;
    padding: 15px 0px;
    z-index: 1;
    min-width: 300px;
}

#paragraph-type--menu_block .menu-bg-Green .menu-item--expanded ul {
    position: absolute;
    background: #133737;
    padding: 15px 0px;
    z-index: 1;
}

#paragraph-type--menu_block .menu-item--expanded ul li {
    list-style: none;
}

#paragraph-type--menu_block .nav-item a:hover,
#paragraph-type--menu_block .menu-item--expanded ul li a:hover {
    color: #FAA62A !important;
}

.sec_menu.menu-bg-Sangria.Red {
    background: #2C0F0E;
}

#paragraph-type--menu_block .active-menu ul {
    display: block !important;
}

/* -- Secondary Paragraph Menu Block -- Ends --*/

/* Additional CSS for Paragraphs */
.featured-top {
    display: none;
}

#paragraph-41 .top-icon {
    width: 250px !important;
}

/* Webform CSS --- */
.wform_header-content,
.wform_header-content p {
    color: #FFFFFF !important;
}

.wform_header-content {
    width: 40%;
}

.wform_body {
    position: relative;
}

.wform_header_wrap {
    padding: 75px 150px;
    width: 85%;
}

.wform_header-content h2 {
    margin-bottom: 15px;
}

.wform_bottom_img img {
    width: 85%;
}

.webform-button--next,
.webform-button--submit {
    background: #139DD8 !important;
    padding: 12px 70px 10px 40px;
    text-align: center;
    border: #139DD8;
    color: #FFF;
    font-weight: 600;
    position: relative;
}

.webform-button--next:hover,
.webform-button--submit:hover {
    background: #071D49 !important;
    border: #071D49;
}

.webform-button--next:before,
.webform-button--submit:before {
    content: '';
    background: url(/themes/tpconnect/images/green-arrow.png) no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    right: 10px;
    bottom: 4px;
}

.webform-button--previous {
    background: #139DD8 !important;
    padding: 12px 40px 10px 70px;
    text-align: center;
    border: #139DD8;
    color: #139DD8;
    font-weight: 600;
    position: relative;
}

.webform-button--previous:before {
    content: '';
    background: url(/themes/tpconnect/images/green-arrow.png) no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 10px;
    bottom: 4px;
    transform: rotate(180deg);
}

.wform_body ul.webform-progress-tracker.progress-tracker.progress-tracker--center {
    display: none;
}

.wform_body form {
    width: 35%;
    position: absolute;
    background: #FFFFFF;
    transform: translate(170%, -106%) !important;
    padding: 20px 35px 40px 35px;
    box-shadow: 0px 4px 115.4000015258789px 0px #0000002B;
}

/* -- Icon Cards -- */
#paragraph-type--icon_cards .iconcards-header {
    margin-bottom: 50px;
}

#paragraph-type--icon_cards .field--name-field-icon-card-box {
    margin: 15px;
}

#paragraph-type--icon_cards .field.field--name-field-icon-card-box {
    display: grid;
}

#paragraph-type--icon_cards .columns-2-Col-FullWidth .container {
    max-width: 100% !important;
    padding: 0px;
}

#paragraph-type--icon_cards .columns-2-Col-FullWidth .field.field--name-field-icon-card-box {
    grid-template-columns: auto auto;
    margin: 0px !important;
}

#paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box {
    grid-template-columns: repeat(3, 1fr);
}

#paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box {
    grid-template-columns: auto auto auto auto;
}

#paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box {
    grid-template-columns: auto auto auto auto auto;
}

#paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box {
    grid-template-columns: auto auto auto auto auto auto;
}

#paragraph-type--icon_cards .inner-box a {
    text-decoration: none;
}

#paragraph-type--icon_cards .columns-3 .inner-box {
    max-width: 350px;
    width: 300px;
    position: relative;
}

#paragraph-type--icon_cards .columns-4 .inner-box {
    max-width: 255px;
    width: 255px;
    position: relative;
}

#paragraph-type--icon_cards .columns-5 .inner-box {
    max-width: 235px;
    width: 235px;
    position: relative;
}

#paragraph-type--icon_cards .columns-6 .inner-box {
    max-width: 275px;
    width: 215px;
    position: relative;
}

.case-studies .icon {
    background-size: contain !important;
    margin: 25px 25px 0px;
}

#paragraph-type--icon_cards .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
}

#paragraph-type--icon_cards .short-text {
    font-size: 14px;
    min-height: 75px;
}

#paragraph-type--icon_cards .linktopage {
    padding-bottom: 10px;
    margin-top: 5px;
    bottom: 10px;
    font-weight: 700;
}

#paragraph-type--icon_cards .field.field--name-field-icon-card-box {
    justify-content: normal !important;
}

#paragraph-type--icon_cards .icon .field--type-image {
    margin: 0px;
}

.full-landscape-img .icon {
    background-size: 100% 100%;
    height: 175px !important;
}

.full-landscape-img .icon {
    background-size: 100% 100%;
    height: 175px !important;
}

#paragraph-type--icon_cards .full-landscape-img .field.field--name-field-icon-card-box .field__item {
    background: #222222;
}

#paragraph-type--icon_cards .columns-3 .full-landscape-img .inner-box {
    padding: 0px !important;
}

#paragraph-type--icon_cards .box-shadow .field--name-field-icon-card-box .field__item {
    margin: 20px;
    padding: 25px;
    box-shadow: 0px 10px 40px 0px #E6E9DB80;
}

#paragraph-type--icon_cards .linktopage,
#paragraph-type--icon_cards .linktopage a {
    color: #FAA62B;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 600;
}

.imgposition-Behind .container {
    max-width: 100%;
    padding: 0px;
}

#paragraph-type--icon_cards .imgposition-Behind .field--name-field-icon-card-box .field__item {
    margin: 0px;
    padding: 0px;
    box-shadow: none;
}

#paragraph-type--icon_cards .imgposition-Behind .inner-box {
    max-width: 100% !important;
    width: 100%;
    height: 300px;
    position: relative;
}

.imgposition-Behind .icon img {
    width: 100%;
    height: 300px;
}

.imgposition-Behind .content-section,
.grid-carousal-section .content-section {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    padding-left: 5%;
}

.imgposition-Behind .content-section-wrap,
.grid-carousal-section .content-section-wrap {
    width: 50%;
    position: absolute;
    bottom: 15%;
    padding-left: 5%;
    color: #FFFFFF !important;
}

.imgposition-Behind .content-section:hover,
.grid-carousal-section .content-section:hover {
    background: rgba(255, 255, 255, 0.25);
}

#paragraph-type--icon_cards .imgposition-Behind .short-text {
    min-height: auto !important;
}

#paragraph-type--icon_cards .imgposition-Behind .field--name-field-icon-card-box {
    margin: 0px !important;
}

#paragraph-type--icon_cards .landscape .field--name-field-icon-card-box .field__item {
    padding: 0px 15px !important;
}

#paragraph-type--icon_cards .landscape .icon img {
    width: 100%;
}

#paragraph-type--icon_cards .landscape .inner-box {
    width: 100% !important;
    max-width: 100% !important;
}

#paragraph-type--icon_cards .landscape .content-section {
    padding: 0px 20px 20px;
}

.paragraph--type--icon-cards .icon img {
    height: 100px !important;
    width: auto !important;
}

/* -- Icon Cards -- Ends --*/

/* Icon horizontal List --- */
#paragraph-type--icon_horizontal_list .header-title {
    font-size: 36px;
    letter-spacing: 2px;
    padding-bottom: 25px;
    text-transform: uppercase;
}

#paragraph-type--icon_horizontal_list .Textinnercontainer {
    padding-bottom: 35px;
}

#paragraph-type--icon_horizontal_list .field--name-field-icon-box {
    padding: 0px 14px 30px;
}

#paragraph-type--icon_horizontal_list .innerIcon-container a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

#paragraph-type--icon_horizontal_list .top-icon {
    text-align: center;
}

#paragraph-type--icon_horizontal_list .top-icon img {
    width: 150px;
    display: inline-block;
    text-align: center;
    height: auto;
}

#paragraph-type--icon_horizontal_list .innerIcon-container a .top-icon:hover {
    transition: .2s;
    transform: translateY(-4px);
}

#paragraph-type--icon_horizontal_list span.icon-headline {
    display: block;
    text-align: center;
    padding-top: 10px;
}

#paragraph-type--icon_horizontal_list .icon-headline a {
    border: none;
    display: inline-block;
}

#paragraph-type--icon_horizontal_list .field--name-field-icon-box {
    display: grid;
    justify-items: center;
}

#paragraph-type--icon_horizontal_list .columns- .field--name-field-icon-box,
#paragraph-type--icon_horizontal_list .columns-3 .field--name-field-icon-box {
    grid-template-columns: auto auto auto;
}

#paragraph-type--icon_horizontal_list .columns-4 .field--name-field-icon-box {
    grid-template-columns: auto auto auto auto;
}

#paragraph-type--icon_horizontal_list .columns-5 .field--name-field-icon-box {
    grid-template-columns: auto auto auto auto auto;
}

#paragraph-type--icon_horizontal_list .columns-6 .field--name-field-icon-box {
    grid-template-columns: auto auto auto auto auto auto;
}

#paragraph-type--icon_horizontal_list .columns-3 .innerIcon-container,
#paragraph-type--icon_horizontal_list .columns- .innerIcon-container {
    max-width: 275px;
    width: 275px;
    position: relative;
    background-size: cover;
}

#paragraph-type--icon_horizontal_list .columns-4 .innerIcon-container {
    max-width: 255px;
    width: 255px;
    position: relative;
    background-size: cover;
}

#paragraph-type--icon_horizontal_list .columns-5 .innerIcon-container {
    max-width: 235px;
    width: 235px;
    position: relative;
    background-size: cover;
}

#paragraph-type--icon_horizontal_list .columns-6 .innerIcon-container {
    max-width: 235px;
    width: 215px;
    position: relative;
    background-size: cover;
}

/* Quote Cards Without Image */

.quote-cards .inner-box {
    color: #111D37;
    height: 275px;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 40px rgba(230, 233, 219, 0.5);
}

.quote-cards img {
    display: none;
}

.quote-cards .sub-title {
    font-size: 16px;
    font-weight: 300;
}

.quote-cards .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2em;
}

.quote-cards p {
    font-weight: 500;
}

/* Quote Cards End */

/* Icon horizontal List -- Ends--*/
/* -- Text and Image Side by Side -- */
.front-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-15%, -50%);
}

.side-image>img {
    width: 30vw !important;
}

.textimgsidebyside.col-md-12,
.col {
    padding: 0px;
}

#paragraph-type--text_and_image_side_by_side .TextSectionLeftRightPositionwithImage.bg-image-overlay {
    position: relative;
}

#paragraph-type--text_and_image_side_by_side .TextSectionLeftRightPositionwithImage {
    background-size: cover;
    display: inline-block;
    height: auto;
    background-repeat: no-repeat;
    clear: both;
    width: 100%;
}

#paragraph-type--text_and_image_side_by_side .layout-Right .container {
    flex-direction: row-reverse;
}

#paragraph-type--text_and_image_side_by_side .container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

#paragraph-type--text_and_image_side_by_side .header-title {
    font-size: 36px;
    padding-bottom: 10px;
}

#paragraph-type--text_and_image_side_by_side .description-text {
    padding-bottom: 20px;
}

#paragraph-type--text_and_image_side_by_side .description-text h2 {
    font-weight: 400;
}

#paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
    display: inline-block;
}

#paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6 {
    padding: 0px 60px;
}

#paragraph-type--text_and_image_side_by_side .side-image {
    position: relative;
}

#paragraph-type--text_and_image_side_by_side .side-image.set-height-image a img,
#paragraph-type--text_and_image_side_by_side .side-image.set-height-image img {
    width: 100%;
    height: 100%;
}

#paragraph-type--text_and_image_side_by_side .side-image.set-width-image a img,
#paragraph-type--text_and_image_side_by_side .side-image.set-width-image img,
#paragraph-type--text_and_image_side_by_side .side-image.no-img-size a img,
#paragraph-type--text_and_image_side_by_side .side-image.no-img-size img {
    width: 100%;
    height: auto;
}

#paragraph-type--text_and_image_side_by_side .side-image.set-native-image a img,
#paragraph-type--text_and_image_side_by_side .side-image.set-native-image img {
    height: auto;
    width: auto;
}

#paragraph-type--text_and_image_side_by_side .side-image.set-cover-image a img,
#paragraph-type--text_and_image_side_by_side .side-image.set-cover-image img {
    width: 100%;
    height: auto;
}

#paragraph-type--text_and_image_side_by_side a.vimeo {
    position: absolute;
    display: block;
    background: url(/images/play-icon.png) no-repeat center;
    background-size: contain;
    height: 50%;
    width: 50%;
    top: 25%;
    left: 25%;
    border: none;
}

#paragraph-type--text_and_image_side_by_side .side-image a {
    border-bottom: none;
}

/* -- Text and Image Side by Side --Ends-- */

/* Text and Cards Side by Side --- Starts-- */

#paragraph-type--text_and_cards_side_by_side .container {
    display: flex;
    flex-direction: row-reverse;
}

#paragraph-type--text_and_cards_side_by_side .Left .container {
    flex-direction: row !important;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .field--name-field-icon-cards .field__items {
    display: grid;
    grid-template-columns: auto;
}

#paragraph-type--text_and_cards_side_by_side .Two-Columns .field--name-field-icon-cards .field__items {
    display: grid;
    grid-template-columns: auto auto;
    gap: 5%;
}

.case-study-cards .inner-box .icon img {
    width: 250px !important;
}

#paragraph-type--text_and_cards_side_by_side .inner-box .icon img {
    height: 70px;
    width: 70px;
    max-width: 70px;
}

#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box .icon img {
    height: 250px;
    width: 210px;
    max-width: 250px;
}

#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box .icon {
    width: 250px;
    height: 250px;
}

#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box {
    align-items: center;
}

#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box .content-section {
    padding-right: 30px;
}

.TextContainerLeftRight.col-md-6 {
    text-align: left !important;
    margin-top: 15px;
}

.inner-box .title {
    font-weight: 600;
    margin: 15px 0px;
}

.inner-box .sub-title {
    margin-bottom: 10px;
    font-size: 18px;
}

.TextContainerLeftRight.col-md-6 .side-content {
    width: 70%;
}

.Left .TextContainerLeftRight.col-md-6 .side-content {
    float: inline-end;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .icon {
    display: flex;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
}

#paragraph-type--text_and_cards_side_by_side .2-Col-FullWidths .icon {
    display: flex;
    width: 100%;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
}

#paragraph-type--text_and_cards_side_by_side .2-Col-FullWidths .title {
    font-weight: 700;
    margin: 15px 0px;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .title {
    font-weight: 700;
    margin-bottom: 15px;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .inner-box {
    display: flex;
    gap: 5%;
    margin: 20px;
    background: #FFFFFF;
    box-shadow: 0px 10px 40px 0px #E6E9DB80;
    padding: 25px;
}

#paragraph-type--text_and_cards_side_by_side .One-Column.Large-Cards .inner-box {
    padding: 0px;
}

#paragraph-type--text_and_cards_side_by_side .linktopage a {
    color: #FAA62B;
    font-weight: 600;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .icon_cards_innercontainer {
    position: relative;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .icon_cards_innercontainer .field__item:nth-child(1) {
    position: relative;
    z-index: 3;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .icon_cards_innercontainer .field__item:nth-child(2) {
    position: relative;
    top: -125px;
    width: 550px;
    z-index: 2;
}

#paragraph-type--text_and_cards_side_by_side .One-Column .icon_cards_innercontainer .field__item:nth-child(3) {
    position: relative;
    top: -270px;
    width: 475px;
    z-index: 1;
}

/* Text and Cards Side by Side --- Ends */

/* Map iframe */

.mapBody {
    height: 700px;
    width: 100%;
    border: 0;
}

/* End Map iFrame */

/* FAQ Accordians -- */
.faq-desc {
    display: none;
}

.faq-title {
    font-size: 24px;
    font-weight: 600;
}

.accordian-header h2 {
    text-align: center;
}

.accordian-box {
    padding-top: 50px;
    width: 80%;
    margin: auto;
}

.active .faq-desc {
    display: block !important;
}

.faq-desc {
    padding-top: 25px;
}

.faq-section {
    padding: 20px 30px;
    margin-bottom: 30px;
    box-shadow: 0px 10px 40px 0px #E6E9DB80;
    cursor: pointer;
}

.faq-title {
    position: relative;
}

.faq-title:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 2px solid #192C53;
    border-left: 2px solid #192C53;
    transform: rotate(135deg);
    position: absolute;
    right: 0px;
    top: 7px;
}

.active .faq-title:before {
    transform: rotate(225deg) !important;
}

/* FAQ Accordians -- ends*/

/* Webform - Freequote */

div#edit-fq-interest-c {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0;
}

div#edit-fq-interest-c img {
    position: absolute;
    height: 55px;
    width: 70px;
    top: -60px;
    max-width: max-content;
}

div#edit-fq-interest-c div.js-form-item {
    display: flex;
    width: 155px;
    margin: 35px 10px;
}

.js-form-item p {
    font-size: 14px !important;
}

form#webform-submission-free-quote-form-node-213-add-form {
    padding: 2.5%;
}

form#webform-submission-free-quote-form-node-213-add-form fieldset .fieldset-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
}

form#webform-submission-free-quote-form-node-213-add-form .fieldset-wrapper input {
    margin: 0px 10px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid darkgrey;
}

form#webform-submission-free-quote-form-node-213-add-form .form-control {
    width: 85%;
}

form#webform-submission-free-quote-form-node-213-add-form input#edit-phone.form-control {
    width: 100%;
}

form#webform-submission-free-quote-form-node-213-add-form select#edit-fq-all-source-c {
    width: 28%;
}

form#webform-submission-free-quote-form-node-213-add-form fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-fq-all-source-c.form-item-fq-all-source-c.form-group {
    display: flex;
    flex-flow: column nowrap;
}

form#webform-submission-free-quote-form-node-213-add-form fieldset.js-form-item.js-form-type-tel.form-type-tel.js-form-item-phone.form-item-phone.form-group {
    width: 40%;
    display: flex;
    flex-flow: column nowrap;
}

/* Webform - Freequote END */

/* Footer CSS -- */
.site-footer__main.clearfix {
    background: #000000;
    padding: 35px 0px;
}

.site-footer .block {
    margin: 0px !important;
    border: none !important;
    padding: 0px !important;
}

.site-footer {
    padding: 0px;
}

span.footer-level-parent.nav-link.nav-link- {
    display: none !important;
}

span.footer-level-child.nav-link.nav-link- {
    text-transform: uppercase;
    color: #FFFFFF;
    list-style: none;
    border-left: 1px solid #8A8A8A;
}

nav#block-footermenu>ul {
    display: flex;
    justify-content: space-around;
}

li.nav-item.menu-item--expanded {
    list-style: none !important;
}

#block-footermenu li.nav-item {
    list-style: none;
    color: #8A8A8A;
}

#block-footermenu .nav-item.menu-item--expanded ul li a:hover {
    color: #FFFFFF !important;
}

#block-footermenu ul.menu {
    padding: 0px;
}

#block-footermenu li.nav-item a {
    color: #8A8A8A;
}

.site-footer__bottom {
    margin: 0px !important;
    padding-top: 15px;
}

.main-two-card h2 {
    font-size: 30px;
    padding-bottom: 15px;
}

.footer-secondary-wrap {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: auto;
    position: relative;
    padding-bottom: 30px;
}

footer.site-footer .row {
    display: block;
    width: 100%;
}

.f_social_wrap ul {
    display: flex;
    list-style: none;
    padding: 0px !important;
    margin: 0px;
}

.f_social_wrap ul li {
    padding: 10px;
}

.f_social_wrap a {
    background: #222222 !important;
    padding: 10px 15px;
    border-radius: 50%;
    margin: 5px;
}

a.social-link.twitter:before {
    content: '';
    display: inline-block;
    background-image: url('/themes/tpconnect/images/twitter-x-white.svg');
    width: 15px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Styling for Resources Begin */

.blog-image-wrap {
    margin-left: -50px;
    margin-right: -50px;
    box-shadow: -4px 8px 16px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 30px;
}

.blog-image-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.35) 75%, rgba(0, 0, 0, 0.35) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.35) 75%, rgba(0, 0, 0, 0.35) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.35) 75%, rgba(0, 0, 0, 0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#59000000', GradientType=0);
}

.blog-image-wrap h1 {
    color: #fff;
    position: absolute;
    bottom: 120px;
    z-index: 2;
    left: 50px;
    font-size: 60px;
    width: 85%;
}

.scroll-down-arrow {
    width: 75px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.blog-image-wrap .date-stamp {
    position: absolute;
    color: #fff;
    left: 50px;
    bottom: 50px;
}

.date-stamp {
    color: white !important;
    z-index: 2;
}

.node--type-blog .field--name-field-blog-image {
    position: relative;
}

.node--type-blog .field--name-field-blog-image img {
    margin: 0;
    width: 100%;
}

.node--type-blog .field--name-field-blog-image:after {
    width: 270px;
    height: 270px;
}

.node--type-blog .field.field--name-field-blog-image {
    margin: 0;
    float: none;
}

.node--type-blog,
.node--type-webinar {
    padding-bottom: 75px;
}

.blog-content,
.blog-author-box {
    padding-top: 50px;
}

.blog-author-box {
    padding: 15px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid rgba(106, 106, 106, 0.21);
    margin-top: 50px;
    height: fit-content;
}

@media (min-width: 992px) {
    .blog-author-box {
        max-width: 340px;
    }
}


/* Resource End */

@media screen and (min-width: 769px) {


    /* ANIMATION 1 */
    @keyframes slide-from-left {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    @keyframes slide-from-right {
        from {
            transform: translate(200%, -130%);
        }

        to {
            transform: translate(170%, 106%);
        }
    }

    .wform_header-content,
    .webform-submission-form {
        animation-timeline: view() !important;
        animation-fill-mode: both;
        animation-duration: 1ms;
    }

    .wform_header-content {
        animation: slide-from-left linear;
        animation-range: entry 0 cover 25%;
    }

    .webform-submission-form {
        animation: slide-from-right linear;
        animation-range: entry -250% cover 0%;
        animation-delay: 0.5s;
    }


    /* ANIMATION 2 */
    @keyframes item-slide-left {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    @keyframes item-slide-right {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    .three-animated-cards .field__items .field__item:nth-child(1),
    .three-animated-cards .field__items .field__item:nth-child(3) {
        animation-timeline: view() !important;
        animation-fill-mode: both;
        animation-duration: 1ms;
        animation-range: entry 0 cover 25% !important;
    }

    .three-animated-cards .field__items .field__item:nth-child(1) {
        animation: item-slide-left linear;
    }

    .three-animated-cards .field__items .field__item:nth-child(3) {
        animation: item-slide-right linear;
    }

    .custom-lazyload .TextSectionLeftRightPositionwithCards .icon_cards_innercontainer .field__item {
        top: 0px !important;
        width: 100% !important;
        transition: 2s;
    }

}

/* Desktop CSS ends -- */

/* cookies compliance banner */
.eu-cookie-compliance-content {
    background: #d5f3ff;
    padding: 25px;
    border-radius: 10px;
    border: 3px solid #003b71;
    box-shadow: 5px 5px 32px rgba(0, 0, 0, 0.3);
}

#sliding-popup {
    background: none;
}

.eu-cookie-compliance-popup-open #sliding-popup {}

button.eu-cookie-withdraw-tab {
    left: 23%;
    background: #003b71;
    color: #fff;
    border: 0;
    padding: 2px 10px;
    border-radius: 7px 7px 0px 0px;
    top: 2px;
}

button.eu-cookie-withdraw-tab:after {
    font-family: "Unicons";
    display: inline-block;
    margin-left: 0.05rem;
    vertical-align: -3px;
    font-weight: 700 !important;
    content: "";
    border: 0;
    content: "\e92d";
    transform: rotateX(150deg);
}

.eu-cookie-compliance-popup-open button.eu-cookie-withdraw-tab:after {
    transform: rotateX(0deg);
}

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-secondary-button {
    border: 0;
    padding: 5px 25px;
    border-radius: 8px;
    color: #fff;
}

.agree-button {
    background: #f36f29;
    border: 3px solid #f36f29;
}

.decline-button {
    background: none;
    border: 3px solid #00509a;
    color: #00509a;
}

.agree-button:hover {
    background: #e05e19;
    border: 3px solid #e05e19
}

.decline-button:hover {
    color: #095fae;
}

.eu-cookie-compliance-more-button {
    background: none;
    border: none;
    text-decoration: underline;
    color: #00a0df !important;
}

.eu-cookie-compliance-content h2 {
    font-size: 1.1rem;
    color: #003464;
}

.eu-cookie-compliance-content p {
    font-size: 0.72rem;
    line-height: 1rem;
    margin-bottom: .65rem;
    color: #003464;
    display: inline-block;
    font-weight: 400;
}

@media (max-width: 767px) {
    button.eu-cookie-withdraw-tab {
        left: 36% !important;
    }
}

/*Unicons Font for icons*/
@font-face {
    font-family: "Unicons";
    src: url("../fonts/unicons/Unicons.woff2") format("woff2"), url("../fonts/unicons/Unicons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@media screen and (min-width: 1025px) {

    /* OWL Carousel  */
    .owl-side-carousel .owl-stage-outer {
        transform: translateX(-15%) !important;
    }

    #paragraph-517 .owl-item.side_medium.side_mdleft.active {
        transform: scale(0.65) translateX(30%) !important;
    }

    .owl-item.side_medium.side_mdleft.active {
        background: white;
        transform: scale(0.8) translateX(30%) !important;
    }

    .owl-item.mdright.side_big.active.center,
    .owl-item.active.center.side_big {
        background: white;
        transform: scale(0.9) translatex(-30%);
    }

    #paragraph-517 .owl-item.mdright.side_big.active.center,
    .owl-item.active.center.side_big {
        transform: scale(0.85) translatex(-30%);
    }

    .owl-item.mdright.side_medium.active {
        transform: translateX(-60%);
        background: white;
    }

    .owl-side-carousel .owl-stage {
        transition: transform .55s ease !important
    }

    .owl-side-carousel .owl-item {
        transition: all .55s ease !important;
    }

}