/**
 * @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=Oxanium:wght@200;400;600;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

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


/* Bootstrap 4 padding and margins */

.m-0 { margin:0; }
.m-1 { margin:.25rem; }
.m-2 { margin:.5rem; }
.m-3 { margin:1rem; }
.m-4 { margin:1.5rem; }
.m-5 { margin:3rem; }

.mt-0 { margin-top:0; }
.mr-0 { margin-right:0; }
.mb-0 { margin-bottom:0; }
.ml-0 { margin-left:0; }
.mx-0 { margin-left:0 ;margin-right:0 ; }
.my-0 { margin-top:0;margin-bottom:0; }

.mt-1 { margin-top:.25rem; }
.mr-1 { margin-right:.25rem; }
.mb-1 { margin-bottom:.25rem; }
.ml-1 { margin-left:.25rem; }
.mx-1 { margin-left:.25rem;margin-right:.25rem; }
.my-1 { margin-top:.25rem;margin-bottom:.25rem; }

.mt-2 { margin-top:.5rem; }
.mr-2 { margin-right:.5rem; }
.mb-2 { margin-bottom:.5rem; }
.ml-2 { margin-left:.5rem; }
.mx-2 { margin-right:.5rem;margin-left:.5rem; }
.my-2 { margin-top:.5rem;margin-bottom:.5rem; }

.mt-3 { margin-top:1rem; }
.mr-3 { margin-right:1rem; }
.mb-3 { margin-bottom:1rem; }
.ml-3 { margin-left:1rem; }
.mx-3 { margin-right:1rem;margin-left:1rem; }
.my-3 { margin-bottom:1rem;margin-top:1rem; }

.p-0 { padding:0; }
.p-1 { padding:.25rem; }
.p-2 { padding:.5rem; }
.p-3 { padding:1rem; }
.p-4 { padding:1.5rem; }
.p-5 { padding:3rem; }

.pt-0 { padding-top:0; }
.pr-0 { padding-right:0; }
.pb-0 { padding-bottom:0; }
.pl-0 { padding-left:0; }
.px-0 { padding-left:0 ;padding-right:0 ; }
.py-0 { padding-top:0;padding-bottom:0; }

.pt-1 { padding-top:.25rem; }
.pr-1 { padding-right:.25rem; }
.pb-1 { padding-bottom:.25rem; }
.pl-1 { padding-left:.25rem; }
.px-1 { padding-left:.25rem;padding-right:.25rem; }
.py-1 { padding-top:.25rem;padding-bottom:.25rem; }

.pt-2 { padding-top:.5rem; }
.pr-2 { padding-right:.5rem; }
.pb-2 { padding-bottom:.5rem; }
.pl-2 { padding-left:.5rem; }
.px-2 { padding-right:.5rem;padding-left:.5rem; }
.py-2 { padding-top:.5rem;padding-bottom:.5rem; }

.pt-3 { padding-top:1rem; }
.pr-3 { padding-right:1rem; }
.pb-3 { padding-bottom:1rem; }
.pl-3 { padding-left:1rem; }
.px-3 { padding-right:1rem;padding-left:1rem; }
.py-3 { padding-bottom:1rem;padding-top:1rem; }

.pt-4 { padding-top:1.5rem; }
.pr-4 { padding-right:1.5rem; }
.pb-4 { padding-bottom:1.5rem; }
.pl-4 { padding-left:1.5rem; }
.px-4 { padding-right:1.5rem;padding-left:1.5rem; }
.py-4 { padding-bottom:1.5rem;padding-top:1.5rem; }

.pt-5 { padding-top:3rem; }
.pr-5 { padding-right:3rem; }
.pb-5 { padding-bottom:3rem; }
.pl-5 { padding-left:3rem; }
.px-5 { padding-right:3rem;padding-left:3rem; }
.py-5 { padding-bottom:3rem;padding-top:3rem; }

.pt-huge {padding-top:100px;}
.pr-huge { padding-right:100px; }
.pb-huge {padding-bottom:100px;}
.pl-huge { padding-left:100px; }
.px-huge { padding-right:100px;padding-left:100px; }
.py-huge { padding-bottom:100px;padding-top:100px; }

.pb-huge-x2 {padding-bottom:200px;}
.pt-huge-x2 {padding-top:200px;}
.pt-huge-x2 {padding-top:200px;}
.pr-huge-x2 { padding-right:200px; }
.pb-huge-x2 {padding-bottom:200px;}
.pl-huge-x2 { padding-left:200px; }
.px-huge-x2 { padding-right:200px;padding-left:200px; }
.py-huge-x2 { padding-bottom:200px;padding-top:200px; }


