.lockscroll {

    overflow: hidden;

    height: 100%

}



html {

    scroll-behavior: smooth

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    border: 0

}



.header-search-icon {

    background-image: url(../images/search-1-wf.png);

    background-position: center;

    background-size: cover;

    width: 24px;

    height: 24px;

    margin: -5px -22px;

    background-repeat: no-repeat;

    display: flex;

    cursor: pointer

}



.header-search-icon:hover {

    background-image: url(../images/search-1.png)

}



.header-search-iput {

    background: #FFF;

    border-radius: 10px;

    display: flex;

    position: absolute;

    padding: 15px 10px;

    flex-direction: column;

    font-family: 'Lexend';

    flex-direction: row;

    top: 65px;

    right: 0;

    justify-content: space-between;

    filter: drop-shadow(0 5px 17px rgba(39, 39, 39, .25))

}



.header-search-iput::placeholder {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 20px;

    color: #ACACAC

}



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

    .header-search-iput {

        margin-left: 10px;

        width: calc(100% - 20px)

    }

}



.header-search-dispaly {

    display: none

}



.header-search-iput .open {

    display: block

}



.header-search-iput::before {

    content: '';

    width: -7px;

    height: -5px;

    border-left: 13px solid transparent;

    border-right: 12px solid transparent;

    border-bottom: 17px solid #fff;

    position: absolute;

    top: -39px;

    left: 96%;

    width: 2px;

    z-index: 99999999999999999999999999999999999999;

    height: 26.81px;

    margin-left: -20px

}



.header-search-iput input {

    direction: ltr;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 20px;

    line-height: 25px;

    align-items: center;

    color: #1E1E1E

}



.header-search-iput input::placeholder {

    direction: ltr;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 20px;

    line-height: 25px;

    align-items: center;

    color: #ACACAC

}



.header-search-iput input:focus {

    outline: none

}



.header-search-iput button {

    background: linear-gradient(276.24deg, #0CC5FF 0%, rgba(26, 214, 255, .61) 100%);

    border-radius: 45px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 500;

    font-size: 24px;

    line-height: 30px;

    color: #FFF;

    width: 86px;

    height: 40px;

    cursor: pointer;

    opacity: 35%;

    filter: drop-shadow(0 3px 1px rgba(90, 90, 90, .1))

}



.header-search-input-text-icon {

    width: 18px;

    height: 18px;

    margin: auto 20px

}



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

    .header-search-iput input {

        width: 80%

    }



    .header-search-iput button {

        padding: 7px 18px

    }



    .header-search-icon {

        position: absolute;

        top: 16px;

        right: 33px

    }



    .hide-in-tablet-contact-us {

        position: absolute;

        right: 50px

    }

}



header .mobile-menu-items {

    width: 100%;

    min-height: 100vh;

    background: #fff;

    top: 0;

    z-index: 1;

    display: none

}



header .mobile-menu-items > .menu-item span a {

    height: 68px;

    width: 100%;

    color: #545454;

    text-decoration: none;

    padding: 0 22px;

    font-weight: 600;

    font-size: 18px;

    line-height: 40px;

    display: flex;

    align-items: center;

    border-top: 2px solid #f2f2f2

}



header .mobile-menu-items > .menu-item .sub-menu-items {

    display: none

}



header .mobile-menu-items > .menu-item .sub-menu-items .sub-menu-item a {

    display: flex;

    height: 58px;

    width: 100%;

    align-items: center;

    font-size: 22px;

    line-height: 28px;

    padding: 0 54px;

    color: #545454;

    text-decoration: none

}



header .mobile-menu-items > .menu-item .sub-menu-items .sub-menu-item a:active, header .mobile-menu-items > .menu-item .sub-menu-items .sub-menu-item a:focus, header .mobile-menu-items > .menu-item .sub-menu-items .sub-menu-item a:hover {

    background: linear-gradient(90.04deg, #5156DF 0%, #7B4FEC 100%);

    color: #fff

}



header .mobile-menu-items > .menu-item .sub-menu-items.open {

    display: block

}



header .mobile-menu-items > .menu-item:first-child span a {

    border-top: 0

}



header .mobile-menu-items .services span a:after {

    content: "";

    background-image: url(../images/nav-drop-down-icon-black.png);

    width: 13px;

    height: 20px;

    display: inline-block;

    margin: 5px 0 0 7px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain

}



header .mobile-menu-items .services.open span a {

    color: #FF976A

}



header .mobile-menu-items .services.open span a:after {

    background-image: url(../images/nav-drop-down-icon.png);

    width: 20px;

    height: 13px

}



header .mobile-menu-items.active {

    display: block;

    position: fixed;

    top: 47px

}



header .navigation-bar {

    height: 50px;

    width: 100%;

    background: linear-gradient(90.04deg, #5156DF 0%, #7B4FEC 100%);

    box-shadow: 0 2px 1px rgba(0, 0, 0, .04);

    z-index: 999999999;

    position: relative

}



header .navigation-bar .navigation-menu {

    width: 100%;

    max-width: 1240px;

    height: 50px;

    margin: auto;

    padding: 7px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative

}



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

    header .navigation-bar .navigation-menu {

        justify-content: unset !important

    }

}



header .navigation-bar .mobile-menu-icon {

    height: 34px;

    width: 34px;

    margin-left: 9px

}



header .navigation-bar .mobile-menu-icon .open, header .navigation-bar .mobile-menu-icon .close {

    display: inline-block;

    height: 34px;

    width: 34px;

    background-position: left;

    background-repeat: no-repeat;

    position: inherit

}



header .navigation-bar .mobile-menu-icon .open {

    background-image: url(../images/open-menu.png)

}



header .navigation-bar .mobile-menu-icon .close {

    background-image: url(../images/close-menu.png)

}



header .navigation-bar .menu-items {

    direction: rtl

}



header .navigation-bar .menu-items .menu-item {

    display: inline-block;

    margin-right: 30px

}



@media screen and (min-width: 768px) and (max-width: 841px) {

    header .navigation-bar .menu-items .menu-item {

        margin-right: 25px

    }

}



header .navigation-bar .menu-items .menu-item > span {

    font-weight: 500;

    font-size: 20px;

    line-height: 25px

}



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

    header .navigation-bar .menu-items .menu-item > span {

        font-size: 18px;

        line-height: 22px

    }

}



header .navigation-bar .menu-items .menu-item > span a {

    color: #fff;

    text-decoration: none

}



header .navigation-bar .menu-items .menu-item a:hover {

    color: #FF976A;

    filter: initial

}



header .navigation-bar .menu-items .contact-us {

    background: #FFF;

    border-radius: 62px;

    height: 34px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    padding: 10px 20px;

    margin-left: 5px;

    margin-right: 40px

}



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

    header .navigation-bar .menu-items .contact-us {

        margin-right: 9px;

        margin-left: 10px;

        height: 33px

    }

}



header .navigation-bar .menu-items .contact-us > span a {

    color: #6453E5

}



header .navigation-bar .menu-items .services {

    position: relative

}



header .navigation-bar .menu-items .services .sub-menu-items {

    width: 198px;

    border-radius: 10px;

    background-color: #fff;

    position: absolute;

    right: -46px;

    top: 58px;

    filter: drop-shadow(0 5px 17px rgba(39, 39, 39, .25));

    z-index: 1;

    display: none

}



header .navigation-bar .menu-items .services .sub-menu-items .sub-menu-item a {

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

    width: 198px;

    height: 52px;

    padding: 16px 20px;

    display: block;

    color: #545454;

    text-decoration: none;

    text-align: left

}



header .navigation-bar .menu-items .services .sub-menu-items .sub-menu-item a:hover {

    background: linear-gradient(90.04deg, #5156DF 0%, #7B4FEC 100%);

    color: #fff

}



header .navigation-bar .menu-items .services .sub-menu-items .sub-menu-item:first-child {

    margin-top: -22px;

    z-index: 1;

    position: relative

}



header .navigation-bar .menu-items .services .sub-menu-items .sub-menu-item:first-child a {

    border-radius: 10px 10px 0 0

}



header .navigation-bar .menu-items .services .sub-menu-items .sub-menu-item:last-child a {

    border-radius: 0 0 10px 10px

}



header .navigation-bar .menu-items .services .sub-menu-items:before {

    content: "";

    width: 18px;

    height: 18px;

    background-image: url(../images/drop-down-triangle.png);

    background-repeat: no-repeat;

    display: inline-block;

    right: calc(50% - 9px);

    position: relative;

    top: -12px;

    z-index: 0

}



header .navigation-bar .menu-items .services .sub-menu-items:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 46px;

    top: -40px

}



header .navigation-bar .menu-items .services:hover > span a {

    color: #FF976A;

    filter: initial

}



header .navigation-bar .menu-items:hover > a {

    color: #FF976A !important;

    filter: initial

}



header .navigation-bar .website-logo-wrapper {

    padding-left: 7px;

    height: 36px

}



header .navigation-bar .website-logo-wrapper .website-logo {

    height: 36px;

    width: auto

}



.sticky {

    position: fixed !important;

    top: 0 !important

}



#button {

    display: inline-block;

    background: linear-gradient(-225deg, #755dd5 35%, #3788d1 100%);

    width: 35px;

    height: 35px;

    text-align: center;

    border-radius: 5px;

    position: fixed;

    bottom: 17px;

    left: 20px;

    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;

    opacity: 0;

    visibility: hidden;

    z-index: 2147483647

}



#button::after {

    content: "";

    background-image: url(../images/top.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    height: 100%;

    width: 20px;

    font-weight: 400;

    font-style: normal;

    font-size: 3em;

    line-height: 50px;

    position: absolute;

    left: 5px;

    right: 5px;

    margin: auto;

    color: #fff

}



#button:hover {

    cursor: pointer;

    background-color: #333

}



#button:active {

    background-color: #555

}



#button.show {

    opacity: 1;

    visibility: visible

}



body, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, input, textarea, label, button {

    font-family: Lexend;

    color: #545454

}



a {

    color: #0838E0

}



.small-btn {

    box-shadow: 0 2px 1px rgba(90, 90, 90, .1);

    border-radius: 60px;

    padding: 10px 14px;

    color: #fff;

    font-weight: 600;

    font-size: 13px;

    line-height: 16px;

    text-align: center;

    cursor: pointer;

    display: inline-block;

    text-decoration: none

}



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

    .small-btn {

        font-size: 15px;

        line-height: 19px

    }

}



.small-btn a {

    color: #fff;

    text-decoration: none

}



.small-btn.yellow {

    background: linear-gradient(276.24deg, #FF9E0C 0%, rgba(255, 158, 12, .61) 100%)

}



.small-btn.blue {

    background: linear-gradient(276.24deg, #0CC5FF 0%, rgba(26, 214, 255, .61) 100%)

}



.small-btn.green {

    background: linear-gradient(276.24deg, #26B17F 0%, #5CE7B5 100%)

}



body {

    background-color: #fafafa

}



body .card {

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-radius: 10px

}



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

    body .card {

        border-radius: 10px

    }

}



body .card > div {

    width: 100%

}



body .card.pdng {

    margin-top: 17px;

    padding: 17px

}



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

    body .card.pdng {

        margin-top: 12px

    }

}



.lazy-image {

    opacity: 1;

    background-image: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

    background-repeat: no-repeat;

    background-color: #f6f7f8;

    background-size: 450px 700px;

    -webkit-animation: lazyloadeffect 1s infinite linear forwards;

    animation: lazyloadeffect 1s infinite linear forwards

}



@-webkit-keyframes lazyloadeffect {

    from {

        background-position: -400px 0

    }

    to {

        background-position: 200px 0

    }

}



@keyframes lazyloadeffect {

    from {

        background-position: -400px 0

    }

    to {

        background-position: 200px 0

    }

}



.main img.pptheme-lazy {

    opacity: 1;

    background-image: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

    background-repeat: no-repeat;

    background-color: #f6f7f8;

    background-size: 450px 700px;

    -webkit-animation: lazyloadeffect 1s infinite linear forwards;

    animation: lazyloadeffect 1s infinite linear forwards

}



.description-title {

    margin-bottom: 10px;

    display: flex;

    flex-direction: row

}



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

    .description-title {

        margin-bottom: 15px

    }

}



.description-title .description-title-image {

    min-width: 38px;

    height: 37px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    margin-right: 17px

}



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

    .description-title .description-title-image {

        min-width: 33px;

        height: 33px;

        margin-right: 8px

    }

}



.description-title .description-title-text {

    display: flex;

    align-items: center

}



.description-title .description-title-text h2 {

    font-family: Lexend;

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 25px

}



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

    .description-title .description-title-text h2 {

        font-size: 16px;

        line-height: 20px

    }

}



.sidebar-content .description-title .description-title-image {

    margin-right: 7px

}



.sidebar-content > div {

    padding: 12px 17px 17px 17px;

    margin-bottom: 17px

}



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

    .sidebar-content > div {

        padding: 12px;

        margin-bottom: 12px

    }

}



.page-wrapper {

    margin: auto

}



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

    .page-wrapper {

        width: 1240px

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-wrapper {

        width: 768px

    }

}



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

    .page-wrapper {

        width: 100%;

        overflow: hidden !important

    }

}



.page-wrapper > h1 {

    width: 100%;

    margin: 23px 0 0 0;

    min-height: 70px;

    font-family: Lexend;

    font-style: normal;

    font-weight: 800;

    font-size: 44px;

    line-height: 55px;

    color: #515151

}



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

    .page-wrapper > h1 {

        margin: 23px 20px 0;

        font-size: 32px;

        line-height: 40px;

        min-height: 46px

    }

}



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

    .page-wrapper > h1 {

        font-size: 26px;

        margin: 12px 10px 0;

        line-height: 32px;

        min-height: 30px

    }

}



.page-wrapper .important-text-box {

    border-radius: 5px;

    width: 620px;

    padding: 17px;

    font-weight: 300;

    font-size: 21px;

    line-height: 27px;

    text-align: center;

    margin: 34px auto

}



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

    .page-wrapper .important-text-box {

        width: 540px

    }

}



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

    .page-wrapper .important-text-box {

        font-size: 16px;

        line-height: 24px;

        margin: 30px 0;

        padding: 12px;

        width: 100%

    }

}



.page-wrapper .important-text-box.green {

    color: rgba(17, 107, 75, .67);

    background: #DAF5EC

}



.page-wrapper .important-text-box.yellow {

    color: #93760F;

    background: rgba(255, 224, 115, .46)

}