.black, a.black, button.black {color:#121212;text-decoration: none !important;}
.white, a.white, button.white {color:#ffffff;}
.blue, a.blue, button.blue {color:#529fd5;}
.tptblue, a.tptblue, button.tptblue {color:#139dd8;}
.navy, a.navy, button.navy {color:#0f2c66;}
.gold, a.gold, button.gold {color:#f8cb56;}
.pink, a.pink, button.pink {color:#dc4cbe;}
.silver, a.silver, button.silver {color:#bbb;}

.thin { font-weight: 100; }

.bg-black, a.bg-black, button.bg-black {background:#121212;}
.bg-blue, a.bg-blue, button.bg-blue {background:#139dd846; border: 1px solid #139DD8}
.bg-tptblue, a.bg-tptblue, button.bg-tptblue {background:#139DD8;}
.bg-gold, a.bg-gold, button.bg-gold {background:#f8cb56;}
.bg-pink, a.bg-pink, button.bg-pink {background:#dc4cbe;}

.button{
    font-size:  16px !important;
    font-family: Oxanium, sans-serif;
}
.node--type-blogs a {
    color: #139DD8;
}
.toolbar-menu a{
    color: #565656 !important;
}
.dropdown-menu:hover {
    display: block !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}
ul.dropdown-menu {width: 325px;}
.dropdown-item a {
    text-wrap: balance;
    display: block;
    padding: 3px;
    line-height: 30px;
}
ul.dropdown-menu {
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    visibility: hidden;
    /*display: block !important;*/
}
.custom-toggle {
    display: block !important;
    opacity: 1 !important;
    transition: 2s;   
}
.center-line-above:before {
    content: "";
    display: block;
    width: 15%;
    height: 25px;
    border-top: 3px solid;
    margin: auto;
}

#block-gaming-main-menu ul.dropdown-menu, #block-mainnavigationja ul.dropdown-menu {
    background: #222222;
    top: 30px;
}
#block-gaming-main-menu .dropdown-item:focus, #block-gaming-main-menu .dropdown-item:hover, #block-mainnavigationja .dropdown-item:focus, #block-mainnavigationja .dropdown-item:hover {
    background: transparent;
}

/* global CSS -- */
.no-container .container {
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}
.node__content {
    margin: 0px;
}
#header {
    position: fixed;
    z-index: 999;
    width: 97%;
    margin: 30px 1.5%;
}
.scrolled #header {
    margin: 0px;
    width: 100%;
    transition: 1s;
}
.scrolled #navbar-main {
    border-radius: 0px;
    transition: 1s;
}
#navbar-main {
    border-radius: 50px;
}
#header img {
    padding: 10px 25px;
    max-width: 450px;
}
.no-result {
    padding: 20px;
    border: 1px solid;
}
.path-user #main-wrapper {
    padding-top: 200px;
    padding-bottom: 100px;
}
img.external__image {
    width: 215px;
    height: auto;
}
.services-menu {
    font-size: 20px;
    cursor: pointer;
}
.view-empty {
    margin: 100px 0px;
}
.featured-blog-viewmore.caps.button, .featured-resource-viewmore.caps.button {
    background: #222222;
}
.incline-left {
    transform: skewY(-5deg);
    z-index: 50;
    position: relative;    
}
.incline-left .container {
    transform: skewY(5deg);
}
#block-gaming-main-menu ul li a, #block-mainnavigationja ul li a, #block-gaming-main-menu ul li span {
    font-size: 20px;
    color: #FFFFFF;
}
#block-gaming-main-menu ul li, #block-mainnavigationja ul li {
    margin-right: 20px;
}
.contained .blue-label-gradient {
    background: linear-gradient(90deg, #139DD8 0%, rgba(0, 59, 113, 0) 100%);
    padding: 25px 0px;
    margin-bottom: 30px;
    position: relative;
    text-align: right;
    left: -32vh;
    width: 730px;    
}
.no-container .blue-label-gradient{
    background: linear-gradient(90deg, #139DD8 0%, rgba(0, 59, 113, 0) 100%);
    padding: 25px 0px;
    margin-bottom: 30px;
    position: relative;
    text-align: right;
    left: -10vh;
    width: 730px;    
}
.bg-type-Red {
    background: linear-gradient(99deg, #003B71 28.33%, #139DD8 100%) !important;
}
.bg-type-Red, .bg-type-Green, .bg-type-Blue {
    position: relative;
}
.bg-type-Red:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 800px;
    background-image: url(/themes/gaming/images/red-strips.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    bottom: 0px;
}
.bg-type-Blue:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 800px;
    background-image: url(/themes/gaming/images/blue-strips.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    bottom: 0px;
    opacity: 0.5;
}
.green-strip-bottom-right, .big-green-strip-bottom-left {position: relative;}
.green-strip-bottom-right:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    background-image: url('/themes/gaming/images/green-strips.png');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
    transform: scaleX(-1);
}
.big-green-strip-bottom-left:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 500px;
    background-image: url('/themes/gaming/images/green-strips.png');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
}
.blue-green-label-gradient {
    background: linear-gradient(90deg, #032854 0%, rgba(0, 59, 113, 0) 80%);
    padding: 25px 0px;
    text-align: right;
    position: relative;
    left: -30vh;
    margin-bottom: 50px;
}
.blue-green-label-gradient h2 {
    position: relative;
    left: -75px;
}
.clippathgroup {position: relative;}
.clippathgroup:before {
    content: "";
    position: relative;
    width: 100%;
    height: 300px;
    background-image: url(/themes/gaming/images/clippathgroup-blue-footer.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    rotate: 180deg;
}
.testimonial-green-bg {
    background: #FFFFFF;
    position: relative;
    z-index: 1;
}
.testimonial-green-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg,rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 100%), url(/themes/gaming/images/testimonials-section-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    right: 0px;
    background-position: right;
    z-index: -1;
}
.horizontal-cards {
    position: relative;
    background: linear-gradient(180deg, #3BBEB6 0%, #1B5854 100%);
}
.horizontal-cards:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    background-image: url(/themes/gaming/images/white-strips.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
}
.hr-cards-transparent:before {
    background: none !important;
}
.banner-navyfade .heading-banner {
    background: linear-gradient(90deg, #003B71 0%, rgba(0, 59, 113, 0) 60%);
    margin-bottom: 60px;
}
.banner-skyfade .heading-banner {
    background: linear-gradient(90deg, #139DD8 0%, rgba(0, 59, 113, 0) 60%);
    margin-bottom: 60px;    
}
.heading-banner h2 {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 25px 0px;
}
.full-width-banner .heading-banner {
    margin: 0 calc(0px - (100vw - 100%) / 2);
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
    margin-bottom: 50px;
}

/* Homepage CSS -- */

div#owl-company-876 {
    display: none !important;
}

.content_mainhero {
    height: 600px;
    padding-top: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.hero-image-right img {width: 100%;}
.hero-title h1 {font-weight: 500;}
.hero-title .green {
    font-weight: 900;
    letter-spacing: 5px;
}
.inner-hero-content {display: flex;align-items: center;}
.hero-content-left {width: 50%;}
.hero-image-right {width: 50%;position:relative !important;}
div#services_bg_gaming .hero-image-right {
    margin-bottom: -10%;
}

#service-hero .hero-image-right {
    display: flex;
    justify-content: center;
}
#service-hero .hero-image-right img {
    max-width: 320px;
    height: auto;
    align-items: center;
}
.services-localization .hero-image-right img {
    max-width: 375px !important;
}
.home-CTA-banner-wrap {
    background: url(/themes/gaming/images/Home-CTA-Block.png);
    background-size: 100% 100%;    
    display: flex;
    align-content: center;
    align-items: center;
    /*padding: 75px 0px;*/
    margin: 0px 75px;
}
.left-blank {
    width: 55%;
}
.right-content img {
    width: 100%;
    margin: auto;
}
.right-content {
    width: 45%;
    padding: 30px 125px 0px 25px;
}
.cta.sea-green {
    /*background: #33BEB5;*/
    /*padding: 5px;*/
    /*color: #302854 !important;*/
    /*font-weight: 600;*/
    background-color: #47c5b5;
    color: #302854 !important;
    border: 2px solid #3aa89d;
    padding: 10px 20px;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}
a.cta.sea-green:hover {
    background-color: #ffffff;
    color: #302854 !important;
    border: 2px solid #302854;
}

.right-content .desc {
    padding: 20px 0px;
    text-align: center;
    font-weight: 600;
}
.cta-banner-links .cta {text-align: center;}
.cta-banner-links {
    display: flex;
    gap: 5%;
}
.explore-dlc .content_opentext {background: linear-gradient(180deg, #3BBEB6 0%, #1B5854 100%);}
.dlc-boxes {
    display: grid;
    grid-template-columns: 25% 55% 15%;
    align-items: center;
    align-content: center;
    gap: 4%;
    background: #88006A;
    padding: 40px;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.dlc-img img {width: 100%; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 17%);}
.dlc-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.dlc-boxes.dlc-potential {margin-bottom: 15px;}
.dlc-link {
    display: inline-block;
    background: #DAFB50;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #032854 !important;
}
/* Service Page Hero */
#service-page-hero{
    background: url("/themes/gaming/images/service-bg.png");
    background-size: cover;
}

#service-page-hero h1{
    font-weight: 400;
}

#service-page-hero .desc-content{
    display: flex; 
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

#service-page-hero .text-content{
    width: 60%;
}

#service-page-hero .image-content{
    width: 40%;
}

#service-page-hero .image-content img{
    max-width: 500px;
    padding: 45px;
    height: auto;
}

/* Paragraph Video BG --- */
#paragraph-713 .hero-bottom-angle-right-blue:after {
    position: absolute;
    bottom: -50px;
}

.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.bg-video-wrap video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
  }

.bg-video-wrap iframe {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
  }
  .video-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
    background-size: 3px 3px;
    z-index: 2;
  }
.inner-video-html {
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    max-width: 72%;
    width: 100%;
}  

/* --- Paragraph video BG -- */

/* Top Carousel -- */
.gaming-hero-slider {
    width: 60%;
    background: url(/themes/gaming/images/home-top-rect-bg.png) no-repeat;
    padding: 50px;    
    background-size: 120vw;
}
div#paragraph-703 {
    position: relative;
    top: -160px;
    height: 660px;
}
.hero-bottom-angle-right-blue:after {
    content: '';
    display: block;
    padding: 0px;
    height: 200px;
    width: 100%;
    background: #000;
    -webkit-clip-path: polygon(100% 0%, 0% 75%, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0%, 0% 75%, 0% 100%, 100% 100%);

}

.hero-bottom-angle-right-blue {
    position: relative;
}
.hero-section .side-image img {
    width: 400px !important;
}

.top-carousal {
    margin: 25px 0px;
    display: inline-block;
    width: 100%;
}
.avatar-carousal {
    background: url('/themes/gaming/images/carousal-bg.png') no-repeat;
    height: 550px;
    background-position-y: 35px;
    background-size: 100%;    
}
.hero-Carousal .container-width {
    display: flex;
    align-items: center;
    gap: 10%;
}
.clientlogo-Carousal {
  background-repeat: no-repeat;
}

.hero-Carousal .container-width > div {
    width: 50%;
    float: left;
}
.hero-Carousal .owl-carousel.owl-loaded {
    display: block;
}
.hero-Carousal .main-carousal-section img {
    height: 300px;
    width: auto !important;
    margin: auto;
}
.hero-Carousal .owl-stage {
    display: flex;
    align-items: center;
}
.hero-Carousal .carousal-bottom-buttons a {
    margin-right: 10px;
}
.hero-Carousal .carousal-bottom-buttons {
    text-align: center;
    padding-top: 50px;
}
.hero-Carousal .owl-nav.disabled {
    display: block !important;
}
.hero-Carousal .owl-next {
    position: absolute;
    right: 10%;
    top: 35%;
    z-index: 9999999;
}
.hero-Carousal .owl-prev {
    position: absolute;
    left: 10%;
    top: 35%;
}
.avatar-carousal .owl-prev, .avatar-carousal .owl-next {
    background: transparent;
    border: none;
    color: white;
    font-size: 60px;
    outline: none;
}
.hero-Carousal .owl-dots, .hero-Carousal .img-count{
    display: none;
}
.carousal-text-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
}
.carousal-text{
    width: 35%;
    text-align: center;
}
.our-stats .inner-infobox, .our-stats .inner-infobox .title {
    color: #000000 !important;
}

/* -- Top Carousel -- Ends -- */

/* Paragraphs CSS Start---*/

/* -- open text html --- */
.OpenHtmlText {
    background-repeat: no-repeat;
    background-size: cover;
}

/* Central Quote -- */
.central-quote {
    text-align: center;
}
.central-quote .inner-opne-html:before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: url(/themes/gaming/images/testimonial-quote.png) no-repeat;
    background-size: contain;
    top: 40px;
    right: 205px;
}
.central-quote .inner-opne-html p {
    font-weight: 700;
    font-size: 22px;
    margin-top: 10px;
    line-height: 1.5;
}

.central-quote .inner-opne-html > h2 {
    margin-bottom: 2vw;
}

.central-quote .inner-opne-html {
    position: relative;
    width: 62%;
    margin: auto;
}
.central-quote h3 {
    margin-bottom: 30px;
}
/* -- open text html -- Ends--- */

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

.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: 100%;
    gap: 2%;
}
#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 .ImageSectionFlexible.col-md-6 {
    text-align: center;
    width: 50%;
    display: inline-block;
}
#paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6 {
    width: 50%;
}
#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;
}

/* Video text side by side -- */
.videotext-sidebyside .play-part {
    background: url(/themes/gaming/images/video-play-icon.png) no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 50%;
    transform: translate(-50%, 120%);
}
.videotext-sidebyside .side-image.set-width-image img {
    clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 19%);
}
.videotext-sidebyside .side-image.set-width-image {
    background: #DAFB50;
    clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 19%);
    padding: 2px;
}
.videotext-sidebyside .container {
    align-items: stretch !important;
}
.videotext-sidebyside .TextContainerLeftRight.col-md-6 {
    background: #00A0DF;
    display: flex;
    padding: 2px;
    clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 19%);
}
.videotext-sidebyside .Textinnercontainer {
    background: #024A7B;
    padding: 40px;
    text-align: center;
    clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 19%);
}
/* -- Text and Image Side by Side --Ends-- */