.page-wrapper .page-content {

    display: flex;

    width: 100%

}



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

    .page-wrapper .page-content {

        flex-direction: column

    }

}



.page-wrapper .page-content .main-content {

    margin-right: 17px

}



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

    .page-wrapper .page-content .main-content {

        width: calc(100% - 40px);

        margin: 0 20px 0

    }

}



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

    .page-wrapper .page-content .main-content {

        width: 100% !important;

        margin: 0 0px !important

    }

}



.page-wrapper .page-content .sidebar-content {

    width: 390px

}



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

    .page-wrapper .page-content .sidebar-content {

        width: calc(100% - 40px);

        margin: 0 20px 20px

    }

}



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

    .page-wrapper .page-content .sidebar-content {

        width: calc(100% - 20px);

        margin: 0 10px 10px

    }

}



.page-wrapper-full-width .page-content {

    display: block

}



.single-product-wrapper ::-webkit-scrollbar {

    height: 4px

}



.single-product-wrapper ::-webkit-scrollbar-track {

    background: #fff

}



.single-product-wrapper ::-webkit-scrollbar-thumb {

    background: #EBEBEB;

    border-radius: 10px

}



.single-product-wrapper ::-webkit-scrollbar-thumb:hover {

    background: #555

}



.single-product-wrapper .top-slider {

    height: 468px;

    position: relative

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-product-wrapper .top-slider {

        height: 409px

    }

}



.single-product-wrapper .top-slider .top-slider-view {

    height: 100%;

    width: 100%

}



.single-product-wrapper .top-slider .top-slider-view > div {

    border-radius: 10px

}



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

    .single-product-wrapper .top-slider .top-slider-view > div {

        border-radius: 12px

    }

}



.single-product-wrapper .top-slider .top-slider-view > div.active {

    display: block

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-game {

    height: 100%;

    width: 100%;

    display: none;

    overflow: hidden

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-game iframe {

    width: 100%;

    height: 100%

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-game .top-slider-view-game-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    background-color: rgba(0, 0, 0, .7);

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    cursor: pointer

}



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

    .single-product-wrapper .top-slider .top-slider-view .top-slider-view-game .top-slider-view-game-overlay {

        border-radius: 12px

    }

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-game .top-slider-view-game-overlay img {

    width: 64px

}



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

    .single-product-wrapper .top-slider .top-slider-view .top-slider-view-game .top-slider-view-game-overlay img {

        width: 54px

    }

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-game .top-slider-view-game-overlay h3 {

    font-size: 31px;

    font-weight: 700;

    color: #fff;

    margin-top: 14px

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-game #game-url-full-screen {

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    right: 10px;

    bottom: 8px;

    width: 30px;

    height: 30px;

    display: none

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-video {

    height: 100%;

    width: 100%;

    display: none;

    overflow: hidden

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-video iframe {

    width: 100%;

    height: 100%

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images {

    height: 100%;

    width: 100%;

    background-color: #fff;

    display: none;

    padding: 13px 0

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images .top-slider-view-images-carousel {

    height: 100%;

    padding: 8px 0;

    display: flex;

    overflow-y: hidden;

    overflow-x: scroll

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images .top-slider-view-images-carousel img {

    margin-left: 23px;

    border-radius: 5px;

    height: 100%

}



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

    .single-product-wrapper .top-slider .top-slider-view .top-slider-view-images .top-slider-view-images-carousel img {

        border-radius: 12px

    }

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images .top-slider-view-images-carousel img:last-child {

    margin-right: 23px

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images ::-webkit-scrollbar {

    height: 4px

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images ::-webkit-scrollbar-track {

    background: #fff;

    margin: 0 23px

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images ::-webkit-scrollbar-thumb {

    background: #EBEBEB;

    border-radius: 10px

}



.single-product-wrapper .top-slider .top-slider-view .top-slider-view-images ::-webkit-scrollbar-thumb:hover {

    background: #555

}



.single-product-wrapper .top-slider .top-slider-btns {

    left: 26px;

    height: 27px;

    position: absolute;

    width: 101px;

    top: calc(100% - 13.5px);

    display: flex;

    z-index: 9999999

}



.single-product-wrapper .top-slider .top-slider-btns .top-slider-single-btn {

    width: 27px;

    height: 27px;

    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .21);

    background-color: #fff;

    margin-left: 10px;

    border-radius: 50%;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center

}



.single-product-wrapper .top-slider .top-slider-btns .top-slider-single-btn span {

    width: 17px;

    height: 17px;

    display: block;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



.single-product-wrapper .top-slider .top-slider-btns .top-slider-single-btn:first-child {

    margin-left: 0

}



.single-product-wrapper .top-slider .top-slider-btns #game span {

    background-image: url(../images/play.png)

}



.single-product-wrapper .top-slider .top-slider-btns #video span {

    background-image: url(../images/movie.png)

}



.single-product-wrapper .top-slider .top-slider-btns #images span {

    background-image: url(../images/picture.png)

}



.single-product-wrapper .top-slider .top-slider-btns .top-slider-single-btn.active {

    background-color: #3D9ED6

}



.single-product-wrapper .top-slider .top-slider-btns .top-slider-single-btn.active span {

    filter: contrast(1) brightness(0) invert(1)

}



.single-product-wrapper .mobile-slider {

    margin: 0 -10px;

    overflow-x: scroll;

    padding: 20px 0

}



.single-product-wrapper .mobile-slider > img, .single-product-wrapper .mobile-slider iframe {

    margin-left: 22px;

    border-radius: 5px

}



.single-product-wrapper .mobile-slider iframe {

    width: 315px

}



.single-product-wrapper .mobile-slider > img:last-child {

    margin-right: 23px

}



.single-product-wrapper .mobile-slider ::-webkit-scrollbar-track {

    background: #fff;

    margin: 0 10px

}



.single-product-wrapper .game-details-row {

    margin-top: 23px;

    display: flex

}



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

    .single-product-wrapper .game-details-row {

        flex-direction: column;

        margin-top: 12px

    }

}



.single-product-wrapper .game-details-row > div {

    padding: 14px

}



.single-product-wrapper .game-details-row .taxonomy-box {

    width: calc(100% - 352px);

    margin-right: 17px

}



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

    .single-product-wrapper .game-details-row .taxonomy-box {

        width: calc(100% - 268px)

    }

}



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

    .single-product-wrapper .game-details-row .taxonomy-box {

        width: 100%;

        margin: 0 0 12px 0

    }

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-box-row {

    display: flex

}



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

    .single-product-wrapper .game-details-row .taxonomy-box .taxonomy-box-row {

        flex-direction: column

    }

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-box-row .taxonomy-box-col {

    flex: 1

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-box-row:last-child .taxonomy-detail {

    margin-bottom: 0

}



.single-product-wrapper .game-details-row .taxonomy-box > span {

    font-weight: 400;

    line-height: 15px

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-detail {

    margin-bottom: 7px;

    display: flex;

    font-size: 12px;

    align-items: baseline

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-detail .taxonomy-value {

    margin-left: 6px;

    color: #000

}



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

    .single-product-wrapper .game-details-row .taxonomy-box .taxonomy-detail .taxonomy-value {

        margin-left: 3px

    }

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-detail .taxonomy-value a {

    color: #000;

    display: inline-block;

    margin-left: 3px

}



.single-product-wrapper .game-details-row .taxonomy-box .taxonomy-detail::before {

    content: "";

    width: 10px;

    height: 14px;

    display: inline-block;

    margin-right: 6px;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom

}



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

    .single-product-wrapper .game-details-row .taxonomy-box .taxonomy-detail::before {

        margin-right: 10px

    }

}



.single-product-wrapper .game-details-row .taxonomy-box .genre::before {

    background-image: url(../images/genre.svg)

}



.single-product-wrapper .game-details-row .taxonomy-box .play-mode::before {

    background-image: url(../fonts/play-mode.svg)

}



.single-product-wrapper .game-details-row .taxonomy-box .engine::before {

    background-image: url(../fonts/engine.svg)

}



.single-product-wrapper .game-details-row .taxonomy-box .orientation::before {

    background-image: url(../fonts/orientation.svg)

}



.single-product-wrapper .game-details-row .taxonomy-box .tag::before {

    background-image: url(../fonts/tag.svg)

}



.single-product-wrapper .game-details-row .play-on-mobile-box {

    width: 335px;

    padding: 14px;

    display: flex

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box {

        width: 251px

    }

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box {

        width: 100%

    }

}



.single-product-wrapper .game-details-row .play-on-mobile-box .mobile-icon {

    height: 100%;

    min-width: 40px;

    height: 40px;

    margin: 15px 10px 10px 0;

    background-image: url(../fonts/mobile.svg);

    background-size: auto;

    background-repeat: no-repeat;

    background-position: center

}



@media screen and (max-width: 1240px) and (min-width: 768px) {

    .single-product-wrapper .game-details-row .play-on-mobile-box .mobile-icon {

        display: none

    }

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box .mobile-icon {

        width: 45px;

        height: 65px;

        margin-right: 12px

    }

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box .mobile-icon {

        display: none

    }

}



.single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text {

    width: calc(100% - 49px);

    display: flex;

    flex-direction: column;

    justify-content: center

}



@media screen and (max-width: 1240px) and (min-width: 768px) {

    .single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text {

        width: 100%

    }

}



.single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text h3 {

    margin-bottom: 3px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 22px;

    color: #545454;

    margin-left: 7px

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text h3 {

        display: none

    }

}



.single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text a {

    font-weight: 300;

    font-size: 13px;

    line-height: 16px;

    text-decoration-line: underline;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    white-space: pre-wrap;

    white-space: -moz-pre-wrap;

    white-space: -pre-wrap;

    white-space: -o-pre-wrap;

    word-wrap: break-word

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text a {

        display: none

    }

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box .play-on-mobile-text h4 {

        display: none

    }

}



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

    .single-product-wrapper .game-details-row .play-on-mobile-box .single-product-qrcode-qr {

        display: none !important

    }

}



.single-product-wrapper .game-description-box .content-area {

    display: flex

}



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

    .single-product-wrapper .game-description-box .content-area {

        flex-direction: column

    }

}



.single-product-wrapper .game-description-box .content-area .content {

    font-family: Lexend;

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    line-height: 150%;

    text-align: justify;

    width: calc(100% - 264px);

    padding-right: 17px;

    border-right: 2px solid #f8f8f8

}



.single-product-wrapper .game-description-box .content-area .content #see-more-btn {

    color: #0838E0;

    font-weight: 500;

    cursor: pointer

}



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

    .single-product-wrapper .game-description-box .content-area .content {

        width: 100%;

        margin-bottom: 12px;

        padding-right: 0;

        border-right: initial

    }

}



.single-product-wrapper .game-description-box .content-area .feature-suitable {

    width: 247px;

    margin-left: 17px

}



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

    .single-product-wrapper .game-description-box .content-area .feature-suitable {

        width: 100%;

        margin-left: 0;

        display: flex;

        justify-content: space-between

    }

}



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

    .single-product-wrapper .game-description-box .content-area .feature-suitable {

        flex-direction: column

    }

}



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

    .single-product-wrapper .game-description-box .content-area .feature-suitable .features {

        width: calc(50% - 7.5px)

    }

}



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

    .single-product-wrapper .game-description-box .content-area .feature-suitable .features {

        width: 100%

    }

}



.single-product-wrapper .game-description-box .content-area .feature-suitable .suitable {

    margin-top: 24px

}



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

    .single-product-wrapper .game-description-box .content-area .feature-suitable .suitable {

        margin-top: 0;

        width: calc(50% - 7.5px)

    }

}



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

    .single-product-wrapper .game-description-box .content-area .feature-suitable .suitable {

        width: 100%;

        margin-top: 17px

    }

}



.single-product-wrapper .game-description-box .content-area .feature-suitable h4 {

    font-family: Lexend;

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 25px;

    display: flex;

    align-items: center;

    text-align: justify;

    margin-bottom: 10px

}



.single-product-wrapper .game-description-box .content-area .feature-suitable ul {

    margin-left: 20px

}



.single-product-wrapper .game-description-box .content-area .feature-suitable ul li {

    font-family: Lexend;

    font-style: normal;

    font-weight: 300;

    font-size: 14px;

    line-height: 17px;

    color: #545454;

    list-style: none;

    margin-bottom: 8px;

    display: flex

}



.single-product-wrapper .game-description-box .content-area .feature-suitable ul li:before {

    content: "";

    background-image: url(../fonts/check.svg);

    min-width: 13px;

    height: 13px;

    display: inline-block;

    margin: 2px 10px 0 0;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-product-wrapper .price-license-box .header-area {

        display: flex;

        flex-direction: row-reverse;

        justify-content: space-between

    }

}



.single-product-wrapper .price-license-box .header-area h3 {

    font-weight: 700;

    font-size: 20px;

    line-height: 25px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-product-wrapper .price-license-box .header-area h3 {

        display: inline-block

    }

}



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

    .single-product-wrapper .price-license-box .header-area h3 {

        font-size: 16px;

        line-height: 20px

    }

}



.single-product-wrapper .price-license-box .license-area {

    margin-top: 18px

}



.single-product-wrapper .price-license-box .license-area h3 {

    font-weight: 700;

    font-size: 20px;

    line-height: 22px;

    margin-bottom: 12px

}



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

    .single-product-wrapper .price-license-box .license-area h3 {

        font-size: 17px;

        line-height: 21px

    }

}



.single-product-wrapper .price-license-box .license-area p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    text-align: justify;

    margin-top: 40px;

    color: #545454;

    margin-left: 11px

}



.single-product-wrapper .price-license-box .license-area ul {

    margin-left: 24px

}



.single-product-wrapper .price-license-box .license-area ul li {

    font-size: 18px;

    line-height: 22px;

    font-weight: 300;

    margin-bottom: 12px

}



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

    .single-product-wrapper .price-license-box .license-area ul li {

        font-size: 16px;

        line-height: 20px

    }

}



.single-product-wrapper .price-license-box .license-area ul ::marker {

    font-size: 11px

}



.single-product-wrapper .price-license-box .license-area > div {

    text-align: right

}



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

    .single-product-wrapper .price-license-box .license-area > div {

        margin-bottom: 7px

    }

}



.single-product-wrapper .price-license-box .license-area > div span {

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: #0838E0;

    border-bottom: 1px solid #0838E0;

    cursor: pointer

}