/* -- Icon Cards -- */
#paragraph-type--icon_cards .inner-box .icon img {
    width: 100%;    
}
#paragraph-type--icon_cards .landscape .inner-box .icon img {
    padding: 2px;
    clip-path: polygon(10.8% 0, 100% 0, 100% 100%, 0 100%, 0 21.5%);
}
#paragraph-type--icon_cards .landscape .icon {
    display: flex;
    background: #FFFFFF;
    align-items: center;
    align-content: center;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}
#paragraph-type--icon_cards .square .inner-box .icon img {
    padding: 50px;
}
#paragraph-type--icon_cards .case-studies .icon {
    display: flex;
    height: 165px;
    background: #FFFFFF;
    align-items: center;
    align-content: center;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}

#paragraph-type--icon_cards .case-studies .icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #139DD8 0%, #0A5372 30%);
    z-index: -1;
    clip-path: polygon(10.5% 0.5%, 99.5% 0.5%, 99.5% 50%, 99.5% 99.5%, 0.5% 99.5%, 0.5% 7%);
}
#paragraph-type--icon_cards .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .field--name-field-icon-card-box > .field__item {
    margin: 15px;
}
#paragraph-type--icon_cards .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .field.field--name-field-icon-card-box .field__items{
    display: grid;
    justify-content: center;
}
#paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box .field__items,
#paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box .field__items{
    grid-template-columns: auto auto auto;
}
#paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box .field__items{
    grid-template-columns: auto auto auto auto ;
}
#paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box .field__items{
    grid-template-columns: auto auto auto auto auto;
}
#paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box .field__items{
    grid-template-columns: auto auto auto auto auto auto;
}
#paragraph-type--icon_cards .inner-box a {
    text-decoration: none;
}
.iconcards-header {
    width: 50%;
    color: #032854;
    font-weight: 700;
    margin: auto;
}
#paragraph-type--icon_cards .columns-3 .no-container .inner-box {
    max-width: 450px;
    width: 450px;
    position: relative;
}
#paragraph-type--icon_cards .columns-3 .inner-box {
    max-width: 350px;
    width: 350px;
    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;
}
#paragraph-type--icon_cards .title {
    color: #17161B;
    font-weight: 600;
    line-height: 1.2em;
    padding: 20px 0px;
}
#paragraph-type--icon_cards .short-text {
    color: #17161B;
    min-height: 125px;
    line-height: 1.2;
    opacity: 75%;
}
.linktopage a{
    display: inline-block;
    background: #DAFB50;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #032854 !important;  
    text-align: center;
    position: absolute;
    text-decoration: none !important;
    border: 2px solid #dafb50;
    bottom: 8%;   
}
.linktopage a:hover {
    background: #ffffff;
    border: 2px solid #dafb50;
}

.linktopage a::after{
    content: "\2192";
    margin-left: 10px;
}

.horizontal-cards .linktopage a {
    position: static;
}
.horizontal-cards .content-section{
    min-height: none !important;
}
#paragraph-type--icon_cards .content-section {
    padding: 15px 25px 35px 25px;
    background: #FFFFFF;    
    min-height: 300px;
}
.testimonial-green-bg .content-section {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #17161B;
}
#paragraph-type--icon_cards .icon .field--type-image {
    margin: 0px;
}
#paragraph-type--icon_cards .full-landscape-img .field.field--name-field-icon-card-box .field__item {
    margin: 10px;
}
#paragraph-type--icon_cards .columns-3 .full-landscape-img .inner-box {
    padding: 0px !important;
}
#paragraph-937 {background: #003B71 !important;}

#paragraph-type--icon_cards .hr-cards-transparent .field.field--name-field-icon-card-box .field__item {
    background: transparent !important;
}
.hr-cards-transparent .icon img {
    clip-path: polygon(10% 0.5%,99.5% 0.5%,99.5% 50%,99.5% 99.5%,0.5% 99.5%,0.5% 20%);
}
/* Horizontal Cards CSS -- */

#paragraph-type--icon_cards .horizontal-cards .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .horizontal-cards .field.field--name-field-icon-card-box {
  display: block;
}
#paragraph-type--icon_cards .horizontal-cards .inner-box {
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
    max-height: 275px;
}
.hr-cards-transparent .inner-box {padding: 0px !important;}
.horizontal-cards .icon img {
  height: 170px;
}
.horizontal-cards .inner-box .icon {
  width: 30%;
  height: auto !important;
  margin-left: 30px;
}
.horizontal-cards .content-section {
	width: 70%;
  	background: none !important;
    padding: 30px 0px 30px 30px!important;  	
}
.horizontal-cards .info-content-wrap {
    width: 70%;
}
.horizontal-cards .content-section {
  display: flex;
  align-content: center;
  align-items: center;
}
.horizontal-cards .linktopage {
    background: none !important;
    width: 30%;
    text-align: center;
}
#paragraph-type--icon_cards .horizontal-cards .field.field--name-field-icon-card-box .field__item {
  background: #88006AAB;
  clip-path: polygon(4.5% 0.5%, 99.5% 0.5%, 99.5% 50%, 99.5% 99.5%, 0.5% 99.5%, 0.5% 20%);
}

.horizontal-cards .info-content-wrap .title, .horizontal-cards .short-text {
  color: #FFFFFF !important;
}
#paragraph-type--icon_cards .horizontal-cards .short-text {
  min-height: auto !important;
}
.horizontal-cards .info-content-wrap .title {
  font-size: 26px;
  text-transform: uppercase;
}

/* -- 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 >.field__item {
    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 .field__items{
    display: grid;
    justify-items: center;       
}
#paragraph-type--icon_horizontal_list .columns- .field--name-field-icon-box .field__items,
#paragraph-type--icon_horizontal_list .columns-3 .field--name-field-icon-box .field__items{
    grid-template-columns: auto auto auto;
}

#paragraph-type--icon_horizontal_list .columns-4 .field--name-field-icon-box .field__items{
    grid-template-columns: auto auto auto auto;
}
#paragraph-type--icon_horizontal_list .columns-5 .field--name-field-icon-box .field__items{
    grid-template-columns: auto auto auto auto auto;
}
#paragraph-type--icon_horizontal_list .columns-6 .field--name-field-icon-box .field__items{
    grid-template-columns: auto auto auto auto auto auto;
}
#paragraph-{{ paragraph.id() }} .columns-3 .innerIcon-container,
#paragraph-{{ paragraph.id() }} .columns- .innerIcon-container {
    max-width: 275px;
    width: 275px;
    position: relative;
    background-size: cover;
}
#paragraph-{{ paragraph.id() }} .columns-4 .innerIcon-container {
    max-width: 255px;
    width: 255px;
    position: relative;
    background-size: cover;
}
#paragraph-{{ paragraph.id() }} .columns-5 .innerIcon-container {
    max-width: 235px;
    width: 235px;
    position: relative;
    background-size: cover;
}
#paragraph-{{ paragraph.id() }} .columns-6 .innerIcon-container {
    max-width: 235px;
    width: 215px;
    position: relative;
    background-size: cover;
}




/* Icon horizontal List -- Ends--*/

/* -- Icon Cards with Bg IMG --*/
#paragraph-type--icon_text_with_bg_img .container-width {
    padding: 20px 0px;
}
#paragraph-type--icon_text_with_bg_img .field--name-field-icon-text-box .field__items{
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;  
    justify-items: center;       
}
#paragraph-type--icon_text_with_bg_img .columns- .field.field--name-field-icon-text-box .field__items,
#paragraph-type--icon_text_with_bg_img .columns-3 .field.field--name-field-icon-text-box .field__items{
    grid-template-columns: auto auto auto;
}
#paragraph-type--icon_text_with_bg_img .columns-4 .field.field--name-field-icon-text-box .field__items{
    grid-template-columns: auto auto auto auto;
}
#paragraph-type--icon_text_with_bg_img .columns-5 .field.field--name-field-icon-text-box .field__items{
    grid-template-columns: auto auto auto auto auto;
}
#paragraph-type--icon_text_with_bg_img .columns-6 .field.field--name-field-icon-text-box .field__items{
    grid-template-columns: auto auto auto auto auto auto;
}
#paragraph-type--icon_text_with_bg_img .icon {
    margin: auto;
    height: 185px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#paragraph-type--icon_text_with_bg_img .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 8px;
    text-align: center;
}
#paragraph-type--icon_text_with_bg_img .inner-box , #paragraph-type--icon_text_with_bg_img .inner-box .icon-overlay {
    border-radius: 10px;
    margin-bottom: 30px;
}
#paragraph-type--icon_text_with_bg_img .short-text {
    font-size: 12px;
    height: 60px;
}
#paragraph-type--icon_text_with_bg_img .linktopage {
    padding-bottom: 10px;
    margin-top: 5px;
    position: absolute;
    bottom: 10px;
}
#paragraph-type--icon_text_with_bg_img .content-section {
    padding: 15px 25px;
}
#paragraph-type--icon_text_with_bg_img .icon .field--type-image {
    margin: 0px;
}


/* -- Icon Cards with Bg IMG-- Ends --*/


/* -- Three Fields Cards --*/
#paragraph-type--three_field_cards .headerabovebox {
    text-align: center;
    padding: 0% 20%;
    font-size: 26px;
    padding-bottom: 25px;
}
#paragraph-type--three_field_cards .inner-infobox {
    float: left;
    margin: 5%;
    padding: 20px 15px;
    max-width: 275px;
    width: 100%;
}
#paragraph-type--three_field_cards .inner-infobox a {
    border: none;
}
#paragraph-type--three_field_cards .infobox-section .field--name-field-three-fields-info-box .field__items{
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    justify-items: center;       
}
#paragraph-type--three_field_cards .Full_width .infobox-section .field--name-field-three-fields-info-box .field__items {
    justify-content: space-between;
}
#paragraph-type--three_field_cards .infobox-section.columns- .field--name-field-three-fields-info-box .field__items,
#paragraph-type--three_field_cards .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items{
    grid-template-columns: auto auto auto;
}
#paragraph-type--three_field_cards .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items{
    grid-template-columns: auto auto auto auto;
}
#paragraph-type--three_field_cards .infobox-section.columns-5 .field--name-field-three-fields-info-box .field__items{
    grid-template-columns: auto auto auto auto auto;
}
#paragraph-type--three_field_cards .infobox-section.columns-6 .field--name-field-three-fields-info-box .field__items{
    grid-template-columns: auto auto auto auto auto auto;
}
#paragraph-type--three_field_cards .infobox-section.columns- .inner-infobox,
#paragraph-type--three_field_cards .infobox-section.columns-3 .inner-infobox{
    max-width: 350px;
    width: 350px;
    position: relative;
}
#paragraph-type--three_field_cards .infobox-section.columns-4 .inner-infobox{
    max-width: 255px;
    width: 255px;
    position: relative;
}
#paragraph-type--three_field_cards .infobox-section.columns-5 .inner-infobox{
    max-width: 235px;
    width: 235px;
    position: relative;
}
#paragraph-type--three_field_cards .infobox-section.columns-6 .inner-infobox{
    max-width: 235px;
    width: 215px;
    position: relative;
}
#paragraph-type--three_field_cards .title{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8rem;
    display: block;
    padding: 10px 0px 15px 0px;
}
.center .inner-infobox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.why-transPerfect-gaming .description {
    color: #FFFFFF;
}
#paragraph-type--three_field_cards .center .description p {
    text-align: center;
}
#paragraph-type--three_field_cards .description {
    text-align: left;
    font-size: 14px;
}
#paragraph-type--three_field_cards .icon-container {
    text-align: center;
    display: inline-block;
}
#paragraph-type--three_field_cards .inner-infobox a img:hover {
    transition: .2s;
    transform: translateY(-4px);
}
img.box-icon {
    height: 75px;
    width: auto;
    margin-bottom: 10px;
}
/* -- Three Fields Cards-- Ends --*/