.single-product-wrapper .price-license-box .license-area > div span:before {

    content: "";

    background-image: url(../images/morinfo.png);

    width: 11px;

    height: 11px;

    display: inline-block;

    margin-right: 2px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



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

    .single-product-wrapper .price-license-box .license-area > div span {

        border: 1px solid #254BCF;

        box-sizing: border-box;

        border-radius: 50px;

        padding: 6px 12px

    }



    .single-product-wrapper .price-license-box .license-area > div span:before {

        display: none

    }

}



.single-product-wrapper .game-services-box .services-box {

    padding: 22px 22px 0;

    margin-bottom: -21px

}



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

    .single-product-wrapper .game-services-box .services-box {

        padding: 22px 0 0

    }

}



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

    .single-product-wrapper .game-services-box .services-box {

        display: grid;

        grid-template-columns:auto auto

    }

}



.single-product-wrapper .game-services-box .services-box .game-single-service {

    width: calc(100% - 44px);

    display: inline-flex;

    margin-bottom: 21px

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service {

        width: calc(100% - 13px)

    }

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service {

        width: 100%;

        flex-direction: column;

        align-items: center;

        margin-bottom: 30px

    }

}



.single-product-wrapper .game-services-box .services-box .game-single-service .game-service-icon {

    width: 36px;

    height: 36px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    min-width: 36px;

    margin-right: 10px

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service-icon {

        width: 42px;

        height: 42px;

        margin-right: 0

    }

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service {

        display: flex;

        flex-direction: column

    }

}



.single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-title {

    font-size: 22px;

    line-height: 27px;

    font-weight: 400;

    margin-bottom: 10px

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-title {

        font-size: 18px;

        line-height: 22px;

        text-align: center;

        margin-top: 10px

    }

}



.single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-content {

    font-weight: 300;

    font-size: 16px;

    line-height: 150%;

    text-align: justify;

    margin-bottom: 10px

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-content {

        line-height: 20px;

        text-align: center

    }

}



.single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-btns {

    text-align: right

}



.game-single-service:nth-child(2) .game-service-btns {

    display: none !important

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-btns {

        display: flex;

        justify-content: flex-end;

        align-items: flex-end;

        flex-grow: 1

    }

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-btns .blue {

        margin-right: 5px

    }

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service .game-service .game-service-btns {

        text-align: center

    }

}



.single-product-wrapper .game-services-box .services-box .game-single-service .game-service a {

    text-decoration: none

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-product-wrapper .game-services-box .services-box .game-single-service:nth-child(2n+1) {

        margin-right: 21px

    }

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service:nth-child(2n+1) {

        margin-right: 0

    }

}



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

    .single-product-wrapper .game-services-box .services-box .game-single-service:nth-child(2n) {

        justify-self: flex-end

    }

}



.single-product-wrapper .hr-top-similar {

    background: #f2f2f2;

    border-radius: 33px;

    width: 100%;

    border-radius: 3px;

    margin-top: 50px;

    height: 3px

}



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

    .single-product-wrapper .hr-top-similar {

        display: none

    }

}



.single-product-wrapper .similar-games {

    margin-top: 36px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-product-wrapper .similar-games {

        width: 730px;

        margin: 0 auto

    }

}



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

    .single-product-wrapper .similar-games {

        margin-top: 0

    }

}



.price-area {

    text-align: right;

    margin-bottom: 24px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .price-area {

        margin-bottom: 0;

        display: inline-block

    }

}



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

    .price-area {

        margin-bottom: 16px

    }

}



.price-area > span {

    font-size: 28px;

    line-height: 35px;

    font-weight: 700

}



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

    .price-area > span {

        font-size: 22px;

        line-height: 27px

    }

}



.price-area .price {

    background: #26B17F;

    border-radius: 5px;

    color: #fff;

    padding: 4px 6px;

    display: inline-block;

    margin-left: 10px

}



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

    .price-area .price {

        padding: 0 3px

    }

}



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

    .price-area .price {

        padding: 3px 10px

    }

}



.price-area .off-price {

    text-decoration-line: line-through;

    color: #FF1313

}



.contact-form {

    margin: 15px 10px -8px 10px

}



.contact-form-box form {

    max-width: 434px;

    margin: auto

}



.contact-form-box form > div {

    margin-bottom: 17px

}



.contact-form-box form > div label {

    font-weight: 400;

    font-size: 14px;

    line-height: 17px;

    margin-bottom: 5px;

    display: inline-block

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box form > div label {

        font-size: 18px;

        line-height: 22.5px

    }

}



.contact-form-box form > div label:after {

    content: "*";

    color: #FF1313;

    margin-left: 4px

}



.contact-form-box form > div input, .contact-form-box form > div textarea {

    background: #F0F0F0;

    border-radius: 5px;

    width: 100%;

    font-weight: 300;

    font-size: 14px;

    line-height: 17px;

    padding: 8px 12px;

    resize: none;

    height: 103px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box form > div input, .contact-form-box form > div textarea {

        font-size: 18px;

        line-height: 22.5px;

        padding: 10px 16px

    }

}



.contact-form-box form > div input {

    height: 38px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box form > div input {

        height: 47px

    }

}



.contact-form-box form > div span.wpcf7-not-valid-tip {

    font-size: 12px

}



.contact-form-box form > div ::-webkit-input-placeholder {

    opacity: .2;

    color: #000

}



.contact-form-box form > div :-ms-input-placeholder {

    opacity: .2;

    color: #000

}



.contact-form-box form > div ::placeholder {

    opacity: .2;

    color: #000

}



.contact-form-box form .g-recaptcha > div {

    margin: auto

}



.contact-form-box form .form-recaptcha {

    display: flex;

    justify-content: center

}



.contact-form-box form .wpcf7-submit {

    height: 40px;

    background: linear-gradient(270.85deg, #26B17F 0%, rgba(18, 216, 145, .85) 100%);

    border-radius: 28px;

    color: #fff;

    font-weight: 700;

    font-size: 18px;

    line-height: 22px;

    cursor: pointer;

    width: 148px;

    display: block;

    margin: 10px auto -26px auto

}



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

    .contact-form-box form .wpcf7-submit {

        margin: 10px auto -24px auto

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box form .wpcf7-submit {

        height: 48px

    }

}



.contact-form-box form > p > span:first-child {

    display: inline-block;

    width: 100%;

    text-align: center;

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 8px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box form > p > span:first-child {

        font-size: 18px;

        line-height: 22px;

        margin-bottom: 10px

    }

}



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

    .contact-form-box form > p > span:first-child {

        font-size: 14px;

        line-height: 17px;

        margin-bottom: 7px

    }

}



.contact-form-box form .wpcf7-response-output {

    margin: 0

}



.contact-form-box .product-badges {

    display: flex;

    width: 100%;

    max-width: 434px;

    margin: auto;

    margin-top: 15px;

    justify-content: space-around

}



.contact-form-box .product-badges .single-badge {

    width: 60px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box .product-badges .single-badge {

        width: 68px

    }

}



.contact-form-box .product-badges .single-badge .icon {

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    width: 32px;

    height: 32px;

    margin-bottom: 6px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box .product-badges .single-badge .icon {

        width: 42px;

        height: 42px;

        margin-bottom: 10px

    }

}



.contact-form-box .product-badges .single-badge .quality {

    background-image: url(../images/quality.png)

}



.contact-form-box .product-badges .single-badge .device {

    background-image: url(../images/device.png)

}



.contact-form-box .product-badges .single-badge .support {

    background-image: url(../images/support.png)

}



.contact-form-box .product-badges .single-badge .title {

    font-weight: 300;

    font-size: 10px;

    line-height: 12px;

    text-align: center

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .contact-form-box .product-badges .single-badge .title {

        font-size: 12px;

        line-height: 15px

    }

}



.single-loop-game {

    width: 256px;

    height: 408px;

    margin-right: 67px;

    display: inline-block;

    position: relative

}



.single-loop-game a {

    text-decoration: none

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game {

        width: 214px;

        height: 350px;

        margin-right: 39px;

        margin-bottom: 36px

    }

}



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

    .single-loop-game {

        width: 340px;

        height: 509px;

        display: block;

        margin: 0 auto 15px

    }

}



.single-loop-game .card {

    width: 100%;

    height: 88%;

    overflow: hidden

}



.single-loop-game .card .image {

    width: 256px;

    height: 256px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game .card .image {

        width: 214px;

        height: 214px

    }

}



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

    .single-loop-game .card .image {

        width: 340px;

        height: 340px

    }

}



.single-loop-game .card .related-content {

    height: 152px;

    padding: 12px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game .card .related-content {

        height: 136px;

        padding: 10px

    }

}



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

    .single-loop-game .card .related-content {

        height: 169px

    }

}



.single-loop-game .card .related-content h3 {

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    margin-bottom: 6px;

    max-height: 42px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game .card .related-content h3 {

        margin-bottom: 0

    }

}



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

    .single-loop-game .card .related-content h3 {

        font-size: 20px;

        line-height: 25px;

        max-height: 45px

    }

}



.single-loop-game .card .related-content p {

    font-size: 14px;

    line-height: 17px;

    display: block;

    text-align: justify;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    margin-bottom: 3px;

    height: 52px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game .card .related-content p {

        margin-bottom: 0

    }

}



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

    .single-loop-game .card .related-content p {

        font-size: 16px;

        line-height: 20px;

        height: 62px

    }

}



.single-loop-game .card .related-content .price-area {

    margin-bottom: 0;

    position: absolute;

    right: 12px;

    bottom: 12px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game .card .related-content .price-area {

        display: block;

        right: 7px;

        bottom: 7px

    }

}



.single-loop-game .card .related-content .price-area .price {

    padding: 0 12px

}



.single-loop-game .card .related-content span {

    font-size: 19px;

    line-height: 24px;

    padding: 2px;

    margin-left: 4px

}



.single-loop-game .card .ribbon {

    position: absolute;

    width: 89px;

    height: 89px;

    right: -4px;

    top: -4px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



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

    .single-loop-game .card .ribbon {

        width: 75px;

        height: 75px

    }

}



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

    .single-loop-game .card .ribbon {

        width: 119px;

        height: 119px;

        right: -6px;

        top: -6px

    }

}



.single-loop-game .card .premium {

    background-image: url(../images/premium.svg)

}



.single-loop-game .card .best-seller {

    background-image: url(../fonts/best-seller.svg)

}



.header-s-a-link {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 37px

}



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

    .header-s-a-link {

        margin: 14px 19px 15px;

        padding: 4px 0

    }

}



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

    .header-s-a-link {

        margin: 14px 3px 15px;

        padding: 4px 5px

    }

}



.header-s-a-link > h3 {

    font-weight: 700;

    font-size: 42px;

    line-height: 37px

}



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

    .header-s-a-link > h3 {

        font-size: 32px;

        line-height: 40px

    }

}



.header-s-a-link a {

    font-weight: 400;

    font-size: 15px;

    line-height: 19px;

    margin-right: 5px;

    text-decoration: none

}



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

    .single-loop-game:nth-child(4n) {

        margin-right: 0

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .single-loop-game:nth-child(3n) {

        margin-right: 0

    }

}



.game-loop {

    width: 100%

}



.tablet-mobile-carousel {

    margin-bottom: 70px

}



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

    .tablet-mobile-carousel {

        margin-bottom: 34px

    }

}



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

    .tablet-mobile-carousel {

        margin-bottom: 56px

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .tablet-mobile-carousel .all-game-box {

        height: 363px;

        overflow: hidden;

        padding: 4px 20px

    }

}



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

    .tablet-mobile-carousel .all-game-box {

        display: flex;

        overflow: scroll;

        padding: 0 10px

    }



    .tablet-mobile-carousel .all-game-box .woocommerce {

        width: 100%;

        display: flex;

        overflow-x: scroll;

        overflow-y: hidden;

        margin: 0 -10px;

        padding: 0 10px

    }



    .tablet-mobile-carousel .all-game-box .woocommerce ::-webkit-scrollbar {

        height: 4px

    }



    .tablet-mobile-carousel .all-game-box .woocommerce ::-webkit-scrollbar-track {

        background: #fff

    }



    .tablet-mobile-carousel .all-game-box .woocommerce ::-webkit-scrollbar-thumb {

        background: #EBEBEB;

        border-radius: 10px

    }



    .tablet-mobile-carousel .all-game-box .woocommerce ::-webkit-scrollbar-thumb:hover {

        background: #555

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .tablet-mobile-carousel .single-loop-game:nth-child(3n) {

        margin-right: 0

    }

}



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

    .tablet-mobile-carousel .single-loop-game:last-child {

        margin-right: 0

    }

}



.tablet-mobile-carousel .single-loop-game {

    margin-bottom: 16px

}



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

    .tablet-mobile-carousel .single-loop-game {

        margin-right: 38px

    }

}



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

    .tablet-mobile-carousel .single-loop-game {

        width: 214px;

        height: 350px;

        margin-right: 23px

    }



    .tablet-mobile-carousel .single-loop-game .ribbon {

        width: 75px;

        height: 75px;

        top: -4px;

        right: -4px

    }



    .tablet-mobile-carousel .single-loop-game .image {

        width: 214px;

        height: 214px

    }



    .tablet-mobile-carousel .single-loop-game .related-content {

        height: 152px

    }



    .tablet-mobile-carousel .single-loop-game .related-content h3 {

        font-weight: 700;

        font-size: 16px;

        line-height: 20px;

        margin-bottom: -1px

    }



    .tablet-mobile-carousel .single-loop-game .related-content p {

        font-size: 14px;

        line-height: 17px;

        height: 35px

    }

}



.page > h1 {

    margin-bottom: 13px

}



.page .page-content .main-content .card {

    padding: 40px;

    font-size: 18px;

    line-height: 150%;

    font-weight: 300;

    text-align: justify

}



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

    .page .page-content .main-content .card {

        padding: 30px;

        margin-bottom: 12px

    }

}



.page .page-content .main-content .card .aligncenter {

    text-align: center;

    clear: both;

    display: block;

    margin: auto

}



.page .page-content .main-content .card ul, .page .page-content .main-content .card ol {

    padding-left: 18px

}



.service-faq {

    min-height: 300px

}



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

    .service-faq {

        padding: 12px

    }

}



.service-faq .faq-box .single-faq {

    margin: 0 90px 0 58px;

    display: flex;

    cursor: pointer

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .service-faq .faq-box .single-faq {

        margin: 0 67px 0 47px

    }

}



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

    .service-faq .faq-box .single-faq {

        margin: 0

    }

}