/* -- Two Column Box --*/
#paragraph-type--two_column_textbox .two_column_wrap{
    display: flex;
}
#paragraph-type--two_column_textbox .TextContainerLeft {
    padding-right: 15px;
}
#paragraph-type--two_column_textbox .TextContainerRight {
    padding-left: 15px;
}
#paragraph-type--two_column_textbox .heading {
    font-size: 36px;
    padding-bottom: 20px;
}
/* -- Two Column Box --Ends --*/

/* -- Content Left and Right  --*/
#paragraph-type--list_left_hover_content_right .inner-infohover .title-left {
    border: 1px solid #FFFFFF;
    width: 26%;
    padding: 15px;
    margin-bottom: 18px;
    text-align: center;
    cursor: pointer;
}
.left_right_content_wrap.add-hover {
    min-height: 350px;
}
#paragraph-type--list_left_hover_content_right .title-left.active:hover {
    background: #B4006F;
}
#paragraph-type--list_left_hover_content_right .text-content.section-left h3 {
    color: #DAFB50;
    text-transform: uppercase;
}
#paragraph-type--list_left_hover_content_right .listlefthovecontentright .header-title h2 {
    font-size: 36px;
    font-weight: 700;
    width: 400px;
    margin-bottom: 30px;
}
.inner-infohover .desc-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    padding-top: 35px;
}
#paragraph-type--list_left_hover_content_right .inner-infohover.active .description-right {
    display:block
}
#paragraph-type--list_left_hover_content_right .inner-infohover .description-right {
    position: absolute;
    display: none;
    width: 80%;
    min-height:475px;
    left: 426px;
    top: -80px;    
}
#paragraph-type--list_left_hover_content_right .inner-infohover .description-wrap {
    position: relative;
    top: 5rem;
}
#paragraph-type--list_left_hover_content_right .two-col {
    display: flex;
    justify-content: space-around;
    gap: 5%;    
}
#paragraph-type--list_left_hover_content_right .text-content.section-right img {
    width: 100% !important;
    max-height: 245px;
    height: auto;
}
#paragraph-type--list_left_hover_content_right .text-content.section-left {
    width: 60%;
    padding: 0px 25px 0px 0px;
}
#paragraph-type--list_left_hover_content_right .text-content.section-right {
    width: 40%;
}
#paragraph-type--list_left_hover_content_right .inner-infohover .description-wrap img {
    width: 85%;
    height: auto;
}
.cta-wrap .cta a {
    margin-bottom: 20px;
    padding: 15px 50px;
    text-decoration: none !important;
}
a.button.button-green {
    text-decoration: none !important;
    border: 2px solid #DAFB50 !important;
}
.button.button-green{
    
    border: 2px solid #DAFB50 !important;
}
.button-green:hover {
    background: white !important;
    color: #000000 !important;
    border: 2px solid #DAFB50 !important;
}
button.bg-blue.white{
    border: 2px solid #139dd8;
}
a.button.bg-blue.white:hover {
    background: white !important;
    color: #139dd8 !important;
    border: 2px solid #139dd8;
}
.hero-desc {
    position: relative !important;
}
/* -- Content Left and Right --Ends--*/

/* Testimonials and Logo --*/
#paragraph-type--testimonial_and_logos {
    background: #FFFFFF;
}
#paragraph-type--testimonial_and_logos .inner_testimonial_logos {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#paragraph-type--testimonial_and_logos .tc_testimonial {
    width: 50%;
    position: relative;
    padding-right: 100px;
    font-weight: 600;
    color: #032854;
    z-index: 1;
}
.tc_image img {
    width: 100%;
}
.tc_image {
    width: 50%;
    display: flex;
    justify-content: center;
}
div#paragraph-876 .tc_image img {
    width: 400px !important;
}
#paragraph-type--testimonial_and_logos .tc_testimonial .cta {
    margin-top: 50px;
}
#paragraph-type--icon_cards .small-icon .icon {
    height: 50px;
    background-size: 50px 50px;
    background-position-x: 30px;
}
#paragraph-type--icon_cards .inner-box {
    padding: 20px;
    z-index: 1;
}

#paragraph-type--icon_cards .black-cards .field.field--name-field-icon-card-box .field__item {
    background: #18181894;
    margin: 10px;
    position: relative;
}
.main-carousal-section img {
    width: 150px !important;
}
#paragraph-type--testimonial_and_logos .owl-stage {
    display: flex;
    align-content: center;
    align-items: center;
}
#paragraph-type--testimonial_and_logos .owl-dots {display: none;}

/* Testimonials and Logo --Ends --*/
/* Gallery Carousel -- */
.gallery-title {
    background: linear-gradient(90deg, #3ABCB4 0%, rgba(0, 59, 113, 0) 60%);
    padding: 25px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.gallery-title h2 {margin: 0px;}
.gallery-desc {margin-bottom: 50px;}

.gallery-box.active .slider {
    display: block !important;
    transition: all ease-in-out .5s!important;    
}
.slider {
    display: none;
    position: absolute;
    z-index: 999;
    bottom: 0px;
    background: #00000094;
    width: 100%;
    height: 100%;
    transition: all ease-in-out .5s!important;    
}
.gallery-box-title {
    position: absolute;
    bottom: 50px;
    padding: 25px;
    font-size: 18px;
}
/*Owl Caraousel Styling - Art Gallery Production*/
.owl-carousel .owl-item img{
    width: 329px !important;
    height: 204px !important;
    display: block !important;
    margin: 0 auto !important;
    background-color: #ffffff !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
    object-fit: contain !important;
}
.owl-carousel .owl-item {
    /* min-height: 1px; */
    float: left !important;
    /* -webkit-backface-visibility: hidden; */
    -webkit-touch-callout: none !important;
    padding: 0 15px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.owl-stage-outer {
    overflow: hidden !important;
}
/*Owl Caraousel Styling - Art Gallery Production*/
.owl-carousel-gallery {
    width: 65% !important;
    margin: auto;
}
.owl-carousel-gallery .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 40%;
    width: 100%;
}
.owl-carousel-gallery .owl-nav .owl-prev {
    position: relative;
    left: -75px;
}
.owl-carousel-gallery .owl-nav .owl-next {
    position: relative;
    right: -75px;
}
.owl-carousel-gallery .owl-prev span, .owl-carousel-gallery .owl-next span {
    color: transparent;
}
.owl-carousel-gallery .owl-prev {
    background: url(/themes/gaming/images/carousel-arrow-left.png) no-repeat;
    width: 40px;
    height: 32px;
    background-size: contain;
}
.owl-carousel-gallery .owl-next {
    background: url(/themes/gaming/images/carousel-arrow-right.png) no-repeat;
    width: 40px;
    height: 32px;
    background-size: contain;
}
.owl-carousel-gallery .owl-prev span, .owl-carousel-gallery .owl-next span {
    color: transparent;
}
.owl-carousel-gallery .owl-prev {
    background: url(/themes/gaming/images/carousel-arrow-left.png) no-repeat;
    width: 40px;
    height: 32px;
    background-size: contain;
}
.owl-carousel-gallery .owl-next {
    background: url(/themes/gaming/images/carousel-arrow-right.png) no-repeat;
    width: 40px;
    height: 32px;
    background-size: contain;
}
.owl-carousel-gallery .owl-dots {
    width: 100%;
    text-align: center;
    margin: 30px 0px;
}
.owl-carousel-gallery .owl-dot {
    border-radius: 50%;
    border: none;
    width: 15px;
    height: 15px;
    margin: 3px;
}
.owl-carousel-gallery .owl-dot.active {
    background: #DAFB50;
    border: none;
}
/* Career banner -- */
.career-banner .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 12%;
}
.career-banner .container h2 {width: 35%;}
.career-banner .container p {
    width: 65%;
    padding-left: 25%;
}

/* -- Webform with Header --*/

#paragraph-type--webform {
    clear: both;
}
#white .black, #white .black a {
    color: #FFFFFF !important;
}

#white .webform-submission-form input.form-control, #white .webform-submission-form textarea.form-control {
    border-bottom: 2px solid #FFFFFF !important;
}
#paragraph-type--contact_us_footer .row {
    align-content: center;
    align-items: center;
}
.contact-art img {
    width: 100%;
    position: relative;
}
#paragraph-type--contact_us_footer {
    position: relative;
}
#paragraph-type--contact_us_footer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 425px;
    background-image: url(/themes/gaming/images/clippathgroup-blue-footer.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
}

/* Footer Blue -- Css */

.blue-footer-text {
    display: flex;
    gap: 3%;
    align-items: center;
    padding-right: 25px;    
}
.blue-footer-text .img-section-right img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.black a {
    color: #121212 !important;
    text-decoration: underline;
}
.webform-submission-simple-contact-us-form .webform-button--submit {
    width: 100%;
}

/* Footer Blue -- CSS ends-- */

/* Blog/Case-Study CSS  -- */
.featured-blog-img img, .featured-resource-img img {
    width: 100%;
    height: auto;
}

#block-exposedformblogsblock-1, #block-exposedformresourcesblock-1 {
    width: 1140px;
    margin: auto;
    padding-top: 50px;
}
#block-exposedformblogsblock-1 .custom-select, #block-exposedformresourcesblock-1 .custom-select{
    background: #000 !important;
    color: #FFFFFF !important;
    text-align: center;
}
#block-exposedformblogsblock-1 .form-control, #block-exposedformresourcesblock-1 .form-control{
    background: #000 !important;
    text-align: center;
}

#block-exposedformblogsblock-1 .form-control::placeholder, #block-exposedformresourcesblock-1 .form-control:: holder {
    color: #FFFFFF !important;
}
.featured-blogs-wrap {
    display: flex;
    gap: 10%;
}
.featured-left {
    width: 60%;
}
.featured-right {
    width: 40%;
}
.blogs_node, .resources_node {
    background: #032854;
    /*padding-top: 135px;    */
}
.blogs_node .blogs-content {
    padding: 100px 0px;
}
.blogs-main .views-row, .webinar-main .views-row {
    width: 30%;
    margin: 30px 15px;
    background: #FFFFFF;
    color: #17161B;
    clip-path: polygon(10.5% 0.5%, 99.5% 0.5%, 99.5% 50%, 99.5% 99.5%, 0.5% 99.5%, 0.5% 9.5%);    
}
.blog-img, .webinar-img {
    background: #032854;
    margin: 0px !important;
}
.blog-img img, .webinar-img img{
    width: 100%;
    height: 175px;
}
.webinar-img img{
    object-fit: cover;
}
.blog-title a, .webinar-title a {
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    color: #17161b !important;
}
.blogs .blog-content, .webinar .webinar-content {
    padding: 25px;
}
.webinar-content {
    height: 400px;
    position: relative;
}
.blog-viewmore a, .webinar-viewmore a {
    text-decoration: none;
    font-weight: 700;
}
.webinar-linktopage a {
    display: inline-block;
    background: #DAFB50;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 20px;
    color: #032854 !important;
    text-align: center;
    border: 2px solid #dafb50;
    margin-top: 20px;
    text-decoration: none !important;
}
.webinar-linktopage a:after {
    content: "\2192";
    margin-left: 10px;
}
.webinar-linktopage a:hover {
    background: #ffffff;
    border: 2px solid #dafb50;
}
.webinar-linktopage {
    position: absolute;
    bottom: 30px;
}
.blogs-main, .webinar-main{
    margin: 50px 0px;
}
.resources-header {
    background: url(/themes/gaming/images/case-study-banner.png) no-repeat;
    background-size: cover;
    height: 450px;
    position: relative;
}
.resources-header-wrap {
    position: absolute;
    bottom: 65px;
}
.resources-content {padding-top: 50px;}
/* Blog/Case-Study CSS Ends -- */
/* Blog-Node CSS  -- */
.blogs-two.column .container {
    display: flex;
    justify-content: center;
    gap: 10%;
    padding: 50px 0px;  
}
.blogs-two.column h2 {
    color: #DAFB50;
}