.service-faq .faq-box .single-faq .icon-box {

    width: 32px

}



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

    .service-faq .faq-box .single-faq .icon-box {

        width: 16px

    }

}



.service-faq .faq-box .single-faq .icon-box .faq-collapse-icon {

    display: block;

    margin-top: 5px;

    width: 17px;

    height: 17px;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center

}



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

    .service-faq .faq-box .single-faq .icon-box .faq-collapse-icon {

        width: 12px;

        height: 12px

    }

}



.service-faq .faq-box .single-faq .text-box {

    margin-bottom: 20px;

    border-bottom: 2px solid #f8f8f8;

    padding-bottom: 20px;

    width: calc(100% - 32px)

}



.service-faq .faq-box .single-faq .text-box .question h4 {

    font-size: 20px;

    line-height: 25px;

    font-weight: 400

}



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

    .service-faq .faq-box .single-faq .text-box .question h4 {

        font-size: 18px;

        line-height: 22px

    }

}



.service-faq .faq-box .single-faq .text-box .answer {

    overflow: hidden

}



.service-faq .faq-box .single-faq .text-box .answer p {

    margin: 10px 0 0;

    font-weight: 300;

    font-size: 18px;

    line-height: 27px;

    text-align: justify

}



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

    .service-faq .faq-box .single-faq .text-box .answer p {

        font-size: 16px;

        line-height: 24px

    }

}



.service-faq .faq-box .single-faq.close .faq-collapse-icon {

    background-image: url(../images/plus.png);

    transition: background-image 0.1s ease-out;

    transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -moz-transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s

}



.service-faq .faq-box .single-faq.close .text-box .answer {

    max-height: 0;

    transition: max-height 0.7s ease

}



.service-faq .faq-box .single-faq.close .text-box .answer p {

    margin-top: 0;

    transition: margin-top 0.7s ease;

    transition-delay: 0.4s;

    -o-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    -webkit-transition-delay: 0.4s

}



.service-faq .faq-box .single-faq.open .faq-collapse-icon {

    background-image: url(../images/minus.png);

    transition: background-image 0.1s ease-out;

    transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -moz-transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s

}



.service-faq .faq-box .single-faq.open .text-box .answer {

    height: auto;

    max-height: 500px;

    transition: max-height 0.7s ease

}



.service-faq .faq-box .single-faq:last-child .text-box {

    border-bottom: initial

}



html body .pum {

    background: rgba(0, 0, 0, .5)

}



html body .pum .pum-container {

    border-radius: 10px;

    padding: 17px

}



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

    html body .pum .pum-container {

        padding: 12px;

        border-radius: 12px

    }

}



html body .pum .pum-container .pum-title {

    font-weight: 700;

    font-size: 32px;

    line-height: 40px;

    color: #545454;

    margin: 12px 12px 3px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    html body .pum .pum-container .pum-title {

        font-size: 26px;

        line-height: 32px

    }

}



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

    html body .pum .pum-container .pum-title {

        font-size: 20px;

        line-height: 25px;

        margin: 9px 9px 3px

    }

}



html body .pum .pum-container .pum-content p.last-updated {

    font-weight: 500;

    font-size: 13px;

    line-height: 16px;

    color: #8E8E8E;

    margin-bottom: -15px

}



html body .pum .pum-container .pum-content > div {

    font-weight: 300;

    font-size: 18px;

    line-height: 22px;

    color: #545454;

    margin: 0;

    text-align: justify

}



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

    html body .pum .pum-container .pum-content > div {

        font-size: 16px;

        line-height: 20px

    }

}



html body .pum .pum-container .pum-close {

    background: initial;

    font-size: 0;

    box-shadow: initial;

    right: 17px;

    top: 17px;

    padding: 0;

    width: 23px;

    height: 23px;

    background-image: url(../images/close.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



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

    html body .pum .pum-container .pum-close {

        width: 18px;

        height: 18px

    }

}



.page-icon-title {

    width: 100%;

    display: flex;

    margin: 18px 0 30px

}



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

    .page-icon-title {

        width: calc(100% - 40px);

        margin: 21px 20px 12px

    }

}



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

    .page-icon-title {

        width: calc(100% - 20px);

        margin: 10px 10px 7px

    }

}



.page-icon-title .icon {

    height: 102px;

    width: 102px;

    border-radius: 10px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



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

    .page-icon-title .icon {

        height: 59px;

        width: 59px

    }

}



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

    .page-icon-title .icon {

        height: 48px;

        width: 48px;

        border-radius: 12px

    }

}



.page-icon-title .title {

    width: calc(100% - 127px);

    margin-left: 25px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end

}



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

    .page-icon-title .title {

        width: calc(100% - 68px);

        margin-left: 9px

    }

}



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

    .page-icon-title .title {

        width: calc(100% - 59px);

        margin-left: 11px

    }

}



.page-icon-title .title h1 {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    font-style: normal;

    font-weight: 700;

    font-size: 44px;

    line-height: 55px

}



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

    .page-icon-title .title h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 40px

    }

}



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

    .page-icon-title .title h1 {

        -webkit-line-clamp: 2;

        font-weight: 800;

        font-size: 22px;

        line-height: 28px

    }

}



.page-icon-title .title h3 {

    font-style: normal;

    font-weight: 700;

    font-size: 32px;

    line-height: 40px;

    color: #727272

}



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

    .page-icon-title .title h3 {

        font-size: 24px;

        line-height: 30px

    }

}



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

    .page-icon-title .title h3 {

        font-size: 18px;

        line-height: 22px

    }

}



.home-page-services-box {

    height: 345px;

    width: 100%;

    margin-bottom: 83px;

    padding: 16px;

    position: relative

}



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

    .home-page-services-box {

        height: auto;

        max-width: calc(100% - 40px);

        margin: 0 auto 48px

    }

}



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

    .home-page-services-box {

        height: auto;

        max-width: calc(100% - 20px);

        margin: 0 auto 64px

    }

}



.home-page-services-box .home-services-container {

    padding: 0 11px

}



.home-page-services-box .home-services-container .service {

    width: 256px;

    height: 223px;

    padding: 20px 17px;

    border-radius: 10px;

    cursor: pointer;

    background-color: #fff;

    transition: 0.5s ease height, 0.5s ease box-shadow;

    text-align: center;

    display: inline-block;

    margin-right: 49px

}



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

    .home-page-services-box .home-services-container .service {

        margin: 0 39px;

        height: auto

    }

}



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

    .home-page-services-box .home-services-container .service {

        margin: auto;

        display: block;

        min-width: 256px;

        width: 70%

    }

}



.home-page-services-box .home-services-container .service .service-image {

    width: 64px;

    height: 64px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    margin: 0 auto 15px

}



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

    .home-page-services-box .home-services-container .service .service-image {

        margin-bottom: 10px

    }

}



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

    .home-page-services-box .home-services-container .service .service-image {

        width: 38px;

        height: 38px;

        margin-bottom: 3px

    }

}



.home-page-services-box .home-services-container .service .service-title {

    font-weight: 400;

    font-size: 22px;

    line-height: 28px;

    margin-bottom: 15px

}



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

    .home-page-services-box .home-services-container .service .service-title {

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        overflow: hidden

    }

}



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

    .home-page-services-box .home-services-container .service .service-title {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 3px

    }

}



.home-page-services-box .home-services-container .service .service-text {

    font-weight: 300;

    font-size: 18px;

    text-align: justify;

    display: block;

    text-overflow: ellipsis;

    word-wrap: break-word;

    overflow: hidden;

    height: 95px;

    margin-bottom: 13px

}



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

    .home-page-services-box .home-services-container .service .service-text {

        margin-bottom: 25px;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden

    }

}



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

    .home-page-services-box .home-services-container .service .service-text {

        font-size: 16px;

        line-height: 20px;

        margin-bottom: 12px

    }

}



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

    .home-page-services-box .home-services-container .service button {

        margin: auto;

        opacity: 0;

        transition: 0.2s ease opacity

    }

}



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

    .home-page-services-box .home-services-container .service:hover {

        height: 299px;

        box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

        transition: 0.5s ease height, 0.5s ease box-shadow

    }



    .home-page-services-box .home-services-container .service:hover button {

        opacity: 1;

        transition: 0.5s ease opacity;

        transition-delay: 0.2s

    }

}



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

    .home-page-services-box .home-services-container .service:nth-child(4n) {

        margin-right: 0

    }

}



.home-page-content .first-box {

    margin: 17px 0;

    height: 384px;

    width: 100%;

    position: relative;

    background-position: right;

    background-repeat: no-repeat;

    background-size: contain

}



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

    .home-page-content .first-box {

        width: calc(100% - 40px);

        height: 356px;

        margin: 17px auto

    }

}



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

    .home-page-content .first-box {

        width: calc(100% - 20px);

        margin: 17px auto 12px;

        height: 341px

    }

}



.home-page-content .first-box .text-content {

    position: absolute;

    left: 86px;

    bottom: 91px;

    width: 760px

}



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

    .home-page-content .first-box .text-content {

        left: 32px;

        bottom: 100px;

        width: 500px

    }

}



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

    .home-page-content .first-box .text-content {

        left: auto;

        bottom: 42px;

        width: 100%;

        text-align: center

    }

}



.home-page-content .first-box .text-content .text-content-game-counter {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 800;

    font-size: 27px;

    line-height: 154%;

    color: #FF7358 !important

}



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

    .home-page-content .first-box .text-content .text-content-game-counter {

        font-size: 24px

    }

}



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

    .home-page-content .first-box .text-content .text-content-game-counter {

        font-size: 23px;

        line-height: 44px

    }

}



.home-page-content .first-box .text-content .text-content-game-counter span {

    color: #FF7358 !important

}



.home-page-content .first-box .text-content h1 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 64px;

    line-height: 120.5%;

    background: linear-gradient(90deg, #87b1ff, #2D84F7);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



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

    .home-page-content .first-box .text-content h1 {

        font-size: 46px

    }

}



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

    .home-page-content .first-box .text-content h1 {

        font-size: 35px;

        line-height: 44px

    }

}



.home-page-content .first-box .text-content h2 span {

    font-weight: 900;

    font-size: 64px;

    line-height: 99px;

    margin-top: -15px;

    display: flex;

    align-items: center;

    background: linear-gradient(91.41deg, #FF8957 .48%, #F16529 99.64%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent

}



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

    .home-page-content .first-box .text-content h2 span {

        font-size: 54px

    }

}



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

    .home-page-content .first-box .text-content h2 span {

        font-size: 44px;

        line-height: 68px

    }

}



.home-page-content .first-box .home-page-top-baner-img {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 515px;

    height: 377px;

    float: right;

    position: absolute;

    right: 70px;

    top: 17px

}



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

    .home-page-content .first-box .home-page-top-baner-img {

        width: 335px;

        height: 266px;

        left: 404px;

        top: 47px

    }

}



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

    .home-page-content .first-box .home-page-top-baner-img {

        position: unset;

        float: unset;

        width: 223px !important;

        height: 180px;

        text-align: center;

        margin: auto

    }

}



.home-introduce-section {

    width: 100%;

    margin: 0 auto 30px;

    height: 403px

}



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

    .home-introduce-section {

        height: auto

    }

}



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

    .home-introduce-section {

        margin-bottom: 12px

    }

}



.home-introduce-section .video {

    display: inline-block;

    width: 737px;

    height: 415px;

    float: left;

    overflow: hidden

}



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

    .home-introduce-section .video {

        float: initial;

        width: 728px;

        height: 411px;

        margin: 0 20px 17px

    }

}



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

    .home-introduce-section .video {

        margin: 0 10px 12px;

        width: calc(100% - 20px);

        height: 186px

    }

}



.home-introduce-section .video iframe {

    width: 100%;

    height: 100%

}



.home-introduce-section .contact-us {

    display: inline-block;

    width: 486px;

    height: 415px;

    margin-left: 17px;

    padding: 20px

}



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

    .home-introduce-section .contact-us {

        margin-left: 20px;

        width: 728px;

        height: auto

    }

}



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

    .home-introduce-section .contact-us {

        margin-left: 10px;

        width: calc(100% - 20px)

    }

}



.home-introduce-section .contact-us .description-title {

    margin-bottom: 8px

}



.home-introduce-section .contact-us div, .home-introduce-section .contact-us p {

    font-weight: 300;

    font-size: 18px;

    line-height: 27px;

    text-align: justify

}



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

    .home-introduce-section .contact-us div, .home-introduce-section .contact-us p {

        font-size: 16px;

        line-height: 24px

    }

}



.home-introduce-section .contact-us .btn-box {

    text-align: center;

    margin-top: 29px

}



@media screen and (max-width: 1240px) and (min-width: 768px) {

    .home-introduce-section .contact-us .btn-box {

        text-align: right

    }

}



.home-introduce-section .contact-us .btn-box .small-btn {

    font-size: 24px;

    line-height: 30px;

    width: 200px;

    height: 50px

}



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

    .home-introduce-section .contact-us .btn-box .small-btn {

        width: 181px;

        height: 46px;

        font-size: 22px;

        line-height: 28px

    }

}



.our-customer-box {

    width: 100%;

    height: 190px;

    margin-bottom: 17px

}



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

    .our-customer-box {

        width: calc(100% - 40px);

        margin: 0 20px 17px

    }

}



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

    .our-customer-box {

        width: calc(100% - 20px);

        margin: 0 10px 12px

    }

}



.our-customer-box .description-title {

    padding: 12px 17px 0

}



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

    .our-customer-box .description-title {

        padding: 9px 12px

    }

}



.our-customer-box .customer-box-icons img {

    width: 102px;

    height: 102px

}



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

    .our-customer-box .customer-box-icons img {

        margin-top: 17px;

        width: 76px;

        height: 76px

    }

}



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

    .our-customer-box .customer-box-icons img {

        width: 89px;

        height: 89px

    }

}



.customer-comment-box {

    width: 1240px;

    height: 333px

}



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

    .customer-comment-box {

        width: calc(100% - 40px);

        margin: 0 20px 17px;

        height: 296px

    }

}



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

    .customer-comment-box {

        width: calc(100% - 20px);

        margin: 0 10px 55px;

        height: 309px

    }

}



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

    .customer-comment-box .owl-stage-outer {

        width: 100%

    }

}



.customer-comment-box .owl-item {

    top: -15px

}



.customer-comment-box .owl-dots {

    display: block

}



.customer-comment-box .customer-single-comment {

    width: 401px;

    height: 333px;

    display: flex;

    flex-direction: column;

    margin-top: 17px;

    margin-right: 0

}



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

    .customer-comment-box .customer-single-comment {

        width: 356px;

        height: 296px

    }

}



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

    .customer-comment-box .customer-single-comment {

        width: 279px;

        height: 309px

    }

}



.customer-comment-box .customer-single-comment .comment-section {

    width: 346px;

    height: 185px;

    margin: 22px 28px 18px;

    display: flex;

    align-items: center

}



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

    .customer-comment-box .customer-single-comment .comment-section {

        width: 307px;

        height: 164px;

        margin: 19px 25px 10px

    }

}



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

    .customer-comment-box .customer-single-comment .comment-section {

        width: 250px;

        height: 192px;

        margin: 11px 14px 23px

    }

}



.customer-comment-box .customer-single-comment .comment-section p {

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    text-align: justify

}



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

    .customer-comment-box .customer-single-comment .comment-section p {

        font-size: 15px;

        line-height: 19px

    }

}



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

    .customer-comment-box .customer-single-comment .comment-section p {

        font-size: 14px;

        line-height: 17.5px

    }

}



.customer-comment-box .customer-single-comment .line {

    width: 100%;

    height: 1px;

    background: #F2F2F2;

    border-radius: 33px

}



.customer-comment-box .customer-single-comment .user-section {

    width: 346px;

    height: 60px;

    margin: 23px auto 24px;

    display: flex

}



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

    .customer-comment-box .customer-single-comment .user-section {

        width: 307px;

        height: 53px;

        margin: 20px auto 21px

    }

}



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

    .customer-comment-box .customer-single-comment .user-section {

        width: 250px;

        height: 42px;

        margin: 19px auto

    }

}



.customer-comment-box .customer-single-comment .user-section .customer-avatar {

    width: 60px;

    height: 60px;

    border-radius: 50px;

    margin-right: 19px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain

}



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

    .customer-comment-box .customer-single-comment .user-section .customer-avatar {

        width: 53px;

        height: 53px

    }

}



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

    .customer-comment-box .customer-single-comment .user-section .customer-avatar {

        width: 42px;

        height: 42px

    }

}



.customer-comment-box .customer-single-comment .user-section .name-position {

    display: flex;

    justify-content: center;

    flex-direction: column

}



.customer-comment-box .customer-single-comment .user-section .name-position span {

    display: block

}



.customer-comment-box .customer-single-comment .user-section .name-position .name {

    font-weight: 700;

    font-size: 16px;

    line-height: 20px

}



.customer-comment-box .customer-single-comment .user-section .name-position .position {

    font-weight: 400;

    font-size: 14px;

    line-height: 18px

}



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

    .customer-comment-box .customer-single-comment .user-section .name-position .position {

        font-size: 12px;

        line-height: 15px

    }

}



.archive-product-wrapper .archive-description-box {

    padding: 40px;

    margin: 0px 0 58px

}



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

    .archive-product-wrapper .archive-description-box {

        width: calc(100% - 40px);

        margin: 90px 20px 45px

    }

}



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

    .archive-product-wrapper .archive-description-box {

        padding: 18px 24px;

        width: 100% !important;

        margin: 0px 0 34px

    }

}



.archive-product-wrapper .archive-description-box .archive-description-content {

    font-weight: 300;

    font-size: 18px;

    line-height: 27px;

    text-align: justify

}



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

    .archive-product-wrapper .all-game-box {

        width: 729px;

        margin: auto

    }

}



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

    .archive-product-wrapper .all-game-box {

        width: 100%

    }

}



.pagination-wrapper {

    text-align: center

}



.pagination-wrapper .card {

    display: inline-block;

    padding: 9px 17px

}



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

    .pagination-wrapper .card {

        width: calc(100% - 20px);

        border-radius: 10px;

        padding: 9px 12px

    }

}



.pagination-wrapper .card .navigation.pagination {

    height: 23px

}



.pagination-wrapper .card .navigation.pagination .nav-links {

    height: 23px;

    display: flex;

    align-items: center;

    justify-content: center

}



.pagination-wrapper .card .page-numbers {

    width: 23px;

    height: 23px;

    line-height: 23px;

    margin-right: 10px;

    text-decoration: none;

    display: inline-block;

    color: #545454;

    font-weight: 400;

    font-size: 15px

}



.pagination-wrapper .card .page-numbers.current {

    color: #FF1313

}



.pagination-wrapper .card .page-numbers:hover {

    background: #FFF2F2;

    border-radius: 3px;

    cursor: pointer

}



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

    .pagination-wrapper .card .page-numbers:nth-last-child(2) {

        margin-right: 0

    }

}



.pagination-wrapper .card .prev-next {

    background-image: url(../images/pagination_prev_next.png);

    width: 15px;

    height: 23px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain

}



.pagination-wrapper .card .prev {

    margin-right: 20px;

    width: 15px

}



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

    .pagination-wrapper .card .prev {

        margin-right: 0;

        position: absolute;

        left: 22px

    }

}



.pagination-wrapper .card .prev .pagination-prev {

    transform: rotate(180deg)

}



.pagination-wrapper .card .next {

    margin-right: 0;

    margin-left: 10px;

    width: 15px

}



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

    .pagination-wrapper .card .next {

        margin-left: 0;

        position: absolute;

        right: 22px

    }

}



.pagination-wrapper .card .dots {

    color: #D9D9D9;

    line-height: 17px

}



.pagination-wrapper .card .prev:hover, .pagination-wrapper .card .next:hover, .pagination-wrapper .card .dots:hover {

    background: #fff

}



footer {

    width: 100%;

    margin-top: 86px;

    background: linear-gradient(90.04deg, #5156DF 0%, #7B4FEC 100%);

    box-shadow: 0 2px 1px rgba(0, 0, 0, .04);

    padding: 18px 0 12px

}



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

    footer {

        margin-top: 55px

    }

}



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

    footer {

        margin-top: 26px;

        padding-bottom: 16px

    }

}



footer .footer-tags {

    margin: 0 auto 102px;

    text-align: center;

    width: 100%;

    margin: 0 auto 0px;

    max-width: 1240px

}



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

    footer .footer-tags {

        width: calc(100% - 40px)

    }

}



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

    footer .footer-tags {

        width: calc(100% - 20px)

    }

}



footer .footer-tags a {

    height: 26px;

    border-radius: 68px;

    background: #5437D7;

    margin: 0 3px 6px;

    padding: 5px 13px;

    display: inline-block;

    font-weight: 400;

    font-size: 13px;

    line-height: 16px;

    color: #fff;

    text-decoration: none;

    text-transform: capitalize

}



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

    footer .footer-tags a {

        margin: 0 5px 10px

    }

}



footer .footer-tags a:hover {

    color: #545454;

    background-color: #fff

}



footer .footer-links {

    display: flex;

    width: 100%;

    margin: auto;

    max-width: 1240px;

    flex-wrap: wrap

}



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

    footer .footer-links {

        width: 652px

    }

}



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

    footer .footer-links {

        width: calc(100% - 20px)

    }

}



footer .footer-links .footer-link-col {

    width: 270px

}



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

    footer .footer-links .footer-link-col {

        margin-bottom: 50px

    }

}



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

    footer .footer-links .footer-link-col {

        width: 100%;

        text-align: center

    }

}



footer .footer-links .footer-link-col h4 {

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

    color: #fff;

    margin: 15px 0;

    text-transform: capitalize

}



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

    footer .footer-links .footer-link-col h4 {

        font-weight: 400;

        font-size: 18px;

        line-height: 22px

    }

}



#see-all-footer {

    color: #b7a3ff

}



#see-all-footer:hover {

    color: #F16529

}



footer .footer-links .footer-link-col a {

    font-weight: 300;

    font-size: 14px;

    line-height: 32px;

    color: #fff;

    text-decoration: none;

    text-transform: capitalize;

    margin-left: 7px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    white-space: pre-wrap;

    white-space: -moz-pre-wrap;

    white-space: -pre-wrap;

    white-space: -o-pre-wrap;

    word-wrap: break-word

}



.share-marketing-footer {

    width: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    margin: auto 9px;

    height: 36px;

    white-space: nowrap !important

}



.share-icons .share-marketing-footer .icon {

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 23px;

    height: 23px

}



.share-marketing-footer-wrapper {

    margin-top: 10px !important

}



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

    footer .footer-links .footer-link-col a {

        height: 26px;

        border-radius: 68px;

        background: #5437D7;

        margin: 0 5px 10px;

        padding: 4px 19px;

        display: inline-block;

        font-weight: 300;

        font-size: 13px;

        line-height: 18px;

        color: #fff;

        text-decoration: none;

        text-transform: capitalize;

        max-width: 165px

    }



    .share-marketing-footer {

        border-radius: 0px !important;

        background: unset !important;

        padding: 4px 0px !important

    }



    .share-marketing-footer-wrapper {

        display: block !important

    }

}



footer .footer-links .footer-link-col a:hover {

    color: #F16529

}



footer .footer-links .footer-link-col:last-child {

    margin-bottom: 0

}



footer .footer-bottom {

    margin: auto;

    text-align: center;

    margin-top: 18px

}









footer .footer-bottom .footer-bottom-logo {

    background-image: url(../images/dd-logo.png);

    width: 36px;

    height: 36px;

    margin: 0 auto 5px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



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

    footer .footer-bottom .footer-bottom-logo {

        width: 24px;

        height: 24px

    }

}



footer .footer-bottom .footer-bottom-logo-text {

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    color: #FFF;

    margin-bottom: 7px

}



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

    footer .footer-bottom .footer-bottom-logo-text {

        font-size: 10px;

        line-height: 12px

    }

}



footer .footer-bottom .footer-bottom-copyright {
padding: 0 10px;
    font-weight: 600;

    font-size: 15px;

    line-height: 10px;

    color: #FFF

}



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

    footer .footer-bottom .footer-bottom-copyright {

        font-size: 18px;

        line-height: 25px

    }

}



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

    .hide-in-desktop {

        display: none !important

    }

}



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

    .hide-in-mobile {

        display: none !important

    }

}



.horizontal-scroll ::-webkit-scrollbar {

    height: 4px

}



.horizontal-scroll ::-webkit-scrollbar-track {

    background: #fff

}



.horizontal-scroll ::-webkit-scrollbar-thumb {

    background: #EBEBEB;

    border-radius: 10px

}



.horizontal-scroll ::-webkit-scrollbar-thumb:hover {

    background: #555

}



html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {

    padding-right: 15PX

}



.owl-carousel, .owl-carousel .owl-item {

    -webkit-tap-highlight-color: transparent;

    position: relative

}



.owl-carousel {

    display: none;

    width: 100%;

    z-index: 1

}



.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

    touch-action: manipulation;

    -moz-backface-visibility: hidden

}



.owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}



.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transform: translate3d(0, 0, 0)

}



.owl-carousel .owl-item, .owl-carousel .owl-wrapper {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0)

}



.owl-carousel .owl-item {

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-touch-callout: none

}



.owl-carousel .owl-item img {

    display: block;

    width: 100%

}



.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: none

}



.no-js .owl-carousel, .owl-carousel.owl-loaded {

    display: block

}



.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

    cursor: pointer;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

    background: 0 0;

    color: inherit;

    border: none;

    padding: 0 !important;

    font: inherit

}



.owl-carousel.owl-loading {

    opacity: 0;

    display: block

}



.owl-carousel.owl-hidden {

    opacity: 0

}



.owl-carousel.owl-refresh .owl-item {

    visibility: hidden

}



.owl-carousel.owl-drag .owl-item {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.owl-carousel.owl-grab {

    cursor: move;

    cursor: grab

}



.owl-carousel.owl-rtl {

    direction: rtl

}



.owl-carousel.owl-rtl .owl-item {

    float: right

}



.owl-carousel .animated {

    animation-duration: 1s;

    animation-fill-mode: both

}



.owl-carousel .owl-animated-in {

    z-index: 0

}



.owl-carousel .owl-animated-out {

    z-index: 1

}



.owl-carousel .fadeOut {

    animation-name: fadeOut

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



.owl-height {

    transition: height 0.5s ease-in-out

}



.owl-carousel .owl-item .owl-lazy {

    opacity: 0;

    transition: opacity 0.4s ease

}



.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {

    max-height: 0

}



.owl-carousel .owl-item img.owl-lazy {

    transform-style: preserve-3d

}



.owl-carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #000

}



.owl-carousel .owl-video-play-icon {

    position: absolute;

    height: 80px;

    width: 80px;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    background: url(../images/owl.video.play.png) no-repeat;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    transition: transform 0.1s ease

}



.owl-carousel .owl-video-play-icon:hover {

    -ms-transform: scale(1.3, 1.3);

    transform: scale(1.3, 1.3)

}



.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {

    display: none

}



.owl-carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    transition: opacity 0.4s ease

}



.owl-carousel .owl-video-frame {

    position: relative;

    z-index: 1;

    height: 100%;

    width: 100%

}



.owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent

}



.owl-theme .owl-nav {

    margin-top: 10px

}



.owl-theme .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 14px;

    margin: 5px;

    padding: 4px 7px;

    background: #D6D6D6;

    display: inline-block;

    cursor: pointer;

    border-radius: 3px

}



.owl-theme .owl-nav .disabled {

    opacity: .5;

    cursor: default

}



.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: -10px

}



.owl-theme .owl-dots .owl-dot {

    display: inline-block;

    zoom: 1

}



.owl-theme .owl-dots .owl-dot span {

    width: 6px;

    height: 6px;

    margin: 5px 4.5px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity 0.2s ease;

    border-radius: 30px

}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #869791

}



html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {

    padding-right: 0 !important

}



div#popmake-11359 {

    padding: 42px 14px 0

}



body .card.pdng {

    margin-top: 17px;

    padding: 17px

}



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

    body .card.pdng {

        margin-top: 12px

    }

}



.single-client-story-learn-more {

    text-align: right

}



.single-client-story-learn-more span {

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: #0838E0;

    border-bottom: 1px solid #0838E0;

    cursor: pointer

}



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

    .single-client-story-learn-more {

        display: none

    }

}



.client-story-discription p {

    text-align: justify;

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    line-height: 150%;

    margin-right: 0;

    padding: 13px

}



.client-story-discription img {

    width: 124.6px;

    height: 123px;

    float: right;

    border-radius: 5px;

    margin-left: 14px

}



.client-story-hr {

    background: #F3F3F3;

    height: 2px;

    margin-top: 15px

}