.field.field--name-field-blogs-categories .field__items {
    display: flex;
    gap: 20px;
}
.field--name-field-resource-categories a,
.field--name-field-resource-categories .field__item {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;    
}
.field--name-field-blogs-categories .field__items .field__item a, .node-blogs-categories span {
    border: 1px solid;
    padding: 10px 20px;
    border-radius: 50px;
}
.field.field--name-field-blogs-categories .field__items .field__item a:hover,  .field--name-field-resource-categories a:hover,
.field--name-field-resource-categories .field__item:hover {
    text-decoration: none;
    font-weight: 600;
}
.node-blogs-author {
    border: 1px solid;
    padding: 20px;
}
.node-blogs-author div {
    font-size: 14px;
    display: inline-block;
}
.node-blogs-categories {
    margin-bottom: 30px;
}
.blogs_node_left_wrap {
    width: 65%;
}
.blogs_node_right_wrap {
    width: 35%;
}
.blog-header-wrap {
    /*height: 450px;*/
    overflow: hidden;
    position: relative;
}
.blog-header-content {
    position: absolute;
    z-index: 998;
    bottom: 65px;
}
.category-News .node-blogs-categories {
    display: none;
}
.category-News .blog-header-content {
    position: relative;
    bottom: 0px;
    padding-top: 175px;
}
.category-News .blog-header-wrap .container {
    padding: 0px !important;
}
.category-News .blog-header-content h1 {
    width: 100% !important;
}
.blog-header-content h1, .resources-header-wrap h1 {text-transform: uppercase; width: 60%;}
.date-stamp {
    text-transform: uppercase;
    font-weight: 600;
}
.field.field--name-field-author-name.field--type-entity-reference.field--label-above {
    display: inline-block;
}
.node-img img {
    width: 100%;
}

.blog-image-wrap img {
    /*width: 100%;*/
    /*height: auto;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*height: 80vh;*/
    width: 100%;
    /*mix-blend-mode: hard-light;*/
}
.field.field--name-field-blog-image.field--type-image.field--label-above {
    background-size: cover !important;
    background-position: center !important;
    height: 70vh !important;
}
.field--name-field-blog-image.field--type-image, .blogs_node_right_wrap .field--type-image {
    margin: 0px !important;
    float: none;
}
.blog-image-wrap {
    position: relative;
    width: 100%;
    margin: auto;
}

.field.field--name-field-post-date.field--type-datetime.field--label-above {
    position: absolute;
    bottom: 100px;
    left: 110px;
}
.node-blogs-author, .node-blogs-jobtitle {
    font-weight: 700;
}
.scroll-down-arrow {
    width: 75px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding-bottom: 35px;
}
.blogs-categories {
    width: 80%;
    margin: auto;
    padding-bottom: 50px;    
}

.blogs-categories .views-row {
    width: 30%;
    margin: 15px;
    background: #22222259;
    padding: 25px;
}

/* Blog-Node CSS  --Ends */
/* Resources CSS -- */
.resoruces-content {
    padding: 25px;
    color: #000000;
}
.resource-img {
    position: relative;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 23%);
    background: #032854;
    margin: 4px;
}

.resource-img img:nth-of-type(4),
.resource-img img:nth-of-type(5) {
  height: 170px !important;
}

.featured-resources-wrap {
    display: flex;
    gap: 10%;
}
.all-resources .views-row {
    width: 30%;
    margin: 30px 15px;
    background: #FFFFFF;
    clip-path: polygon(10.5% 0.5%, 99.5% 0.5%, 99.5% 50%, 99.5% 99.5%, 0.5% 99.5%, 0.5% 7%);
}
.featured-resources-left, .featured-resources-right {
    width: 50%;
}
.resource-img img {
    width: 100%;
    height: 175px;
}
.resource-title a {
    display: block;    
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 20px;
    color: #17161b !important;
}
.all-resources .resource-summary {
    min-height: 325px;
}
.node--type-resources .blogs-two.column {
    display: flex;
    align-items: center;
    gap: 10%;
}
.node-contactus {
    background: #003B71;
    /*margin-top: 100px;*/
}
.banner-style-White:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    background-image: url(/themes/gaming/images/clippathgroup-blue-footer.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    rotate: 180deg;
    z-index: ;
}.banner-style-White {
    position: relative;
    background: #FFFFFF;
    padding: 75px 0px;
}
.banner-style-Navy {
    position: relative;
    background: #032854;
    padding: 75px 0px;
    overflow: hidden;
}
.banner-style-Blue {
    padding: 75px 0px;
    background: linear-gradient(94.45deg, #139DD8 -20.2%, #FFFFFF 98.19%);
}
.banner-style-Blue .inner-cs-title {
    background: linear-gradient(90deg, #003B71 0%, rgba(0, 59, 113, 0) 60%);
}
.banner-style-White .inner-cs-title {
    background: linear-gradient(90deg, #139DD8 0%, rgba(0, 59, 113, 0) 95%);
}
.banner-style-Navy .inner-cs-title {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 60%);
}
.banner-style-Navy:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1000px;
    background-image: url(/themes/gaming/images/clippathgroup-blue-footer.png);
    background-repeat: no-repeat;
     /* Scale the image */
    transform: scaleX(-1);
    top: -220px;
    opacity: 50%;
}
.inner-cs-body {
    color: #003B71;
      padding-top: 40px;
}
.inner-cs-title {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 25px;
}
.banner-style-Navy .inner-cs-body {
    color: #FFFFFF; 
    z-index: 3 !important;
    position: sticky;
}
.banner-style-Navy .inner-cs-title h2 {color: #032854;}
/* Resources CSS --Ends */

/* Footer Main CSS -- */
div#block-tempcss {
    display: none;
}
.footer-logo img {
    width: 250px;
    height: auto;
    margin-top: 25px;
}

.main-footer-wrap {
    display: flex;
}

.site-footer__bottom .region, .region-footer-bottom {
    display: block !important;
}
.footer-logo {
    width: 30%;
}
.footer-menulinks {
    width: 70%;
    display: flex;
    justify-content: space-evenly;
}
.footer-menulinks ul li {
    list-style: none;
    padding: 5px;
}
.menu-t a {
    font-weight: 700;
}
.menu-t {
    margin: 15px 0px;
}
li.services.menu-t {
    margin-bottom: 10px !important;
    color: #FFFFFF;
    font-weight: 700;
}
.site-footer__bottom {
    border: none !important;
}
.footer_bottom {
    background: #222222;
}

footer.site-footer {
    padding-bottom: 0px !important;
    background: #032854;
}

.site-footer .block {
    border: none !important;
    margin-bottom: 0px !important;
}
.copywrite-footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copywrite ul {
    display: flex;
    gap: 35px;
    margin-bottom: 0px;    
}
.copywrite li {
    list-style: none;
}

.copywrite, .copywrite ul li a {
    font-size: 12px;
}


/* Footer Main CSS --Ends */



/* Paragraphs CSS Ends---*/


/* Media Queries */