.share-icons {

    display: flex;

    width: 100%;

    margin: auto;

    margin-top: 20px

}



.share-icons .share-title {

    margin: auto 4px;

    float: left;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 22px;

    color: #545454

}



.share-icons .single-badge-client-linkedin {

    width: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    background: linear-gradient(270.85deg, #0072B1 0%, #1C98DD 100%);

    border-radius: 50px;

    padding: 6px;

    margin: auto 9px;

    height: 36px

}



.share-icons .single-badge-client-linkedin .icon {

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 23px;

    height: 23px

}



.share-icons .single-badge-client-twitter {

    width: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    background: linear-gradient(270.85deg, #00ACEE 0%, #24C2FF 100%);

    border-radius: 50px;

    padding: 7px;

    margin: auto 9px;

    height: 36px

}



.share-icons .single-badge-client-twitter .icon {

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 23px;

    height: 23px

}



.share-icons .single-badge-client-whatsapp {

    width: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    background: linear-gradient(270.85deg, #00B13C 0%, #37E774 100%);

    border-radius: 50px;

    padding: 7px;

    margin: auto 9px;

    height: 36px

}



.share-icons .single-badge-client-whatsapp .icon {

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 23px;

    height: 23px

}



.share-icons .single-badge-client-link {

    width: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    background: linear-gradient(270.85deg, #888888 0%, #878787 100%);

    border-radius: 50px;

    padding: 7px;

    margin: auto 9px;

    height: 36px

}



.share-icons .single-badge-client-link .icon {

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 23px;

    height: 23px

}



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

    .page-content {

        margin-top: 20px

    }

}



.page-content .client-story-main-content .main-back-image {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 513px;

    height: 253px;

    margin: auto;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



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

    .page-content .client-story-main-content .main-back-image {

        background-size: cover !important;

        background-position: center;

        background-repeat: no-repeat;

        height: 289px !important

    }

}



.page-content .client-story-main-content .main-back-image .gb-story-content {

    width: 754px;

    height: 176px;

    background: rgba(255, 255, 255, .83);

    border-radius: 5px;

    margin: 256px 40px;

    position: absolute

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .main-back-image .gb-story-content {

        width: 648px;

        height: 176px;

        margin: 195px 42px

    }

}



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

    .page-content .client-story-main-content .main-back-image .gb-story-content {

        width: 99% !important;

        margin: 102px 1px !important;

        position: absolute;

        background: unset

    }

}



.page-content .client-story-main-content .main-back-image .gb-story-content p.gb-story-content-top-title {

    margin: 12px 16px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: #254BCF

}



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

    .page-content .client-story-main-content .main-back-image .gb-story-content p.gb-story-content-top-title {

        font-family: 'Lexend';

        font-style: normal;

        font-weight: 300;

        font-size: 14px;

        line-height: 18px;

        color: #FFF

    }

}



.page-content .client-story-main-content .main-back-image .gb-story-content h1 {

    margin: 8px 16px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .main-back-image .gb-story-content h1 {

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

        display: -webkit-box

    }

}



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

    .page-content .client-story-main-content .main-back-image .gb-story-content h1 {

        color: #FFF;

        font-family: 'Lexend';

        font-style: normal;

        font-weight: 900;

        font-size: 24px;

        line-height: 30px;

        max-width: 390px

    }

}



.page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section {

    display: flex;

    margin: 8px 18px;

    position: absolute;

    bottom: 5px

}



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

    .page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section {

        bottom: -5px

    }

}



.page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section img {

    width: 28px;

    height: 30px;

    border-radius: 50%

}



.page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section div {

    margin: 2px 9px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 500;

    font-size: 12px;

    line-height: 15px;

    color: #545454

}



.page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section div :nth-child(1) {

    color: #254BCF

}



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

    .page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section div :nth-child(1) {

        font-family: 'Lexend';

        font-style: normal;

        font-weight: 300;

        font-size: 12px;

        line-height: 15px;

        text-decoration-line: underline;

        color: #FFF

    }

}



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

    .page-content .client-story-main-content .main-back-image .gb-story-content div.gb-story-content-title-bottom-section div p {

        color: #FFF;

        font-family: 'Lexend';

        font-style: normal;

        font-weight: 500;

        font-size: 12px;

        line-height: 15px

    }

}



.page-content .client-story-main-content .main-back-image .story-overlay {

    background: rgba(0, 0, 0, .6);

    width: 100%;

    height: 289px;

    position: absolute

}



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

    .page-content .client-story-main-content .main-back-image .story-overlay {

        display: none !important

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .main-back-image {

        width: calc(100% - 157px);

        height: 280px !important;

        margin: auto

    }

}



.page-content .client-story-main-content .card-story {

    padding: 16px 40px;

    font-size: 18px;

    line-height: 150%;

    font-weight: 300;

    text-align: justify;

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px

}



.page-content .client-story-main-content .card-story h2 {

    margin-top: 25px

}



.page-content .client-story-main-content .card-story h2, h3 {

    margin-bottom: 5px;

    text-align: left;

    line-height: 36px

}



.page-content .client-story-main-content .card-story ol, ul {

    margin-left: 30px

}



.page-content .client-story-main-content .card-story p {

    margin-bottom: 15px

}



.page-content .client-story-main-content .card-story img {

    display: block;

    border-radius: 5px

}



.page-content .client-story-main-content .card-story img {

    width: 500px

}



.page-content .client-story-main-content .card-story p img {

    width: 500px;

    max-height: 550px;

    object-fit: contain

}



.page-content .client-story-main-content .card-story p iframe {

    display: block !important;

    margin: 10px auto;

    border-radius: 5px;

    width: 500px;

    height: 400px

}



.page-content .client-story-main-content .card-story ul li {

    margin: 10px 0

}



.page-content .client-story-main-content .card-story h4 {

    font-weight: 500

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .card-story {

        width: calc(100% - 40px);

        margin: auto

    }

}



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

    .page-content .client-story-main-content .card-story {

        width: auto !important;

        padding: 15px;

        border-bottom-left-radius: 0;

        border-bottom-right-radius: 0

    }

}



.page-content .client-story-main-content .card-story .card-story-content h2 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 32px;

    line-height: 150%;

    margin-top: 60px;

    margin-bottom: 9px;

    color: #515151

}



.page-content .client-story-main-content .card-story .card-story-content h3 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 28px;

    line-height: 150%;

    color: #515151;

    margin-top: 20px;

    margin-bottom: 9px

}



.page-content .client-story-main-content .card-story .card-story-content h4 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 22px;

    line-height: 150%;

    color: #515151;

    margin-top: 10px;

    margin-bottom: 7px

}



.page-content .client-story-main-content .card-story .table_of_content {

    margin-top: 40px

}



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

    .page-content .client-story-main-content .card-story .table_of_content {

        display: none

    }

}



.page-content .client-story-main-content .card-story .table_of_content p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 150%;

    text-align: justify;

    color: #545454;

    margin: 17px 0 0 60px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .card-story .table_of_content p {

        margin: 17px 0 0 30px

    }

}



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

    .page-content .client-story-main-content .card-story .table_of_content p {

        margin: 17px 0 0 19px

    }

}



.page-content .client-story-main-content .card-story .table_of_content #toc {

    margin: 10px 0 13px 85px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .card-story .table_of_content #toc {

        margin: 10px 0 13px 50px !important

    }

}



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

    .page-content .client-story-main-content .card-story .table_of_content #toc {

        margin: 17px 0 0 39px

    }

}



.page-content .client-story-main-content .card-story .table_of_content #toc li {

    list-style: none

}



.page-content .client-story-main-content .card-story .table_of_content #toc li div li {

    margin-left: 28px;

    list-style-type: disc;

    color: #4F73F1;

    font-size: 16px

}



.page-content .client-story-main-content .card-story .table_of_content #toc li div li::before {

    content: "" !important

}



.page-content .client-story-main-content .card-story .table_of_content #toc li a {

    text-decoration: none;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 136.5%;

    color: #4F73F1

}



.page-content .client-story-main-content .card-story .table_of_content #toc li a:hover {

    color: #F16529

}



.page-content .client-story-main-content .card-story .table_of_content #toc li::before {

    content: "► ";

    font-size: 12px;

    color: #4F73F1

}



.page-content .client-story-main-content .card-story div#ez-toc-container {

    display: none !important

}



.page-content .client-story-main-content .main-back-image-about {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 833px;

    height: 281px;

    margin-right: 17px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



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

    .page-content .client-story-main-content .main-back-image-about {

        background-size: cover !important;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: 280px !important

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .main-back-image-about {

        width: calc(100% - 40px);

        height: 248px !important;

        margin: auto

    }

}



.page-content .client-story-main-content .main-back-image-about .gb-story-content {

    width: 754px;

    height: 69px;

    background: rgba(255, 255, 255, .83);

    border-radius: 5px;

    margin: 175px 40px;

    position: absolute

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .client-story-main-content .main-back-image-about .gb-story-content {

        width: 648px;

        height: 69px;

        margin: 148px 42px

    }

}



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

    .page-content .client-story-main-content .main-back-image-about .gb-story-content {

        width: calc(100% - 20px) !important;

        margin: 179px 10px !important

    }

}



.page-content .client-story-main-content .main-back-image-about .gb-story-content h1 {

    margin: 8px 16px;

    font-size: 40px;

    font-weight: 800;

    color: #282828

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-content .sidebar-content {

        margin: 20px auto !important

    }

}



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

    .page-content .sidebar-content {

        width: 100% !important;

        border-radius: 0 !important;

        margin: 12px 0 0 0 !important

    }

}



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

    .page-content .sidebar-content .card {

        border-radius: 0 !important

    }

}



.hr-footer-client-story {

    background: #f2f2f2;

    border-radius: 33px;

    width: 100%;

    border-radius: 3px;

    margin-top: 50px;

    height: 3px

}



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

    .hr-footer-client-story {

        display: none

    }

}



.similar-client-story {

    margin-top: 36px

}



.all-client-box {

    display: grid;

    grid-template-columns:auto auto

}



.all-client-box .client-boxes {

    display: inline-flex;

    margin-bottom: 21px

}



.all-client-box .client-boxes .client-story-contents {

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-bottom-right-radius: 10px;

    border-top-right-radius: 10px;

    width: 607px;

    height: 173px;

    width: calc(100% - 173px);

    padding: 14px;

    margin: 0;

    position: relative

}



.all-client-box .client-boxes .client-story-contents a {

    text-decoration: none

}



.all-client-box .client-boxes .client-story-contents a h4 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 150%;

    color: #545454;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    display: -webkit-box

}



.all-client-box .client-boxes .client-story-contents p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 14px;

    line-height: 150%;

    text-align: justify;

    color: #545454;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    display: -webkit-box

}



.all-client-box .client-boxes .client-story-contents div.client-story-content-tags {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 10px;

    line-height: 150%;

    align-items: center;

    color: #969696;

    position: absolute;

    bottom: 10px

}



.all-client-box .client-boxes .client-story-contents div.client-story-content-tags :nth-child(2) {

    margin-left: 6px

}



.all-client-box .client-boxes .client-story-contents div.client-story-content-tags :nth-child(3) {

    margin-left: 6px

}



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

    .all-client-box .client-boxes .client-story-contents {

        background: #FFF;

        box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

        border-bottom-right-radius: 10px;

        border-bottom-left-radius: 10px;

        border-top-right-radius: unset;

        width: 607px;

        height: 173px;

        width: 100%;

        padding: 14px;

        margin: 0;

        position: relative

    }

}



.all-client-box .client-boxes .client-story-image {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 173px;

    height: 173px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px

}



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

    .all-client-box .client-boxes .client-story-image {

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100%;

        height: 130px;

        border-top-left-radius: 10px;

        border-top-right-radius: 10px;

        border-bottom-left-radius: unset

    }

}



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

    .all-client-box .client-boxes {

        display: inline-flex;

        margin-bottom: 21px;

        flex-direction: column

    }

}



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

    .all-client-box {

        display: block;

        width: calc(100% - 20px);

        margin: auto

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .all-client-box {

        display: block;

        width: 95%;

        margin: 20px auto

    }

}



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

    .all-client-box div:nth-child(even) {

        margin-left: 21px

    }

}



.about-owl-box {

    width: 750px;

    height: 333px;

    margin: 20px 0

}



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

    .about-owl-box {

        width: 99%;

        height: 335px

    }

}



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

    .about-owl-box {

        width: 100%;

        height: 309px

    }

}



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

    .about-owl-box .owl-stage-outer {

        width: 100%

    }

}



.about-owl-box .owl-item {

    top: -15px

}



.about-owl-box .owl-dots {

    display: block

}



.about-owl-box .about-owl-box-images {

    width: 140px;

    height: 294px;

    display: flex;

    margin-top: 17px;

    margin-right: 0;

    flex-direction: column;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 5px

}



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

    .about-owl-box .about-owl-box-images {

        width: 120px;

        height: 289px

    }

}



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

    .about-owl-box .about-owl-box-images {

        width: 110px;

        height: 294px

    }

}



.about-owl-box .about-owl-box-images .comment-section {

    width: calc(100% - 40);

    display: flex;

    align-items: center

}



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

    .about-owl-box .about-owl-box-images .comment-section {

        width: calc(100% - 40)

    }

}



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

    .about-owl-box .about-owl-box-images .comment-section {

        width: calc(100% - 40)

    }

}



.about-owl-box .about-owl-box-images .comment-section div {

    text-align: center;

    color: #FFF;

    margin-top: 245px;

    margin-left: auto;

    margin-right: auto

}



.about-owl-box .about-owl-box-images .comment-section div span:nth-child(1) {

    display: block;

    color: #FFF;

    line-height: 15px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 12px;

    text-align: center

}



.about-owl-box .about-owl-box-images .comment-section div span:nth-child(2) {

    display: block;

    color: #FFF;

    line-height: 15px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 11px;

    text-align: center

}



.about-owl-box .about-owl-box-images .comment-section p {

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    text-align: justify

}



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

    .about-owl-box .about-owl-box-images .comment-section p {

        font-size: 15px;

        line-height: 19px

    }

}



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

    .about-owl-box .about-owl-box-images .comment-section p {

        font-size: 14px;

        line-height: 17.5px

    }

}



.about-owl-box-images {

    position: relative;

    overflow: hidden

}



.about-owl-box-images .about-owl-carousel-image {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    z-index: 9

}



.about-owl-box-images .about-owl-carousel-content {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 17%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 32.29%, #000000 100%);

    transition: 1s ease;

    transform: translate(0%, 100%)

}



.about-owl-box-images .about-owl-carousel-content .content-section {

    display: none

}



.about-owl-box-images:hover .about-owl-carousel-content {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -100%, #000000 100%);

    transition: 0.5s ease-out;

    transform: unset

}



.about-owl-box-images:hover .comment-section {

    display: none

}



.about-owl-box-images:hover .content-section {

    display: block

}



.about-owl-box-images:hover .content-section span:nth-child(1) {

    margin-top: 10px

}



.about-owl-box-images:hover .content-section p {

    padding: 5px 7px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 11px;

    line-height: 150%;

    text-align: left;

    height: 200px;

    color: #FFF

}



.about-owl-box-images:hover .content-section span {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 11px;

    line-height: 15px;

    align-items: center;

    text-align: center;

    color: #FFF;

    display: block

}



.badge-client-linkedin-about {

    z-index: 9999999999;

    width: 30px;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

    background: linear-gradient(270.85deg, #0072B1 0%, #1C98DD 100%);

    border-radius: 50px;

    padding: 6px;

    margin: 10px auto;

    justify-content: center;

    height: 30px;

    position: relative

}



.badge-client-linkedin-about .badge-client-linkedin-about-icon {

    background-image: url(../images/linkedin-logopng2-1.png);

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 20px;

    height: 20px

}



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

    .arhcive-blog .card {

        border-radius: unset

    }

}



.arhcive-blog .card {

    margin-top: 30px

}



.ads-card {

    background: round;

    width: 100%;

    max-height: 800px;

    border-radius: 10px

}



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

    .ads-card {

        display: none

    }

}



.main-back-image-blog {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 833px;

    height: 363px;

    margin-right: 17px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .main-back-image-blog {

        width: 768px

    }

}



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

    .main-back-image-blog {

        width: 100%;

        height: 240px;

        margin-right: 0;

        border-top-left-radius: unset;

        border-top-right-radius: unset

    }

}



.card-story-blog {

    width: 833px;

    padding: 18px;

    font-size: 18px;

    line-height: 150%;

    font-weight: 300;

    text-align: justify;

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .card-story-blog {

        margin: auto;

        width: 100%

    }

}



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

    .card-story-blog {

        width: 100%;

        border-bottom-left-radius: unset;

        border-bottom-right-radius: unset

    }

}



.card-story-blog span {

    margin-left: 10px

}



.card-story-blog a {

    text-decoration: none;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: #254BCF

}



.card-story-blog h1 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 24px;

    line-height: 30px;

    color: #545454;

    margin-top: 8px

}



.blog-posts-date-section {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 12px;

    line-height: 15px;

    color: #282828

}



.gb-story-content-title-bottom-section-blog {

    display: flex;

    margin: 25px 0 5px 5px

}



.gb-story-content-title-bottom-section-blog img {

    border-radius: 50px

}



.gb-story-content-title-bottom-section-blog div.gb-story-content-title-bottom-section-title-blog p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 12px;

    line-height: 26px;

    color: #254BCF;

    margin-left: 8px

}



.gb-story-content-title-bottom-section-blog-pagination {

    display: flex;

    margin: 0 0 5px 5px;

    position: absolute;

    bottom: 15px

}



.gb-story-content-title-bottom-section-blog-pagination img {

    border-radius: 50px

}



.gb-story-content-title-bottom-section-blog-pagination div.gb-story-content-title-bottom-section-title-blog-pagination p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 12px;

    line-height: 26px;

    color: #254BCF;

    margin-left: 8px

}



.gb-story-content-title-bottom-section-blog-pagination div.gb-story-content-title-bottom-section-title-blog-pagination a {

    text-decoration: none

}



.archive-description-box-blog {

    padding: 40px;

    margin-bottom: 33px

}



.archive-description-box-blog .archive-description-content {

    font-weight: 300;

    font-size: 18px;

    line-height: 27px;

    text-align: justify

}



.archive-description-box-blog .archive-description-content ul {

    margin-left: 35px

}



.all-client-box-blog {

    display: grid;

    grid-template-columns:auto auto;

    width: 833px;

    margin-top: 17px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .all-client-box-blog {

        width: 768px

    }

}



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

    .all-client-box-blog {

        display: block;

        width: 100%;

        margin-top: 17px

    }

}



.all-client-box-blog .client-boxes-blog {

    margin-bottom: 17px;

    display: block

}



.all-client-box-blog .client-boxes-blog a .client-story-image-blog {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 408px;

    height: 182px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .all-client-box-blog .client-boxes-blog a .client-story-image-blog {

        width: 374px

    }

}



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

    .all-client-box-blog .client-boxes-blog a .client-story-image-blog {

        width: 100%;

        height: 161px;

        border-top-left-radius: unset;

        border-top-right-radius: unset

    }

}



.all-client-box-blog .client-boxes-blog .client-story-contents-blog {

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    width: 408px;

    height: 158px;

    padding: 14px;

    margin: 0;

    position: relative

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .all-client-box-blog .client-boxes-blog .client-story-contents-blog {

        width: 374px

    }

}



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

    .all-client-box-blog .client-boxes-blog .client-story-contents-blog {

        width: 100%;

        height: 160px;

        border-bottom-right-radius: unset;

        border-bottom-left-radius: unset

    }

}



.all-client-box-blog .client-boxes-blog .client-story-contents-blog div.client-story-content-tags > a {

    text-decoration: none !important;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    line-height: 20px

}



.all-client-box-blog .client-boxes-blog .client-story-contents-blog > a {

    text-decoration: none !important

}



.all-client-box-blog .client-boxes-blog .client-story-contents-blog > a h4 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 25px;

    color: #545454;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    white-space: pre-wrap;

    margin-top: 10px

}



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

    .all-client-box-blog div.client-boxes-blog:nth-child(even) {

        margin-left: 18px

    }

}



.pagination-wrapper-blog {

    text-align: center;

    position: relative;

    grid-column: auto / span 2

}



.pagination-wrapper-blog .card {

    padding: 9px 17px;

    margin: 19px 307px;

    display: flex;

    position: absolute

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .pagination-wrapper-blog .card {

        margin: 10px 271px

    }

}



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

    .pagination-wrapper-blog .card {

        border-radius: 10px;

        padding: 9px 35px;

        margin: 10px 10px;

        position: unset

    }

}



.pagination-wrapper-blog .card .navigation.pagination {

    height: 23px

}



.pagination-wrapper-blog .card .navigation.pagination .nav-links {

    height: 23px;

    display: flex;

    align-items: center;

    justify-content: center

}



.pagination-wrapper-blog .card .page-numbers {

    width: 23px;

    height: 23px;

    line-height: 23px;

    margin-right: 10px;

    text-decoration: none;

    display: inline-block;

    color: #545454;

    font-weight: 400;

    font-size: 15px

}



.pagination-wrapper-blog .card .page-numbers.current {

    color: #FF1313

}



.pagination-wrapper-blog .card .page-numbers:hover {

    background: #FFF2F2;

    border-radius: 3px;

    cursor: pointer

}



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

    .pagination-wrapper-blog .card .page-numbers:nth-last-child(2) {

        margin-right: 0

    }

}



.pagination-wrapper-blog .card .prev-next {

    background-image: url(../images/pagination_prev_next.png);

    width: 15px;

    height: 23px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain

}



.pagination-wrapper-blog .card .prev {

    margin-right: 20px;

    width: 15px

}



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

    .pagination-wrapper-blog .card .prev {

        margin-right: 0;

        position: absolute;

        left: 22px

    }

}



.pagination-wrapper-blog .card .prev .pagination-prev {

    transform: rotate(180deg)

}



.pagination-wrapper-blog .card .next {

    margin-right: 0;

    margin-left: 10px;

    width: 15px

}



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

    .pagination-wrapper-blog .card .next {

        margin-left: 0;

        position: absolute;

        right: 22px

    }

}



.pagination-wrapper-blog .card .dots {

    color: #D9D9D9;

    line-height: 17px

}



.pagination-wrapper-blog .card .prev:hover, .pagination-wrapper-blog .card .next:hover, .pagination-wrapper-blog .card .dots:hover {

    background: #fff

}



.adds-baner-tablet {

    display: flex;

    width: 768px;

    margin-top: 17px

}



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

    .adds-baner-tablet {

        display: none

    }

}



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

    .adds-baner-tablet {

        width: 100%

    }



    .adds-baner-tablet div:nth-child(2) {

        display: none

    }

}



.adds-baner-tablet .ads-card-tablet {

    height: 389px;

    width: 374px;

    border-radius: 10px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



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

    .adds-baner-tablet .ads-card-tablet {

        width: 100%;

        border-radius: unset

    }

}



.adds-baner-tablet div:nth-child(2) {

    margin-left: 21px

}



.adds-baner-tablet-btn {

    display: flex;

    width: 768px;

    margin-top: 17px

}



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

    .adds-baner-tablet-btn {

        display: none

    }

}



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

    .adds-baner-tablet-btn {

        width: 100%

    }



    .adds-baner-tablet-btn div:nth-child(1) {

        display: none

    }

}



.adds-baner-tablet-btn .ads-card-tablet-btn {

    height: 389px;

    width: 374px;

    border-radius: 10px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



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

    .adds-baner-tablet-btn .ads-card-tablet-btn {

        width: 100%;

        border-radius: unset

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .page-blog-archive .sidebar-content .card {

        display: none !important

    }

}



.card-tablet-blog {

    margin-top: 60px !important;

    border-radius: unset !important

}



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

    .card-tablet-blog {

        display: none !important

    }

}



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

    .card-tablet-blog {

        display: none !important

    }

}



.card-tablet-blog #contact-us .description-title {

    padding: 30px !important

}



.card-tablet-blog #contact-us .contact-form .wpcf7 form .wpcf7-submit {

    height: 40px;

    background: linear-gradient(270.85deg, #26B17F 0%, rgba(18, 216, 145, .85) 100%);

    border-radius: 28px;

    color: #fff;

    font-weight: 700;

    font-size: 18px;

    line-height: 22px;

    cursor: pointer;

    width: 148px;

    display: block;

    margin: 10px auto -10px auto

}



.adds-baner-single {

    padding: 0 !important

}



.adds-baner-single .ads-card-single {

    border-radius: 10px;

    background-size: cover;

    height: 380px;

    margin-bottom: 20px

}



.modal {

    display: none;

    position: fixed;

    z-index: 1;

    padding-top: 100px;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: #000;

    background-color: rgba(0, 0, 0, .4)

}



.modal-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    border: 1px solid #888;

    width: 20%;

    border-radius: 10px;

    position: relative

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .modal-content {

        width: 35%

    }

}



@media screen and (min-width: 360px) and (max-width: 768px) {

    .modal-content {

        width: 55%

    }

}



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

    .modal-content {

        width: 70%

    }

}



.close {

    color: #aaa;

    float: right;

    font-size: 40px;

    font-weight: 700;

    margin: 0 auto !important;

    width: fit-content;

    position: absolute;

    top: 0;

    right: 17px

}



.close:hover, .close:focus {

    color: #e03434;

    text-decoration: none;

    cursor: pointer;

    transition: 1s

}



.wpkqcg_qrcode_wrapper {

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center

}



.qrcode-title {

    margin: 0 auto !important;

    width: fit-content

}



.single_blog_more_post_shortcode {

    margin-left: -40px;

    margin-right: -40px;

    position: relative;

    background-color: #D1F4FF;

    width: 100% -40px;

    padding: 20px;

    margin-top: 25px;

    margin-bottom: 25px;

    display: grid;

    grid-template-columns:auto auto

}



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

    .single_blog_more_post_shortcode {

        padding: 0;

        grid-template-columns:unset

    }

}



.single_blog_more_post_shortcode_img {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 135px;

    height: 135px;

    border-radius: 7px;

    margin-left: 100px

}



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

    .single_blog_more_post_shortcode_img {

        background-size: contain;

        margin-top: 10px;

        width: 100%;

        border-radius: 0;

        margin-left: 0

    }

}



.single_blog_more_post_shortcode img {

    width: 141px;

    height: 141px;

    margin-left: 100px;

    margin-top: 8px;

    border-radius: 5px

}



.single_blog_more_post_shortcode .title-content {

    margin-left: 28px;

    margin-right: 100px

}



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

    .single_blog_more_post_shortcode .title-content {

        margin-left: unset;

        margin-right: unset;

        padding: 10px 35px

    }

}



.single_blog_more_post_shortcode .title-content h5 {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 600;

    text-align: left;

    font-size: 20px;

    line-height: 150%;

    color: #278AA9

}



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

    .single_blog_more_post_shortcode .title-content h5 {

        font-size: 26px

    }

}



.single_blog_more_post_shortcode .title-content h5 a {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 150%;

    color: #278AA9;

    text-decoration: none

}



.single_blog_more_post_shortcode .title-content p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 14px;

    line-height: 150%;

    text-align: justify;

    color: #3694B1

}



.single_blog_more_post_shortcode .title-content .title-content-btn {

    background: linear-gradient(276.24deg, #F487A6 0%, #FFA4BD 100%);

    box-shadow: 0 2px 1px rgba(246, 138, 169, .19);

    border-radius: 60px;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 600;

    font-size: 13px;

    line-height: 150%;

    text-align: justify;

    color: #FFF;

    padding: 7px 15px;

    float: right;

    margin-top: 5px;

    text-decoration: none

}



.mosi-game-link {

    text-decoration: none !important;

    padding: 5px 10px;

    background-color: #4caf50;

    border-radius: 5px;

    color: white !important;

    display: inline-block !important;

    margin-bottom: 10px

}



.mosi-game-intro {

    border-left: 3px solid #f0f0f0 !important;

    padding: 10px 20px;

    margin-bottom: 50px

}



.mosi-game-intro .mosi-game-details:nth-child(1) .mosi-game-details2 {

    font-weight: 900 !important;

    color: #03a9f4;

    font-size: 25px !important;

    display: none !important

}



.mosi-game-intro .mosi-game-details:last-child .mosi-game-details2 {

    color: #ff5a5a

}



.mosi-game-intro .mosi-game-details:last-child .mosi-game-details2 a {

    color: #fff;

    margin-left: 10px;

    background-color: #2196f3;

    border-radius: 40px;

    padding: 5px 7px;

    text-decoration: none

}



.mosi-game-intro .mosi-game-details:last-child .mosi-game-details2 img {

    border-radius: 10px

}



.content-single-blog-images {

    margin: 10px auto;

    display: block;

    border-radius: 5px

}



.single-product-qrcode-span {

    color: #254BCF;

    text-decoration: underline;

    cursor: pointer

}



.single-product-qrcode-qr {

    width: 70px !important

}



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

    .single-product-qrcode-qr {

        width: 90px !important

    }

}



.archive-product-content {

    margin-top: 20px

}



.archive-product-top-ganrs-tag {

    text-align: center;

    margin-top: 20px

}



.archive-product-top-ganrs-tag a {

    height: 26px;

    border-radius: 68px;

    margin: 0 3px 6px;

    padding: 5px 12px;

    display: inline-block;

    font-weight: 400;

    font-size: 13px;

    line-height: 16px;

    text-decoration: none;

    text-transform: capitalize;

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    color: #545454

}



.archive-product-top-ganrs-tag a:hover {

    background: #5437D7;

    color: #FFF

}



.home-page-articles {

    margin-top: 100px

}



#single-post-top-title-editor {

    text-align: center;

    font-size: 26px;

    color: #4f73f1;

    margin: 35px auto

}



.card-story-404 {

    width: 833px;

    font-size: 18px;

    background: #FFF;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 25px 25px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .card-story-404 {

        width: calc(100% - 40px);

        margin: auto

    }

}



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

    .card-story-404 {

        width: auto !important;

        border-bottom-left-radius: 0;

        border-bottom-right-radius: 0

    }

}



.card-story-404 .card-story-content .card-story-content-404-p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 18px;

    line-height: 150%;

    margin-top: 15px

}



.card-story-404 .card-story-content .card-story-content-404-links {

    margin: 5px 0

}



.contact-us-milad-section {

    display: flex;

    margin: 30px 0

}



.contact-us-milad-section .co-founder-details {

    margin-left: 10px

}



.contact-us-milad-section .co-founder-details .co-founder-details-name {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 400;

    font-size: 21px;

    text-align: justify;

    color: #545454

}



.contact-us-milad-section .co-founder-details .co-founder-details-work {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 16px;

    text-align: justify;

    color: #545454

}



.aligncenter {

    margin: 10px auto

}



.hbspt-form > .hs_submit > .actions > input {

    display: block !important;

    margin: 0 auto !important

}



.home-services-container .service:hover:nth-child(2) {

    pointer-events: none !important;

    cursor: none !important

}



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

    .home-services-container .service:nth-child(2) button {

        opacity: 0 !important

    }

}



.archive-cats-christmas-befor {

    color: #2e90d9 !important

}



.archive-cats-christmas-befor:hover {

    color: #FFFFF !important

}



.archive-cats-christmas-befor:before {

    content: '❄'

}



.green-bolet-active {

    background-image: url(../images/nav-drop-down-icon-black.png);

    width: 13px;

    height: 20px;

    display: inline-block;

    margin: 5px 0 0 7px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain

}



.our-customer-box-bundle {

    width: 100%;

    height: 125px;

    margin-bottom: 17px;

    margin-top: 0 !important;

    border-top-left-radius: 0 !important;

    border-top-right-radius: 0 !important

}



.bundle-image-carosel-tag, .bundle-image-carosel-tag-mobile {

    height: 88px;

    width: 88px;

    border-radius: 50px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border: 3px solid #F0F0F0;

    cursor: pointer

}



.bundle-image-carosel-tag-mobile {

    border: 2px solid #FF45CB;

    border-radius: 50px

}



@keyframes rotate {

    50% {

        border-color: #7CB342

    }

}



.active-border {

    border: 5px solid;

    animation: rotate 2s;

    animation-iteration-count: infinite

}



.active-border {

    border: 5px solid;

    animation: rotate 2s;

    animation-iteration-count: infinite

}



.our-customer-box-bundle .customer-box-icons2 img {

    width: 88px;

    height: 88px;

    border-radius: 50px

}



.customer-box-icons-mobile {

    display: flex;

    overflow: scroll

}



.our-customer-box-bundle-mobile .customer-box-icons-mobile img {

    width: 75px;

    height: 75px;

    border-radius: 50px;

    margin: 8px 20px;

    padding: 3px;

    box-shadow: 0 0 0 3px rgb(255 69 203 / 100%), 0 0 0 0 rgb(255 43 94 / 25%), 0 0 0 0 rgb(157 27 218 / 80%)

}



.green-bolet-active {

    right: 42px;

    display: block;

    background: #7CB342;

    border-radius: 50px;

    width: 6px;

    height: 6px;

    bottom: -5px;

    margin: 10px auto;

    z-index: 1000000000

}



.owl-nav button {

    position: absolute;

    height: 62px;

    font-size: 20px;

    width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 1;

    top: calc(50% - 40px);

    cursor: pointer

}



.owl-nav button span {

    font-size: 40px;

    color: #d9d9d9

}



button.owl-prev {

    left: -17px

}



button.owl-next {

    right: -17px

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    button.owl-prev {

        left: -22px

    }



    button.owl-next {

        right: -22px

    }

}



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

    button.owl-prev {

        left: -11px

    }



    button.owl-next {

        right: -11px

    }



    .our-customer-box-bundle {

        display: none

    }



    .main-content .our-customer-box-bundle-mobile .customer-box-icons-mobile .owl-carousel .owl-stage-outer {

        position: relative;

        overflow: hidden;

        -webkit-transform: translate3d(0, 0, 0);

        margin-left: 10px !important

    }



    .bundle-image-carosel-tag-mobile {

        height: 77px;

        width: 77px

    }

}



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

    .our-customer-box-bundle-mobile {

        display: none

    }

}



.customer-box-bundle-mobile-popup {

    background: rgba(0, 0, 0, .69);

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 10;

    display: none

}



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

    .customer-box-bundle-mobile-popup {

        display: none

    }

}



.popupBox iframe {

    z-index: 11;

    width: 340px;

    height: 500px;

    border-radius: 7px;

    display: block;

    margin: 28px auto

}



.popupClose {

    z-index: 11;

    background: linear-gradient(270.85deg, #EB6440 0%, #FFA188 100%);

    width: 199px;

    display: flex;

    height: 44px;

    margin-left: calc(50% - 170px);

    color: #fff;

    border-radius: 28px

}



.popupClose span {

    background-image: url(../images/arrdow-1.png);

    width: 16px;

    height: 16px;

    display: block;

    background-size: cover;

    margin: 14px 18px;

    background-repeat: no-repeat

}



.popupClose p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 600;

    font-size: 14px;

    line-height: 18px;

    text-align: center;

    color: #FFF;

    margin: 13px -7px

}



.customer-box-icons-mobile.owl-carousel.owl-loaded.owl-drag {

    display: flex

}



.bundle-link-area {

    display: flex;

    margin-bottom: 17px;

    text-decoration: none;

    justify-content: center;

    align-items: center;

    padding: 19px 19px

}



.bundle-link-area-text {

    width: 80% !important

}



@media screen and (min-width: 365px) and (max-width: 1240px) {

    .bundle-link-area-text {

        width: 90% !important

    }

}



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

    .bundle-link-area-text {

        width: 77% !important

    }

}



.bundle-link-area-text-first {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 500;

    font-size: 11px;

    line-height: 14px;

    color: #F1BB45

}



.bundle-link-area-text-secound {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    color: #545454;

    padding-right: 20px;

    margin-top: 8px

}



.bundle-link-area-image {

    background-size: cover;

    background-repeat: no-repeat;

    width: 74px !important;

    height: 74px;

    border-radius: 10px

}



.top-slider-view-game-overlay-image-first {

    background-size: cover;

    width: 100%;

    height: 100%;

    border-radius: 10px

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0 1000px #fff inset !important

}



.main-back-image, .main-back-image-top-thumbnamil {

    position: relative

}



.page-content .main-back-image .gb-story-content-title-bottom-section img {

    width: 30px;

    height: 30px;

    right: calc(50% - 30px / 2);

    top: calc(100% - 15px);

    position: absolute;

    border: 2px solid #FFF;

    border-radius: 50px

}



.page-content .main-back-image-top-thumbnamil .gb-story-content-title-bottom-section img {

    width: 30px;

    height: 30px;

    right: calc(50% - 30px / 2);

    top: calc(100% - 15px);

    position: absolute;

    border: 2px solid #FFF;

    border-radius: 50px

}



.card-story {

    display: grid

}



.gb-story-content-top-title {

    margin: 5px auto

}



.gb-story-content-title {

    margin: 0 auto;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 800;

    font-size: 32px;

    line-height: 40px;

    text-align: left;

    color: #282828

}



.blog-posts-date-section {

    margin: 15px auto

}



.author-name-blog-single1 {

    margin: 13px auto 0 auto;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 12px;

    color: #254BCF

}



.author-name-blog-single2 {

    margin: 0 auto;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 10px;

    line-height: 12px;

    text-align: center;

    color: #545454

}



.gb-story-content-top-title a {

    text-decoration: none

}



.main-back-image-top-thumbnamil {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    height: 300px;

    border-radius: 0 !important

}



.single-content-title-desktop {

    text-align: center !important

}



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

    .single-top-thumbnail {

        display: none !important

    }

}



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

    .page-content .client-story-main-content .card-story {

        box-shadow: none

    }



    .page-content {

        background: #fff

    }



    .single-top-thumbnail-desktop {

        display: none !important

    }

}



.client-story-main-content {

    display: flex;

    flex-direction: column

}



.products-prices-box {

    padding: unset !important;

    margin-bottom: unset !important;

    display: flex

}



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

    .products-prices-box {

        flex-direction: column

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .product-yellow-price-box {

        margin-right: 17px

    }

}



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

    .products-prices-box {

        display: unset

    }

}



.product-yellow-price-box {

    background: linear-gradient(274.58deg, #F09000 0%, #F9B44E 99.26%) !important;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08) !important;

    display: flex;

    border-radius: 10px;

    margin-bottom: 17px;

    padding: 12px 17px 17px 17px

}



.product-fb-price-box {

    background: linear-gradient(94.69deg, #89B9FF 0%, #3484FA 100%);

    display: flex;

    box-shadow: 0 3px 10px 1px rgba(45, 45, 45, .08);

    border-radius: 10px;

    margin-bottom: 17px;

    padding: 12px 17px 17px 17px;

    position: relative

}



.product-fb-price-box-sold-ribbon {

    background-image: url(../images/best-seller.svg);

    position: absolute;

    width: 89px;

    height: 89px;

    right: -1px;

    top: -1px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat

}



.product-yellow-price-box-right-div {

    width: 75%

}



.product-yellow-price-box-h2 {

    color: #FFF;

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 25px

}



.product-yellow-price-box-p {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 15px;

    line-height: 19px;

    color: #FFF;

    margin-top: 15px;

    max-width: 265px

}



.product-yellow-price-box-a {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 14px;

    line-height: 18px;

    color: #254BCF;

    text-decoration: none

}



.price-area-y {

    text-align: center;

    align-items: center;

    display: flex;

    margin-bottom: fle;

    margin: 13px auto;

    flex-direction: column;

    display: flow;

    margin: auto

}



.off-price-y {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 22px;

    text-align: center;

    text-decoration-line: line-through;

    color: rgba(255, 255, 255, .4)

}



.price-y {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 500;

    font-size: 28px;

    line-height: 35px;

    text-align: center;

    color: #FFF

}



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

    .product-yellow-price-box {

        border-radius: unset

    }



    .product-fb-price-box {

        border-radius: unset

    }

}



@media screen and (min-width: 768px) and (max-width: 1240px) {

    .product-yellow-price-box-p br {

        display: none

    }

}



#product-pup-scroll {

    height: 400px;

    overflow-y: scroll;

    padding: 12px;

    margin-top: 30px

}



#product-pup-scroll h2 {

    margin: 15px 0

}



#product-pup-scroll p {

    margin-bottom: 10px

}



#product-pup-scroll::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) !important;

    border-radius: 10px !important;

    background-color: #F5F5F5 !important

}



#product-pup-scroll::-webkit-scrollbar {

    width: 7px !important;

    background-color: #F5F5F5 !important

}



#product-pup-scroll::-webkit-scrollbar-thumb {

    border-radius: 10px !important;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) !important;

    background-color: #cccccc !important

}



.container-dynamic-shortcode {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    padding: 20px 0;

    justify-content: center

}



.dynamic-shortcode-card {

    text-align: center;

    flex: 0 0 calc(33% - 36px);

    margin: 20px 19px

}



@media screen and (min-width: 600px) and (max-width: 1240px) {

    .dynamic-shortcode-card {

        flex: 0 0 calc(49% - 35px);

        margin: 20px 20px

    }

}



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

    .dynamic-shortcode-card {

        flex: 0 0 100%

    }

}



.dynamic-shortcode-card .card-icon {

    background-size: cover;

    width: 100px;

    margin: auto;

    height: 100px

}



.dynamic-shortcode-card .card-header {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 18px;

    line-height: 150%;

    text-align: center;

    color: #515151;

    margin: 15px auto

}



.dynamic-shortcode-card .card-body {

    font-family: 'Lexend';

    font-style: normal;

    font-weight: 300;

    font-size: 13.5px;

    line-height: 150%;

    text-align: justify;

    color: #515151;

    margin: 15px auto

}



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

    .dynamic-shortcode-card .card-body {

        margin: 15px 90px

    }



    .dynamic-shortcode-card .card-header {

        margin: 15px 90px

    }

}



.flex-align-self {

    margin: 5px 77px

}



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

    .header-landing-page-2 .content .container {

        margin-top: 6%

    }

}



.style-custom-car .swiper-slide .img {

    text-align: center !important

}



.testimonials.style-6 .testi-slider.style-6 .swiper-button-next, .testimonials.style-6 .testi-slider.style-6 .swiper-button-prev {

    background-color: #f1f2fa;

    width: 40px;

    height: 40px;

    top: 60% !important;

    margin-top: 40px

}



.testimonials.style-6 .img img {

    max-width: 100%;

    max-height: 100%

}



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

    .testimonials.style-6 .img {

        margin-top: -80px

    }

}



.style-4 .header-landing-page-2 .info h1 {

    text-align: center;

    justify-content: center

}



.info-center {

    text-align: center;

    justify-content: center

}



.header-landing-page-2 {

    margin: 192px auto !important

}



div.hide-in-tablet-contact-us {

    display: none

}



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

    .menu-item.header-search-icon-div {

        display: none

    }

}



@media screen and (min-width: 980px) and (max-width: 1240px) {

    .hide-in-tablet-games {

        display: none !important

    }

}