@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,500;1,700&display=swap");


.banner-section {
    position: relative; }
.banner-section .banner-swipper-items::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.5); }

.swiper-slide {
    position: relative; }
.swiper-slide .banner-swipper-items {
    position: relative; }
.swiper-slide .banner-swipper-items .banner-social {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%); }
.swiper-slide .banner-swipper-items .banner-social li {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    background: #202046;
    text-align: center;
    transition: all 0.3s; }
.swiper-slide .banner-swipper-items .banner-social li a svg {
    color: #FFFFFF; }
.swiper-slide .banner-swipper-items .banner-social li:not(:last-child) {
    margin-bottom: 12px; }
.swiper-slide .banner-swipper-items .banner-social li:hover {
    background: var(--resturanYellow);
    color: #FFFFFF; }
.swiper-slide .banner-swipper-items .banner-social .bgshow {
    background: var(--resturanYellow); }
.swiper-slide .banner-swipper-items .content {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 51%;
    width: 60%;
    transform: translate(-50%, -50%); }
.swiper-slide .banner-swipper-items .content span {
    color: var(--resturanYellow);
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    font-size: 18px;
    margin-bottom: 15px; }
.swiper-slide .banner-swipper-items .content .title {
    font-size: 76px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700; }
.swiper-slide .banner-swipper-items .content .banner-btn-area {
    justify-content: center;
    margin-top: 40px; }
.swiper-slide .banner-swipper-items .content .banner-btn-area .video {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: var(--resturanYellow);
    border-radius: 50%; }
.swiper-slide .banner-swipper-items .content .banner-btn-area .video svg {
    font-size: 20px;
    color: #1A1935; }

.swiper-button-next {
    color: #FFFFFF !important;
    background: var(--resturanYellow) !important;
    width: 40px;
    height: 40px;
    right: 100px;
    border-radius: 50% !important; }

.swiper-button-prev {
    color: #FFFFFF !important;
    width: 40px;
    height: 40px;
    left: 100px;
    border-radius: 50% !important;
    border: 1px solid var(--resturanYellow); }

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    color: var(--resturanYellow) !important;
    display: none; }

@media screen and (max-width: 1199px) {
    .swiper-slide {
        position: relative; }
    .swiper-slide .banner-swipper-items .banner-social {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translate(-50%, -50%); }
    .swiper-slide .banner-swipper-items .content {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80%;
        transform: translate(-50%, -50%); }
    .swiper-slide .banner-swipper-items .content span {
        color: var(--resturanYellow);
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        font-size: 18px; }
    .swiper-slide .banner-swipper-items .content .title {
        font-size: 70px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 800; } }
@media screen and (max-width: 991px) {
    .swiper-slide {
        position: relative; }
    .swiper-slide .banner-swipper-items .content {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80%;
        transform: translate(-50%, -50%); }
    .swiper-slide .banner-swipper-items .content span {
        color: var(--resturanYellow);
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        font-size: 18px; }
    .swiper-slide .banner-swipper-items .content .title {
        font-size: 50px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 800; }

    .swiper-button-next {
        color: #FFFFFF !important;
        background: var(--resturanYellow) !important;
        width: 40px;
        height: 40px;
        right: 10px;
        border-radius: 50% !important; }

    .swiper-button-prev {
        color: #FFFFFF !important;
        width: 40px;
        height: 40px;
        left: 10px;
        border-radius: 50% !important;
        border: 1px solid var(--resturanYellow); } }
@media screen and (max-width: 767px) {
    .swiper-slide {
        position: relative; }
    .swiper-slide .banner-swipper-items img {
        height: 500px; }
    .swiper-slide .banner-swipper-items .content {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80%;
        transform: translate(-50%, -50%); }
    .swiper-slide .banner-swipper-items .content span {
        color: var(--resturanYellow);
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        font-size: 18px; }
    .swiper-slide .banner-swipper-items .content .title {
        font-size: 40px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 800; } }
@media screen and (max-width: 575px) {
    .swiper-slide {
        position: relative; }
    .swiper-slide .banner-swipper-items .banner-social {
        position: absolute;
        top: 80%;
        left: 50%;
        width: 55%;
        transform: translate(-50%, -50%); }
    .swiper-slide .banner-swipper-items .banner-social li {
        display: inline-block;
        width: 35px;
        height: 35px;
        line-height: 35px; }
    .swiper-slide .banner-swipper-items .content {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80%;
        transform: translate(-50%, -50%); }
    .swiper-slide .banner-swipper-items .content span {
        color: var(--resturanYellow);
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        font-size: 18px; }
    .swiper-slide .banner-swipper-items .content .title {
        font-size: 24px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 800; }

    .swiper-button-next {
        color: #FFFFFF !important;
        background: var(--resturanYellow) !important;
        width: 40px;
        height: 40px;
        right: 10px;
        border-radius: 50% !important;
        display: none; }

    .swiper-button-prev {
        color: #FFFFFF !important;
        width: 40px;
        height: 40px;
        left: 10px;
        border-radius: 50% !important;
        border: 1px solid var(--resturanYellow);
        display: none; } }
@media screen and (max-width: 410px) {
    .swiper-slide .banner-swipper-items .content .banner-btn-area .btn {
        padding: 7px 10px;
        margin-bottom: 0; }
    .swiper-slide .banner-swipper-items .content .banner-btn-area .video {
        width: 50px;
        height: 50px;
        line-height: 51px; } }
.breadcrumb-banner {
    background: url(../images/breadcump-banner.png) no-repeat center center;
    background-size: cover;
    padding: 350px 0 150px;
    position: relative;
    overflow: hidden; }
.breadcrumb-banner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.6); }
.breadcrumb-banner .content {
    position: relative;
    text-align: center;
    margin: 0 auto; }
.breadcrumb-banner .content .title {
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px; }
.breadcrumb-banner .content span {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center; }
.breadcrumb-banner .content span a {
    color: #FFFFFF; }
.breadcrumb-banner .content span svg {
    padding: 0 10px;
    color: var(--resturanYellow); }

@media screen and (max-width: 575px) {
    .breadcrumb-banner .content .title {
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 10px;
        font-size: 30px; }

    .breadcrumb-banner {
        padding: 360px 0 150px; } }
.banner-section-two .menu-fixed {
    background: none !important; }
.banner-section-two .swiper-slide .banner-swipper-items .content {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 51%;
    width: 40%;
    transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) {
    .banner-section-two .swiper-slide .banner-swipper-items img {
        height: 700px; }
    .banner-section-two .swiper-slide .banner-swipper-items .content {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 51%;
        width: 100%;
        transform: translate(-50%, -50%); } }
.banner-section.banner-section-three {
    position: relative; }
.banner-section.banner-section-three .banner-swipper-items::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.8); }
.banner-section.banner-section-three .banner-swipper-items .content {
    left: 36%;
    text-align: left;
    z-index: 14; }
.banner-section.banner-section-three .banner-swipper-items .content .banner-btn-area {
    justify-content: flex-start; }
.banner-section.banner-section-three .banner-swipper-items .thumb {
    position: absolute;
    top: 35%;
    right: 16%;
    max-width: 500px;
    transform: rotate(-2deg);
    border-radius: 18px;
    overflow: hidden; }
.banner-section.banner-section-three .banner-swipper-items .thumb img {
    width: 100%;
    height: 100%; }
.banner-section.banner-section-three .banner-swipper-items .thumb::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(26, 25, 53, 0.5); }

@media screen and (max-width: 1599px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        left: 29%; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 35%;
        right: 9%;
        max-width: 500px; } }
@media screen and (max-width: 1199px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        left: 29%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 58px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 35%;
        right: 9%;
        max-width: 500px; } }
@media screen and (max-width: 1130px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        left: 29%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 48px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 35%;
        right: 9%;
        max-width: 500px; } }
@media screen and (max-width: 991px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        left: 29%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 48px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 35%;
        right: 9%;
        max-width: 300px; } }
@media screen and (max-width: 860px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        left: 25%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 38px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 44%;
        right: 3%;
        max-width: 300px; } }
@media screen and (max-width: 767px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        left: 57%;
        bottom: 35%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 38px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 44%;
        right: 3%;
        max-width: 300px; } }
@media screen and (max-width: 650px) {
    .banner-section.banner-section-three .subtitle {
        display: none; }
    .banner-section.banner-section-three .banner-swipper-items .content {
        top: 35%;
        left: 60%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 38px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 57%;
        right: 43%;
        max-width: 300px; } }
@media screen and (max-width: 590px) {
    .banner-section.banner-section-three .banner-swipper-items .content {
        top: 47%;
        left: 56%; }
    .banner-section.banner-section-three .banner-swipper-items .content .title {
        font-size: 38px; }
    .banner-section.banner-section-three .banner-swipper-items .thumb {
        position: absolute;
        top: 57%;
        right: 43%;
        width: 400px;
        display: none; } }
.breadcrumb-banner.comming-section .comming-soon-left-right-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden; }
.breadcrumb-banner.comming-section .comming-son-content {
    background: var(--resturanYellow);
    position: relative;
    padding: 35px 30px;
    height: 350px; }
.breadcrumb-banner.comming-section .comming-son-content .title {
    font-size: 57px;
    color: #1A1935;
    margin-bottom: 15px; }
.breadcrumb-banner.comming-section .comming-son-content p {
    color: #1A1935;
    font-size: 18px;
    font-weight: 500; }
.breadcrumb-banner.comming-section .counter-wrapper {
    position: relative;
    background: #202046;
    padding: 35px 30px;
    height: 350px;
    width: calc(100% - 500px); }
.breadcrumb-banner.comming-section .counter-wrapper #countdown {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--resturanYellow);
    padding-bottom: 30px; }
.breadcrumb-banner.comming-section .counter-wrapper #countdown ul {
    display: flex;
    align-items: center;
    justify-content: space-between; }
.breadcrumb-banner.comming-section .counter-wrapper #countdown ul li {
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 0; }
.breadcrumb-banner.comming-section .counter-wrapper #countdown ul li span {
    color: var(--resturanYellow);
    display: block;
    font-size: 42px;
    margin-top: 1px;
    font-weight: 700; }
.breadcrumb-banner.comming-section .counter-wrapper .title {
    color: #FFFFFF;
    margin-bottom: 15px; }
.breadcrumb-banner.comming-section .counter-wrapper .notify-area {
    display: flex;
    align-items: center; }
.breadcrumb-banner.comming-section .counter-wrapper .notify-area input {
    width: 90%;
    height: 50px;
    background: none;
    border: none;
    background: #1A1935;
    padding: 5px 18px;
    outline: none; }
.breadcrumb-banner.comming-section .counter-wrapper .notify-area a {
    width: 10%;
    background: var(--resturanYellow);
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px; }
.breadcrumb-banner.comming-section .counter-wrapper .notify-area a svg {
    color: #1A1935;
    font-size: 17px; }

@media screen and (max-width: 1199px) {
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper {
        flex-wrap: wrap; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .comming-son-content {
        width: 100%;
        border-radius: 10px;
        margin-bottom: 20px; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .counter-wrapper {
        width: 100%;
        border-radius: 10px; } }
@media screen and (max-width: 991px) {
    .breadcrumb-banner.comming-section .header-wrapper .comming-social-icon {
        display: none; } }
@media screen and (max-width: 500px) {
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper {
        flex-wrap: wrap; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .comming-son-content {
        height: 220px; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .comming-son-content .title {
        font-size: 30px; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .counter-wrapper {
        height: 620px; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .counter-wrapper #countdown ul {
        flex-wrap: wrap;
        display: inline; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .counter-wrapper .notify-area input {
        width: 80%; }
    .breadcrumb-banner.comming-section .comming-soon-left-right-wrapper .counter-wrapper .notify-area a {
        width: 20%; } }
.breadcrumb-banner.blog-bg {
    background: url(../images/img1.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.checkout-bg {
    background: url(../images/img3.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.blog-bg2 {
    background: url(../images/img2.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.comming-bg {
    background: url(../images/img7.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.error-bg {
    background: url(../images/img6.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.match-bg {
    background: url(../images/img5.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.shop-bg {
    background: url(../images/img4.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.shop-details-bg {
    background: url(../images/img8.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.shop-main-bg {
    background: url(../images/img10.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.squad-bg {
    background: url(../images/img11.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.main-squad-bg {
    background: url(../images/img12.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.team-bg {
    background: url(../images/img13.jpg) no-repeat center center;
    background-size: cover; }

.breadcrumb-banner.turnament-bg {
    background: url(../images/img14.jpg) no-repeat center center;
    background-size: cover; }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    color: #030A15; }

h1 {
    font-size: 48px;
    font-weight: 700; }

h2 {
    font-size: 24px;
    font-weight: 600; }

h3 {
    font-size: 22px;
    font-weight: 600; }

h4 {
    font-size: 20px;
    font-weight: 600; }

h5 {
    font-size: 18px;
    font-weight: 600; }

h6 {
    font-size: 16px;
    font-weight: 400; }

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #1A1935; }

ul {
    padding: 0;
    margin: 0;
    list-style: none; }

a {
    text-decoration: none; }

.pt-120 {
    padding-top: 120px; }

.pb-120 {
    padding-bottom: 120px; }

@media screen and (max-width: 767px) {
    .pt-120 {
        padding-top: 90px; }

    .pb-120 {
        padding-bottom: 90px; } }
@media screen and (max-width: 575px) {
    .pt-120 {
        padding-top: 70px; }

    .pb-120 {
        padding-bottom: 70px; } }
.text-color-white {
    color: #fff !important; }

.text-color-black {
    color: #000 !important; }

.text-color-theme {
    color: #FE8C12 !important; }

.text-pra {
    color: #FFFFFF !important; }

.theme1 {
    color: #86cf3b !important; }

.theme2 {
    color: #01A849 !important; }

.theme3 {
    color: #47a1f2 !important; }

.section-title-black {
    background: #000 !important; }

.main-section-bg {
    background: #1A1935 !important; }

.main-section-bg2 {
    background: #202046 !important; }

.section-bg-border-bg-color {
    background: #ebebeb !important; }

.section-border-color {
    background: #ebebeb !important; }

.section-header {
    margin-bottom: 40px; }
.section-header .subtitle {
    font-size: 18px;
    font-weight: 600;
    color: var(--resturanYellow);
    position: relative;
    margin-bottom: 10px;
    text-transform: capitalize; }
.section-header .title {
    margin-top: 10px;
    color: #fff;
    font-size: 50px; }
.section-header p {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff; }

.section-header-center {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 50px; }

@media screen and (max-width: 1199px) {
    .section-header .title {
        font-size: 41px; } }
@media screen and (max-width: 767px) {
    .section-header .title {
        text-transform: uppercase;
        font-size: 42px; } }
@media screen and (max-width: 575px) {
    .section-header-center {
        max-width: 500px;
        text-align: center;
        margin: 0 auto 30px; }

    .section-header {
        margin-bottom: 20px; }
    .section-header .subtitle {
        margin-bottom: 15px; }
    .section-header .title {
        text-transform: uppercase;
        font-size: 28px;
        margin-top: 10px; } }
@media screen and (max-width: 400px) {
    .section-header-center {
        max-width: 500px;
        text-align: center;
        margin: 0 auto 30px; }

    .section-header {
        margin-bottom: 20px; }
    .section-header .subtitle {
        margin-bottom: 15px;
        font-size: 14px; }
    .section-header .title {
        text-transform: uppercase;
        font-size: 22px;
        margin-top: 10px; } }
.banner-section,
.feature-section,
.about-section,
.service-section,
.protfolio-section,
.team-section,
.counterup-section,
.choose-section,
.testimonial-section,
.manegment-section,
.blog-section,
.footer-style-two,
.video-section,
.client-section,
.faq-section,
.contact-section
.footer-section {
    overflow: hidden; }

.banner-btn-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 35px; }
.banner-btn-area .btn {
    margin-right: 15px; }

@media screen and (max-width: 485px) {
    .banner-btn-area {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 17px; }
    .banner-btn-area .btn {
        margin-bottom: 10px; } }
.btn {
    font-weight: 700;
    color: #1A1935;
    border-radius: 5px;
    line-height: 28px;
    padding: 12px 30px;
    background: var(--resturanYellow);
    text-transform: capitalize;
    border: 1px solid var(--resturanYellow);
    font-size: 16px;
    transition: all 0.3s; }
.btn svg {
    padding-left: 5px; }
.btn:hover {
    background: transparent;
    border: 1px solid var(--resturanYellow);
    color: var(--resturanYellow); }

.btn2 {
    font-weight: 700;
    color: var(--resturanYellow);
    border-radius: 5px;
    line-height: 28px;
    padding: 12px 30px;
    text-transform: uppercase;
    border: 1px solid var(--resturanYellow);
    font-size: 16px;
    transition: all 0.3s; }
.btn2 svg {
    padding-left: 5px; }
.btn2:hover {
    background: var(--resturanYellow);
    color: #FFFFFF; }

.under-btn {
    font-weight: 700;
    color: #1A1935;
    line-height: 28px;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.3s; }
.under-btn:hover {
    color: var(--resturanYellow); }

.subtitle-wrapper {
    background: #1A1935;
    padding: 8px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.subtitle-wrapper .left-wrapper .subtitle-left {
    display: flex;
    align-items: center; }
.subtitle-wrapper .left-wrapper .subtitle-left li:not(:last-child) {
    margin-right: 20px; }
.subtitle-wrapper .left-wrapper .subtitle-left li svg {
    color: var(--resturanYellow);
    font-size: 18px;
    padding-right: 5px; }
.subtitle-wrapper .left-wrapper .subtitle-left li a {
    color: #FFFFFF; }
.subtitle-wrapper .left-wrapper .social-right {
    margin-right: 20px;
    border-right: 1px solid #9C9C9C;
    padding-right: 20px;
    display: flex;
    align-items: center; }
.subtitle-wrapper .left-wrapper .social-right li:not(:last-child) {
    margin-right: 8px; }
.subtitle-wrapper .left-wrapper .social-right li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #1A1935;
    display: block;
    color: #FFFFFF;
    transition: all 0.3s; }
.subtitle-wrapper .left-wrapper .social-right li a svg {
    color: #FFFFFF;
    font-size: 16px; }
.subtitle-wrapper .left-wrapper .social-right li a:hover {
    background: var(--resturanYellow); }
.subtitle-wrapper .subtitle-right {
    display: flex;
    align-items: center; }
.subtitle-wrapper .subtitle-right p {
    margin-right: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    font-size: 17px;
    border-right: 1px solid #9C9C9C;
    color: #FFFFFF; }
.subtitle-wrapper .subtitle-right p a {
    color: var(--resturanYellow); }
.subtitle-wrapper .subtitle-right .sub-right-btn .btn {
    padding: 8px 15px; }

@media screen and (max-width: 1199px) {
    .subtitle-wrapper {
        background: #1A1935;
        padding: 8px 20px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; } }
@media screen and (max-width: 767px) {
    .subtitle-wrapper {
        background: #1A1935;
        padding: 8px 20px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
    .subtitle-wrapper .subtitle-right {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center; }
    .subtitle-wrapper .subtitle-right p {
        margin-right: 15px;
        padding-right: 15px;
        margin-bottom: 7px;
        margin-top: 5px;
        font-size: 17px;
        border-right: none;
        text-align: center;
        color: #FFFFFF; }
    .subtitle-wrapper .subtitle-right p a {
        color: var(--resturanYellow); }
    .subtitle-wrapper .subtitle-right .sub-right-btn .btn {
        padding: 8px 15px; } }
@media screen and (max-width: 460px) {
    .subtitle-wrapper {
        display: none; }
    .subtitle-wrapper .left-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        border-bottom: 1px solid #9C9C9C;
        padding-bottom: 10px; }
    .subtitle-wrapper .left-wrapper .subtitle-left {
        display: flex;
        align-items: center; }
    .subtitle-wrapper .left-wrapper .subtitle-left li:not(:last-child) {
        margin-right: 20px; }
    .subtitle-wrapper .left-wrapper .subtitle-left li svg {
        color: var(--resturanYellow);
        font-size: 18px;
        padding-right: 5px; }
    .subtitle-wrapper .left-wrapper .subtitle-left li a {
        color: #FFFFFF; }
    .subtitle-wrapper .left-wrapper .social-right {
        margin-right: 20px;
        border-right: none;
        padding-right: 20px;
        display: flex;
        align-items: center; }
    .subtitle-wrapper .left-wrapper .social-right li:not(:last-child) {
        margin-right: 8px; }
    .subtitle-wrapper .left-wrapper .social-right li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
        background: #1A1935;
        display: block;
        color: #FFFFFF;
        transition: all 0.3s; }
    .subtitle-wrapper .left-wrapper .social-right li a svg {
        color: #FFFFFF;
        font-size: 16px; }
    .subtitle-wrapper .left-wrapper .social-right li a:hover {
        background: var(--resturanYellow); } }
.subtitle-wrapper-two {
    background: #202046; }

.header-or-subheader {
    transition: all 0.9s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999; }

.menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    transition: all 0.9s;
    background: rgba(0, 0, 0, 0.5); }

.header-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    transition: all 0.9s;
    padding: 10px 0; }
.header-wrapper .logo-menu {
    width: 190px; }
.header-wrapper .logo-menu img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.header-wrapper .main-menu {
    position: relative;
    display: flex;
    align-items: center; }
.header-wrapper .main-menu li {
    transition: all 0.6s;
    position: relative; }
.header-wrapper .main-menu li:not(:last-child) {
    margin-right: 30px; }
.header-wrapper .main-menu li a {
    color: #FFFFFF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px; }
.header-wrapper .main-menu li:hover .sub-menu {
    display: block; }
.header-wrapper .main-menu li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 250px;
    transition: all 0.8s;
    background: #202046;
    padding: 10px 10px 10px;
    display: none; }
.header-wrapper .main-menu li .sub-menu li a {
    color: var(--resturanYellow);
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding: 15px 0; }
.header-wrapper .main-menu li .sub-menu li:not(:last-child) {
    border-bottom: 1px solid #e6e7e81f; }
.header-wrapper .main-menu .active a {
    color: var(--resturanYellow); }
.header-wrapper .main-menu .logo-menu-three {
    width: 130px;
    height: 85px; }
.header-wrapper .main-menu .logo-menu-three img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

@media screen and (max-width: 1199px) {
    .header-wrapper {
        padding: 15px 15px 15px 15px; }
    .header-wrapper .menu-contact {
        background: var(--resturanYellow);
        display: flex;
        align-items: center;
        padding: 10px 18px !important;
        display: none !important; } }
@media screen and (max-width: 1400px) {
    .header-wrapper {
        padding: 12px  10px; }
    .header-wrapper .logo-menu {
        order: 2;
        padding: 0px 0px;
    }

    .main-menu {
        position: absolute;
        top: 100%;
        width: 100%;
        display: inline !important;
        left: 0;
        z-index: 999;
        padding: 15px 15px;
        background: var(--resturanYellow);
        transition: all 2s !important;
        transform-origin: top;
        max-height: calc(100vh - 130px);
        overflow-y: auto; }
    .main-menu:not(.active) {
        display: none !important;
        transition: all 2s; }
    .main-menu li {
        padding: 5px 0 !important; }
    .main-menu li:not(:last-child) {
        border-bottom: 1px solid rgba(230, 231, 232, 0.5); }
    .main-menu .active a {
        color: #FFFFFF !important; }

    .header-bar {
        position: relative;
        width: 25px;
        height: 20px;
        order: 1;
    }
    .header-bar span {
        position: absolute;
        width: 100%;
        height: 3px;
        display: inline-block;
        transition: all 0.3s;
        left: 0;
        background: #1A1935; }
    .header-bar span:first-child {
        top: 0;
        background: #FFFFFF; }
    .header-bar span:nth-child(2) {
        top: 44%;
        background: #FFFFFF; }
    .header-bar span:last-child {
        bottom: 0;
        background: #FFFFFF; }
    .header-bar.active span:first-child {
        transform: rotate(45deg) translate(3px, 9px); }
    .header-bar.active span:nth-child(2) {
        opacity: 0; }
    .header-bar.active span:last-child {
        transform: rotate(-45deg) translate(3px, -9px); }

    .header-wrapper .main-menu li .sub-menu {
        background: #222222;
        position: relative; }

    .header-wrapper .main-menu li .sub-menu li a {
        padding: 0px 0; } }
.header-wrapper-two {
    background: #1A1935;
    padding: 8px 20px; }

.header-section.header-section-three .header-wrapper .logo-menu {
    display: none; }


@media screen and (max-width: 1400px) {
    .header-section.header-section-three .header-wrapper .logo-menu {
        display: block; } }
/*/------------------------Mibile Menu-Header-------------------------/*/
/*/------------------------Header Menu-------------------------/*/
.donate {
    padding: 0;
    padding-right: 18px;
    margin: 0;
    float: right; }
.donate .search-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    display: block;
    line-height: 40px;
    margin-right: 20px; }
.donate .search-box .search-icon svg {
    color: #3C3C93; }
.donate .shop {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    display: block; }
.donate .shop svg {
    font-size: 18px;
    margin-top: 14px;
    position: relative;
    color: #3C3C93; }
.donate .shop .shop-rea {
    position: absolute;
    top: -9px;
    right: -18px;
    background: #4350ff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF; }
.donate .shop .checkout {
    position: absolute;
    top: 45px;
    right: 0%;
    background: rgba(32, 32, 70, 0.9);
    width: 320px;
    padding: 25px 20px;
    transform: scale(0);
    opacity: 1;
    z-index: 999; }
.donate .shop .checkout li {
    display: flex;
    float: none;
    margin-bottom: 15px; }
.donate .shop .checkout li .thumb {
    margin-right: 12px;
    width: 80px;
    height: 60px;
    border: 1px solid var(--resturanYellow); }
.donate .shop .checkout li .thumb img {
    object-fit: contain;
    width: 100%;
    height: 100%; }
.donate .shop .checkout li .content {
    margin-right: 15px;
    text-align: left; }
.donate .shop .checkout li .content .title {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF; }
.donate .shop .checkout li .content p {
    color: #FFFFFF;
    margin-top: 0;
    padding-top: 0;
    line-height: 1.6; }
.donate .shop .checkout li .check-icon svg {
    margin-top: 0;
    font-size: 17px;
    transition: all 0.3s;
    color: var(--resturanYellow); }
.donate .shop .checkout li .check-icon svg:hover {
    color: var(--resturanYellow); }
.donate .shop .checkout li .total {
    color: #FFFFFF;
    font-weight: 500; }
.donate .shop .checkout li .checkout-btn {
    width: 100%;
    background: var(--resturanYellow);
    color: #1A1935;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 5px;
    margin-top: 5px; }
.donate .shop .checkout .checkout-flex-price {
    display: flex;
    justify-content: space-between;
    margin-top: 12px; }
.donate .shop:hover .checkout {
    transform: scale(1);
    opacity: 1; }

.donatetwo .shop {
    position: relative; }
.donatetwo .shop i {
    font-size: 27px;
    margin-top: 8px; }
.donatetwo .shop .shop-rea {
    position: absolute;
    top: -17px;
    left: 0;
    background: #4350ff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF; }

.donate li {
    float: left;
    list-style: none;
    margin: 0;
    cursor: pointer; }
.donate li .search-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    display: block;
    position: relative; }

/*/------------------------Header Menu-------------------------/*/
/*/------------------------Comminng-son-social Menu-------------------------/*/
.comming-social-icon {
    display: flex;
    align-items: center; }
.comming-social-icon li:not(:last-child) {
    margin-right: 12px; }
.comming-social-icon li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #202046;
    text-align: center;
    display: block;
    border-radius: 50%;
    transition: all 0.3s; }
.comming-social-icon li a:hover {
    background: var(--resturanYellow); }
.comming-social-icon li a svg {
    color: #FFFFFF;
    font-size: 16px; }

/*/------------------------Comminng-son-social Menu-------------------------/*/
@media only screen and (max-width: 991px) {
    .donate {
        display: none; } }
@media only screen and (max-width: 768px) {
    .mobile-menu-bar {
        display: inline-block;
        float: right;
        top: 1px; }

    .testi-border {
        padding: 50px 0; }

    .testi-pagination {
        width: 94%; }

    .divider1 {
        width: 400px; }

    .divider2 {
        width: 300px; }

    .divider3, .divider4 {
        width: 200px; }

    .divider5, .divider6 {
        width: 200px; }

    .divider7:before {
        width: 50px;
        right: 210px; }

    .divider7:after {
        width: 50px;
        left: 210px; } }
/*/------------------------Header Menu-------------------------/*/
/*/------------------------Searchbar Menu-------------------------/*/
.menu-search {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    color: var(--resturanYellow);
    border: 2px solid #f1f1f1;
    border-radius: 100%;
    margin: 33px 0px 13px;
    cursor: pointer; }

.menu-search-form {
    position: absolute;
    height: 100%;
    width: 100%;
    color: #707070;
    top: 0;
    left: 0;
    text-align: center;
    display: none; }

.menu-search-form.open {
    display: block;
    z-index: 9; }

.menu-search-form input {
    width: 100%;
    height: 100%;
    color: #707070;
    text-align: center;
    border: none;
    outline: none;
    padding: 15px 115px 15px 15px; }

.menu-search-form .menu-search-close {
    position: absolute;
    right: 90px;
    top: 35%;
    color: #3C3C93;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer; }

/*/------------------------Searchbar Menu-------------------------/*/
.feature-section {
    background: #333287;
    position: relative; }

.feature-vector {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
.feature-vector::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }

.feature-items {
    background: #333287;
    padding: 50px 30px;
    border-radius: 20px;
    transition: all 0.5s;
    position: relative;
    text-align: center; }
.feature-items .feature-thumb {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    margin: 0 auto 20px;
    background: #202046;
    transition: all 0.3s; }
.feature-items .feature-thumb img {
    width: 60px;
    object-fit: contain; }
.feature-items .base-text {
    font-size: 45px;
    font-weight: 800;
    -webkit-text-stroke: 1px var(--resturanYellow);
    color: transparent;
    position: absolute;
    top: 13px;
    right: 32px; }
.feature-items .feature-cntent .title {
    text-transform: capitalize;
    line-height: 1.4;
    transition: all 0.3s;
    color: #FFFFFF; }
.feature-items .feature-cntent p {
    color: #FFFFFF;
    transition: all 0.3s; }
.feature-items:hover {
    background: var(--resturanYellow); }
.feature-items:hover .feature-cntent .title {
    color: #1A1935; }
.feature-items:hover .feature-cntent p {
    color: #1A1935; }
.feature-items:hover .feature-thumb {
    transform: scale(1.1); }

.feature-left {
    position: relative;
    max-width: 551px; }

.feature-section.feature-to-service .feature-items {
    text-align: center;
    margin: 0 auto;
    padding: 50px 50px; }
.feature-section.feature-to-service .feature-items .feature-thumb {
    margin-bottom: 25px; }
.feature-section.feature-to-service .feature-items .feature-cntent .title {
    margin-bottom: 12px; }
.feature-section.feature-to-service .feature-items .feature-cntent p {
    font-size: 16px;
    transition: all 0.3s; }

.logo-feature-section {
    margin-top: -100px; }

.logo-feature-wrapper {
    background: #202046;
    padding: 40px 0;
    border-radius: 10px; }
.logo-feature-wrapper .logo-img {
    width: 117px;
    height: 150px;
    text-align: center;
    margin: 0 auto; }
.logo-feature-wrapper .logo-img img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.logo-feature-wrapper .owl-nav.disabled {
    display: none !important; }

@media screen and (max-width: 650px) {
    .logo-feature-section {
        padding: 40px 0;
        margin-top: 0px; } }
.logo-feature-section.logo-feature-two {
    margin-top: 0;
    margin-bottom: -100px; }

.about-thumb {
    max-width: 612px;
    margin: 0 60px 0 80px;
    position: relative; }
.about-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.about-thumb .dots-about {
    position: absolute;
    top: -16px;
    left: -120px;
    width: 110px;
    height: 110px; }
.about-thumb .dots-about img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.about-thumb .bigsmall {
    max-width: 440px;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: -1; }
.about-thumb .bigsmall img {
    width: 100%;
    height: 100%; }
.about-thumb .small-thumb {
    width: 260px;
    height: 260px;
    position: absolute;
    bottom: -31px;
    right: -31px;
    z-index: -1; }
.about-thumb .small-thumb img {
    width: 100%;
    height: 100%; }

.about-content .about-list-area {
    margin-top: 30px;
    padding-bottom: 15px; }
.about-content .about-list-area ul li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 600; }
.about-content .about-list-area ul li svg {
    color: var(--resturanYellow);
    margin-right: 10px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid var(--resturanYellow);
    padding: 5px;
    font-size: 14px; }
.about-content .banner-btn-area {
    justify-content: flex-start;
    margin-top: 5px; }
.about-content .banner-btn-area .video {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: var(--resturanYellow);
    border-radius: 50%; }
.about-content .banner-btn-area .video svg {
    font-size: 20px;
    color: #1A1935; }
.about-content p {
    color: #FFFFFF;
    font-size: 17px; }

@media screen and (max-width: 1199px) {
    .about-content .about-list-area {
        margin-top: 30px; }
    .about-content .about-list-area ul li {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 15px; }
    .about-content .about-list-area ul li svg {
        color: var(--resturanYellow);
        margin-right: 10px; }
    .about-content .banner-btn-area {
        justify-content: flex-start; }
    .about-content .banner-btn-area .btn {
        margin-bottom: 5px; } }
@media screen and (max-width: 991px) {
    .about-thumb {
        margin-bottom: 65px; } }
@media screen and (max-width: 575px) {
    .about-thumb {
        max-width: 612px;
        margin: 0 6px 0 6px;
        position: relative; }

    .about-thumb .small-thumb {
        width: 260px;
        height: 260px;
        position: absolute;
        bottom: -15px;
        right: -14px;
        z-index: -1; }

    .about-thumb .dots-about {
        position: absolute;
        top: -16px;
        left: -120px;
        width: 110px;
        height: 110px;
        display: none; }

    .about-thumb .bigsmall {
        max-width: 440px;
        position: absolute;
        top: -16px;
        left: -16px;
        z-index: -1; } }
.about-section.about-home-two {
    background: #202046;
    position: relative; }
.about-section.about-home-two .about-content-two {
    position: relative;
    z-index: 12; }
.about-section.about-home-two .bg-animation {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.4; }
.about-section.about-home-two .about-thumb-two .thumb-box1 {
    position: absolute;
    right: 60px;
    bottom: -42px;
    transform: rotate(50deg); }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 {
    max-width: 600px;
    position: relative; }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(26, 25, 53, 0.6); }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb {
    position: absolute;
    top: 25%;
    left: 17%;
    background: var(--resturanYellow);
    text-align: center;
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 50%;
    transform: rotate(-50deg); }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb svg {
    font-size: 20px;
    color: #FFFFFF; }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb::before {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 10px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb::after {
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 5px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.about-section.about-home-two .about-thumb-two .thumb-box2 {
    position: absolute;
    top: 48px;
    transform: rotate(19deg);
    right: 22%;
    max-width: 332px; }
.about-section.about-home-two .about-thumb-two .thumb-box2 img {
    width: 100%;
    height: 100%; }
.about-section.about-home-two .text-content {
    font-size: 140px;
    color: #9C9C9C;
    position: absolute;
    top: -17px;
    right: 50px;
    opacity: 0.2;
    color: transparent;
    font-weight: 800;
    -webkit-text-stroke: 2px #9C9C9C; }

@media screen and (max-width: 1199px) {
    .about-section.about-home-two .about-thumb-two .thumb-box1 {
        position: absolute;
        right: 60px;
        bottom: -42px;
        transform: rotate(50deg); }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 {
        max-width: 600px;
        position: relative; }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(26, 25, 53, 0.6); }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb {
        position: absolute;
        top: 25%;
        left: 17%;
        background: var(--resturanYellow);
        text-align: center;
        width: 75px;
        height: 75px;
        line-height: 75px;
        border-radius: 50%;
        transform: rotate(-50deg); }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb svg {
        font-size: 20px;
        color: #FFFFFF; }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .about-section.about-home-two .about-thumb-two .thumb-box2 {
        position: absolute;
        top: 48px;
        transform: rotate(19deg);
        right: 22%;
        max-width: 332px;
        display: none; }
    .about-section.about-home-two .about-thumb-two .thumb-box2 img {
        width: 100%;
        height: 100%; } }
@media screen and (max-width: 991px) {
    .text-content {
        display: none; }

    .about-section.about-home-two .about-thumb-two .thumb-box1 {
        position: relative;
        right: 0;
        z-index: 13;
        bottom: 0;
        transform: rotate(0); }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 {
        max-width: 600px;
        position: relative; }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(26, 25, 53, 0.6); }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb {
        position: absolute;
        top: 41%;
        left: 43%;
        background: var(--resturanYellow);
        text-align: center;
        width: 75px;
        height: 75px;
        line-height: 75px;
        border-radius: 50%;
        transform: rotate(0); }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 .play-thumb svg {
        font-size: 20px;
        color: #FFFFFF; }
    .about-section.about-home-two .about-thumb-two .thumb-box1 .thumb1 img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .about-section.about-home-two .about-thumb-two .thumb-box2 {
        position: absolute;
        top: 48px;
        transform: rotate(19deg);
        right: 22%;
        max-width: 332px;
        display: none; }
    .about-section.about-home-two .about-thumb-two .thumb-box2 img {
        width: 100%;
        height: 100%; } }
.about-section.about-home-three .about-home-three .thumb1 {
    max-width: 750px;
    position: relative; }
.about-section.about-home-three .about-home-three .thumb1 img {
    width: 100%;
    height: 100%; }
.about-section.about-home-three .about-home-three .thumb1 .play-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    background: var(--resturanYellow); }
.about-section.about-home-three .about-home-three .thumb1 .play-thumb svg {
    color: #FFFFFF;
    font-size: 20px; }
.about-section.about-home-three .about-home-three .thumb1 .play-thumb::before {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 10px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.about-section.about-home-three .about-home-three .thumb1 .play-thumb::after {
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 5px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }

.main-about {
    position: relative; }
.main-about .thumb1::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(26, 25, 53, 0.6); }

.consulting-video .video-bg-content {
    background: url(../../assets/images/about/video/video-consolting.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    padding: 120px 0 250px; }
.consulting-video .consulting-video {
    width: 100%;
    position: relative;
    margin-top: -160px; }
.consulting-video .consulting-video img {
    width: 100%;
    height: 100%; }
.consulting-video .consulting-video .video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: var(--resturanYellow);
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: 20px; }
.consulting-video .consulting-video .video svg {
    color: #FFFFFF;
    font-size: 20px; }

@media screen and (max-width: 575px) {
    .consulting-video .video-bg-content {
        background: url(../images/video-consolting.png) no-repeat top center;
        background-size: cover;
        width: 100%;
        padding: 50px 0 180px; }
    .consulting-video .consulting-video {
        width: 100%;
        position: relative;
        margin-top: -160px;
        height: 350px; }
    .consulting-video .consulting-video img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .consulting-video .consulting-video .video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background: var(--resturanYellow);
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        margin-top: 20px; }
    .consulting-video .consulting-video .video svg {
        color: #FFFFFF;
        font-size: 20px; } }
.active-bg {
    background: var(--resturanYellow) !important; }
.active-bg .feature-cntent .title {
    color: #1A1935 !important; }
.active-bg p {
    color: #1A1935 !important; }
.active-bg a {
    color: #FFFFFF; }

.service-details .service-detail-left-wrapper .items .thumb {
    width: 100%;
    height: 420px; }
.service-details .service-detail-left-wrapper .items .thumb img {
    width: 100%;
    height: 100%; }
.service-details .service-detail-left-wrapper .items .cont {
    padding: 25px 0; }
.service-details .service-detail-left-wrapper .items .cont .title {
    font-size: 36px;
    font-weight: 700;
    color: #1A1935;
    margin-bottom: 15px;
    text-transform: uppercase; }
.service-details .service-detail-left-wrapper .items .cont p {
    font-size: 18px;
    color: #9C9C9C; }
.service-details .service-detail-left-wrapper .items2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px; }
.service-details .service-detail-left-wrapper .items2 .thumb {
    max-width: 270px; }
.service-details .service-detail-left-wrapper .items2 .thumb img {
    width: 100%;
    height: 100%; }
.service-details .service-detail-left-wrapper .items2 .skill-content {
    width: calc(100% - 270px);
    padding-left: 35px; }
.service-details .service-detail-left-wrapper .items2 .skill-content .title {
    text-transform: uppercase;
    margin-bottom: 20px; }
.service-details .service-detail-left-wrapper .items2 .skill-content .progressbar-area .pro-items:not(:last-child) {
    margin-bottom: 20px; }
.service-details .service-detail-left-wrapper .items2 .skill-content .progressbar-area .pro-items .content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px; }
.service-details .service-detail-left-wrapper .items2 .skill-content .progressbar-area .pro-items .content h6 {
    font-size: 16px;
    font-weight: 600;
    color: #1A1935;
    text-transform: uppercase; }
.service-details .service-detail-left-wrapper .items2 .skill-content .progressbar-area .pro-items .content .c {
    color: var(--resturanYellow); }
.service-details .service-detail-left-wrapper .items2 .skill-content .progressbar-area .pro-items .w3-light-grey {
    background: #E6E7E8;
    height: 10px; }
.service-details .service-detail-left-wrapper .items2 .skill-content .progressbar-area .pro-items .w3-light-grey .w3-green {
    background: #FE8C12; }
.service-details .service-detail-left-wrapper p {
    font-size: 18px;
    color: #9C9C9C; }
.service-details .service-detail-left-wrapper .service-items {
    background: #E6E7E8;
    transition: all 0.3s; }
.service-details .service-detail-left-wrapper .service-items:hover {
    background: #1A1935; }
.service-details .service-detail-left-wrapper .service-items:hover p {
    color: #FFFFFF; }
.service-details .service-detail-right-wrapper .tag-categori-items {
    background: #E6E7E8;
    padding: 40px 30px;
    margin-bottom: 35px; }
.service-details .service-detail-right-wrapper .tag-categori-items .title {
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px; }
.service-details .service-detail-right-wrapper .tag-categori-items .title::before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--resturanYellow); }
.service-details .service-detail-right-wrapper .tag-categori-items .tag li {
    background: #FFFFFF;
    padding: 13px 20px;
    border-radius: 1px; }
.service-details .service-detail-right-wrapper .tag-categori-items .tag li:not(:last-child) {
    margin-bottom: 15px; }
.service-details .service-detail-right-wrapper .tag-categori-items .tag li a {
    color: #1A1935;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase; }
.service-details .service-detail-right-wrapper .tag-categori-items .tag li a svg {
    color: var(--resturanYellow);
    padding-right: 10px; }
.service-details .service-detail-right-wrapper .tag-categori-items .tag li .text-base {
    color: var(--resturanYellow); }
.service-details .service-detail-right-wrapper .info-help {
    background: #1A1935;
    padding: 40px 40px; }
.service-details .service-detail-right-wrapper .info-help .title {
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px; }
.service-details .service-detail-right-wrapper .info-help p {
    color: #FFFFFF;
    font-size: 17px;
    margin-bottom: 35px; }
.service-details .service-detail-right-wrapper .info-help ul li {
    display: flex;
    align-items: center; }
.service-details .service-detail-right-wrapper .info-help ul li svg {
    font-size: 21px;
    margin-right: 15px;
    color: var(--resturanYellow); }
.service-details .service-detail-right-wrapper .info-help ul li a {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF; }
.service-details .service-detail-right-wrapper .info-help ul li a span {
    color: #9A9DA1;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block; }
.service-details .service-detail-right-wrapper .info-help ul li:not(:last-child) {
    margin-bottom: 20px; }

@media screen and (max-width: 991px) {
    .service-details .service-detail-left-wrapper {
        margin-bottom: 40px; } }
@media screen and (max-width: 767px) {
    .service-details .service-detail-left-wrapper .items2 {
        flex-wrap: wrap;
        display: inline; }
    .service-details .service-detail-left-wrapper .items2 .skill-content {
        width: 100%;
        padding-left: 0;
        margin-top: 25px; } }
@media screen and (max-width: 575px) {
    .service-details .service-detail-left-wrapper .items .cont .title {
        font-size: 23px;
        font-weight: 700;
        color: #282828;
        margin-bottom: 15px;
        text-transform: uppercase; }

    .service-details .service-detail-left-wrapper .items .cont p {
        font-size: 16px;
        color: #353B44; } }
.protfolio-section {
    position: relative;
    background: #202046; }

.trending-prot-head {
    position: relative;
    max-width: 556px; }

.trending-prot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }

.trending-prot::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 32, 70, 0.6); }

.portfolio-wrapper {
    margin: 0 auto;
    text-align: center;
    padding: 0 20px; }

.protfolio-items {
    position: relative;
    transition: all 0.4s; }
.protfolio-items .new {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--resturanYellow);
    padding: 4px 13px 5px;
    margin: 0;
    font-weight: 500;
    display: block;
    color: #1A1935; }
.protfolio-items img {
    width: 100%; }
.protfolio-items .main-content {
    width: 100%;
    height: 100%;
    background: #152258;
    transition: all 0.4s;
    padding: 20px 15px; }
.protfolio-items .main-content .content {
    display: flex;
    padding: 0 0;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
.protfolio-items .main-content .content .cont {
    text-align: left; }
.protfolio-items .main-content .content .cont .title {
    color: #FFFFFF;
    text-transform: capitalize;
    font-size: 20px;
    bottom: 5px; }
.protfolio-items .main-content .content .cont span {
    color: #FFFFFF; }
.protfolio-items .main-content .content .prot-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--resturanYellow);
    text-align: center;
    line-height: 45px;
    color: #1A1935;
    transition: all 0.4s; }
.protfolio-items .main-content .content .prot-icon svg {
    font-size: 18px; }
.protfolio-items:hover .main-content {
    background: var(--resturanYellow); }
.protfolio-items:hover .main-content .content .prot-icon {
    background: #1A1935; }
.protfolio-items:hover .main-content .content .prot-icon svg {
    color: var(--resturanYellow); }

.prot-active .main-content {
    background: var(--resturanYellow); }
.prot-active .main-content .content .prot-icon {
    background: #1A1935; }
.prot-active .main-content .content .prot-icon svg {
    color: var(--resturanYellow); }

.portfolio-wrapper .owl-carousel .owl-nav.disabled {
    display: block !important; }

.portfolio-wrapper .owl-nav {
    position: absolute;
    top: -29%;
    right: 1%; }

.owl-nav button.owl-next {
    padding: 0 !important;
    font: inherit;
    color: #FFFFFF !important;
    background: var(--resturanYellow) !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important; }

.owl-nav button.owl-prev {
    padding: 0 !important;
    font: inherit;
    color: #1A1935 !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background: #FFFFFF !important; }

@media screen and (max-width: 991px) {
    .portfolio-wrapper .owl-nav {
        position: absolute;
        top: -39%;
        right: 1%; } }
@media screen and (max-width: 767px) {
    .protfolio-items .main-content .content .prot-icon {
        width: calc(100% - 70%);
        height: 45px; } }
@media screen and (max-width: 575px) {
    .protfolio-items .main-content .content .prot-icon {
        width: 45px;
        height: 45px; } }
.protfolio-section.protfolio-two {
    background: #FFFFFF; }
.protfolio-section.protfolio-two .owl-nav {
    display: none; }
.protfolio-section.protfolio-two .portfolio-wrapper2 {
    padding: 0 100px 0 10px; }

@media screen and (max-width: 500px) {
    .protfolio-section.protfolio-two {
        background: #FFFFFF; }
    .protfolio-section.protfolio-two .owl-nav {
        display: none; }
    .protfolio-section.protfolio-two .portfolio-wrapper2 {
        padding: 0 10px 0 10px; } }
.protfolio-singel .protfolio-items {
    width: 100%; }
.protfolio-singel .protfolio-items img {
    width: 100%;
    height: 100%; }

.service-details.protfolio-details .service-detail-left-wrapper .items .check-list {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid #E6E7E8; }
.service-details.protfolio-details .service-detail-left-wrapper .items .check-list li {
    font-size: 17px;
    color: #1A1935;
    font-weight: 500; }
.service-details.protfolio-details .service-detail-left-wrapper .items .check-list li svg {
    color: var(--resturanYellow);
    padding-right: 10px; }
.service-details.protfolio-details .service-detail-left-wrapper .items .check-list li:not(:last-child) {
    margin-bottom: 15px; }
.service-details.protfolio-details .service-detail-left-wrapper .protfolio-items2 .title {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase; }
.service-details.protfolio-details .service-detail-left-wrapper .protfolio-items {
    width: 100%; }
.service-details.protfolio-details .service-detail-left-wrapper .protfolio-items img {
    width: 100%;
    height: 100%; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li {
    display: flex;
    align-items: center; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li:not(:last-child) {
    margin-bottom: 15px; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li strong {
    font-weight: 700;
    text-transform: uppercase;
    color: #1A1935;
    margin-right: 20px;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li span {
    font-size: 14px;
    font-weight: 500; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li span ul {
    display: flex;
    align-items: center; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li span ul li:not(:last-child) {
    margin-right: 10px; }
.service-details.protfolio-details .service-detail-right-wrapper .tag-categori-items .details li span ul li a svg {
    color: #9C9C9C; }

@media screen and (max-width: 575px) {
    .service-details.protfolio-details .service-detail-left-wrapper .protfolio-items2 .title {
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase; } }
.protfolio-section.protfolio-home-two {
    background: #1A1935; }
.protfolio-section.protfolio-home-two .protfolio-items .prot-paly {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    background: var(--resturanYellow);
    position: absolute;
    top: 8px;
    right: 10px;
    transition: all 0.3s;
    opacity: 0; }
.protfolio-section.protfolio-home-two .protfolio-items .prot-paly svg {
    color: #1A1935; }
.protfolio-section.protfolio-home-two .protfolio-items:hover .prot-paly {
    opacity: 1; }
.protfolio-section.protfolio-home-two .protfolio-items .main-content {
    z-index: 99;
    width: 90%;
    margin: -40px auto 0;
    position: relative;
    padding: 12px 8px; }
.protfolio-section.protfolio-home-two .protfolio-items .main-content .content .prot-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    background: #3C3C93;
    transition: all 0.3s; }
.protfolio-section.protfolio-home-two .protfolio-items .main-content .content .prot-icon img {
    width: 45px;
    height: 60px;
    object-fit: contain;
    text-align: center;
    margin: 0 auto;
    padding: 5px; }
.protfolio-section.protfolio-home-two .protfolio-items .main-content .content .cont {
    width: calc(100% - 70px);
    padding-left: 10px; }
.protfolio-section.protfolio-home-two .protfolio-items:hover .main-content .content .prot-icon {
    background: #FFFFFF; }
.protfolio-section.protfolio-home-two .prot-active .prot-paly {
    opacity: 1; }
.protfolio-section.protfolio-home-two .prot-active .main-content .content .prot-icon {
    background: #FFFFFF; }

@media screen and (max-width: 767px) {
    .protfolio-section.protfolio-home-two .protfolio-items .prot-paly {
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        border-radius: 50%;
        background: var(--resturanYellow);
        position: absolute;
        top: 8px;
        right: 10px;
        transition: all 0.3s;
        opacity: 0; }
    .protfolio-section.protfolio-home-two .protfolio-items .prot-paly svg {
        color: #1A1935; }
    .protfolio-section.protfolio-home-two .protfolio-items:hover .prot-paly {
        opacity: 1; }
    .protfolio-section.protfolio-home-two .protfolio-items .main-content {
        z-index: 99;
        width: 100%;
        margin: -40px auto 0;
        position: relative;
        padding: 12px 8px; }
    .protfolio-section.protfolio-home-two .protfolio-items .main-content .content .prot-icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        text-align: center;
        margin: 0 auto;
        background: #3C3C93;
        transition: all 0.3s; }
    .protfolio-section.protfolio-home-two .protfolio-items .main-content .content .prot-icon img {
        width: 45px;
        height: 60px;
        object-fit: contain;
        text-align: center;
        margin: 0 auto;
        padding: 5px; }
    .protfolio-section.protfolio-home-two .protfolio-items .main-content .content .cont {
        width: calc(100% - 70px);
        padding-left: 10px; }
    .protfolio-section.protfolio-home-two .protfolio-items:hover .main-content .content .prot-icon {
        background: #FFFFFF; } }
.protfolio-section.team-section {
    background: #1A1935; }
.protfolio-section.team-section .protfolio-items .main-content {
    padding: 25px 15px; }
.protfolio-section.team-section .protfolio-items .main-content .content .cont {
    text-align: center;
    margin: 0 auto; }
.protfolio-section.team-section .protfolio-items .main-content .content .cont .title {
    margin-bottom: 5px; }
.protfolio-section.team-section .protfolio-items .main-content .content .cont span {
    font-weight: 500; }
.protfolio-section.team-section .protfolio-items .thumb {
    position: relative; }
.protfolio-section.team-section .protfolio-items .thumb .soc-team {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 13px;
    left: 24%;
    opacity: 0;
    transition: all 0.3s; }
.protfolio-section.team-section .protfolio-items .thumb .soc-team li:not(:last-child) {
    margin-right: 9px; }
.protfolio-section.team-section .protfolio-items .thumb .soc-team li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    background: #333287;
    transition: all 0.3s; }
.protfolio-section.team-section .protfolio-items .thumb .soc-team li a svg {
    color: #FFFFFF; }
.protfolio-section.team-section .protfolio-items .thumb .soc-team li a:hover {
    background: var(--resturanYellow); }
.protfolio-section.team-section .protfolio-items:hover .thumb .soc-team {
    opacity: 1; }
.protfolio-section.team-section .prot-active .thumb .soc-team {
    opacity: 1; }
.protfolio-section.team-section .prot-active .main-content .content .cont .title {
    color: #1A1935; }
.protfolio-section.team-section .prot-active .main-content .content .cont span {
    color: #1A1935; }

@media screen and (max-width: 767px) {
    .protfolio-section.team-section .portfolio-wrapper .protfolio-items .thumb .soc-team {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 13px;
        left: 14%;
        opacity: 0;
        transition: all 0.3s; } }
@media screen and (max-width: 575px) {
    .protfolio-section.team-section .portfolio-wrapper .protfolio-items .thumb .soc-team {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 13px;
        left: 33%;
        opacity: 0;
        transition: all 0.3s; } }
@media screen and (max-width: 375px) {
    .protfolio-section.team-section .portfolio-wrapper .protfolio-items .thumb .soc-team {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 13px;
        left: 16%;
        opacity: 0;
        transition: all 0.3s; } }
.teamtwo-wrapper .owl-nav {
    position: absolute;
    top: -29%;
    right: 1%; }

@media screen and (max-width: 991px) {
    .teamtwo-wrapper .owl-nav {
        position: absolute;
        top: -39%;
        right: 1%; } }
.live-streming {
    background: url(../images/v-bg.png) no-repeat center center;
    background-size: cover;
    position: relative; }
.live-streming::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }

.live-streming-content {
    max-width: 600px;
    position: relative; }

.live-thumb {
    max-width: 808px;
    max-height: 600px;
    position: relative; }
.live-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.live-thumb .video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.live-thumb .video-area .video {
    width: 70px;
    height: 70px;
    margin: 0 auto 10px;
    line-height: 70px;
    border-radius: 50%;
    background: var(--resturanYellow);
    text-align: center;
    display: block;
    position: relative; }
.live-thumb .video-area .video svg {
    font-size: 18px;
    color: #FFFFFF; }
.live-thumb .video-area .video::before {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 10px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.live-thumb .video-area .video::after {
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 5px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.live-thumb .video-area span {
    font-size: 18px;
    font-weight: 500;
    display: block;
    color: #FFFFFF; }

@keyframes animate {
    0% {
        transform: scale(0.3); }
    50% {
        opacity: 1; }
    100% {
        transform: scale(1.1); } }
.live-wrapper .test-items {
    position: relative;
    margin-bottom: 20px; }
.live-wrapper .cont .title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px; }
.live-wrapper .cont p {
    color: #FFFFFF;
    font-size: 14px; }

.live-wrapper .owl-nav {
    display: block;
    position: absolute;
    top: -29%;
    right: 0;
    display: flex; }

@media screen and (max-width: 991px) {
    .live-thumb {
        margin-bottom: 50px; } }
.live-streming.live-streming-two {
    background: url(../images/live-streming-bg.png) no-repeat center center;
    background-size: cover;
    position: relative; }

.live-streming.live-streming-two::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.7); }

.protfolio-section.testimonial-one {
    overflow: hidden;
    background: #202046;
    position: relative; }
.protfolio-section.testimonial-one .trending-prot-head {
    position: relative;
    z-index: 1; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .thumb {
    height: 400px; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box {
    background: #1a1935;
    padding: 15px 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box svg {
    font-size: 46px;
    color: var(--resturanYellow);
    margin-bottom: 10px; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box p {
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 30px; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box .name .title {
    color: var(--resturanYellow);
    margin-bottom: 5px; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box .name span {
    color: #FFFFFF; }
.protfolio-section.testimonial-one .test-wrapper .protfolio-items:hover .test-box {
    opacity: 1; }

.test-img {
    position: absolute;
    top: 0;
    right: 0; }

.test-img-two {
    position: absolute;
    bottom: 0;
    left: 0; }

.test-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 32, 70, 0.5); }

.test-img-two::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 32, 70, 0.5); }

.test-wrapper .owl-nav {
    display: flex; }

.test-wrapper .owl-nav button.owl-prev {
    padding: 0 !important;
    font: inherit;
    color: #FFFFFF !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background: #333287 !important;
    position: absolute;
    top: 50%;
    left: 11%;
    transform: translate(-50%, -50%); }

.test-wrapper .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) {
    .test-wrapper .owl-nav {
        display: flex;
        position: absolute;
        top: 104%;
        left: 8%;
        transform: tanslate(-50%, -50%); }

    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .thumb {
        height: 400px; }
    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box {
        background: #1A1935;
        padding: 15px 20px;
        height: 400px; }
    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box svg {
        font-size: 46px;
        color: var(--resturanYellow);
        margin-bottom: 10px; }
    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box p {
        color: #FFFFFF;
        font-size: 20px;
        margin-bottom: 30px; }
    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box .name .title {
        color: var(--resturanYellow);
        margin-bottom: 5px; }
    .protfolio-section.testimonial-one .test-wrapper .protfolio-items .test-box .name span {
        color: #FFFFFF; } }
.owl-carousel .owl-nav.disabled {
    display: block; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--resturanYellow) !important; }

.owl-theme .owl-dots .owl-dot.active span {
    background: var(--resturanYellow) !important; }

.owl-theme .owl-dots .owl-dot.active {
    border: 1px solid var(--resturanYellow) !important;
    border-radius: 50%;
    width: 25px;
    height: 25px; }

.owl-nav button.owl-prev {
    padding: 0 !important;
    font: inherit;
    color: #FFFFFF !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background: #333287 !important; }

.owl-theme .owl-dots .owl-dot span {
    background: var(--resturanYellow) !important; }

.testimonial-wrapper3 .owl-nav {
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: -441px;
    display: flex; }

@media screen and (max-width: 1399px) {
    .testimonial-wrapper3 .owl-nav {
        display: block;
        position: absolute;
        position: absolute;
        top: 50%;
        left: -391px;
        display: flex; } }
@media screen and (max-width: 1199px) {
    .testimonial-wrapper3 .owl-nav {
        display: block;
        position: absolute;
        position: absolute;
        top: 50%;
        left: -333px;
        display: flex; }

    .blog-items .blog-content .comment-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #E6E7E8;
        margin-bottom: 25px;
        padding-bottom: 22px; } }
@media screen and (max-width: 767px) {
    .live-wrapper .owl-nav {
        top: -21%; } }
@media screen and (max-width: 575px) {
    .live-wrapper .owl-nav {
        top: -27%; } }
@media screen and (max-width: 400px) {
    .live-wrapper .owl-nav {
        top: -29%; } }
@media screen and (max-width: 400px) {
    .live-wrapper .owl-nav {
        top: -19%; } }
.solition-wrap {
    background: #202046;
    padding: 60px 40px 60px;
    position: relative;
    margin-bottom: -85px;
    border-radius: 10px;
    z-index: 1; }
.solition-wrap .content .title {
    font-size: 36px;
    font-weight: 700;
    color: #FFFFFF; }
.solition-wrap form {
    background: #1A1935;
    padding: 10px 15px;
    border-radius: 100px;
    display: flex; }
.solition-wrap form .input-ext {
    width: 85%;
    position: relative; }
.solition-wrap form .input-ext input {
    border: none;
    outline: none;
    background: none;
    padding: 10px 0 0 40px; }
.solition-wrap form .input-ext .icon {
    position: absolute;
    left: 17px;
    top: 13px; }
.solition-wrap form .input-ext .icon svg {
    color: var(--resturanYellow);
    font-size: 16px; }
.solition-wrap form button {
    border: none;
    outline: none;
    background: var(--resturanYellow);
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 100px; }

@media screen and (max-width: 991px) {
    .solition-wrap {
        padding: 40px 30px 40px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: -85px; }
    .solition-wrap .content .title {
        margin-bottom: 15px; } }
@media screen and (max-width: 991px) {
    .solition-wrap {
        padding: 40px 30px 40px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: -85px; }
    .solition-wrap .content .title {
        margin-bottom: 15px;
        font-size: 22px; } }
@media screen and (max-width: 450px) {
    .solition-wrap form {
        padding: 10px 15px;
        flex-wrap: wrap;
        display: flex; }
    .solition-wrap form .input-ext {
        width: 100%;
        position: relative; }
    .solition-wrap form .input-ext input {
        border: none;
        outline: none;
        background: none;
        padding: 10px 0 0 40px; }
    .solition-wrap form .input-ext .icon {
        position: absolute;
        left: 17px;
        top: 13px; }
    .solition-wrap form .input-ext .icon svg {
        color: var(--resturanYellow);
        font-size: 16px; }
    .solition-wrap form button {
        margin: 15px auto 0;
        border: none;
        outline: none;
        background: var(--resturanYellow);
        padding: 12px 20px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 100px; } }
.home-two-solition {
    margin-bottom: 0; }

.contact-section {
    background: #1A1935; }
.contact-section .contact-content {
    position: relative; }
.contact-section .contact-content .contact-shape {
    position: absolute;
    top: 40%;
    left: 78%; }
.contact-section .contact-content .info-area li {
    display: flex;
    align-items: center; }
.contact-section .contact-content .info-area li .icon {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF; }
.contact-section .contact-content .info-area li .icon svg {
    color: var(--resturanYellow);
    font-size: 20px; }
.contact-section .contact-content .info-area li .cont span {
    color: #686C73;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1px;
    display: block; }
.contact-section .contact-content .info-area li .cont a {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500; }
.contact-section .contact-content .info-area li:not(:last-child) {
    margin-bottom: 35px; }
.contact-section .main-contact-from-wrapper form {
    background: #FFFFFF;
    height: 100%;
    padding: 40px 20px; }
.contact-section .main-contact-from-wrapper form .title {
    text-transform: uppercase;
    margin-bottom: 25px; }
.contact-section .main-contact-from-wrapper form input {
    background: #E6E7E8;
    width: 100%;
    border: none;
    outline: none;
    color: #E6E7E8;
    margin-bottom: 15px;
    padding: 11px 12px; }
.contact-section .main-contact-from-wrapper form textarea {
    background: #E6E7E8;
    width: 100%;
    border: none;
    outline: none;
    color: #1A1935;
    margin-bottom: 20px;
    padding: 15px 12px 60px; }
.contact-section .main-contact-from-wrapper form button {
    background: var(--resturanYellow);
    border: none;
    outline: none;
    padding: 12px 25px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px; }
.contact-section .main-contact-from-wrapper .map-img {
    max-width: 355px; }
.contact-section .main-contact-from-wrapper .map-img img {
    width: 100%;
    height: 100%; }

@media screen and (max-width: 991px) {
    .contact-section .contact-content {
        margin-bottom: 50px; } }
@media screen and (max-width: 575px) {
    .contact-section .contact-content {
        margin-bottom: 50px; }
    .contact-section .contact-content .contact-shape {
        display: none; } }
.contact-area-left.contact-area-left .section-header .title {
    font-size: 38px; }
.contact-area-left.contact-area-left .left-contact-items {
    padding: 25px 20px;
    border: 1px solid var(--resturanYellow);
    border-radius: 10px;
    transition: all 0.3s; }
.contact-area-left.contact-area-left .left-contact-items .thumb {
    width: 75px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #202046;
    border-radius: 50%;
    margin-right: 15px;
    transition: all 0.3s; }
.contact-area-left.contact-area-left .left-contact-items .thumb svg {
    font-size: 26px;
    color: var(--resturanYellow);
    transition: all 0.3s; }
.contact-area-left.contact-area-left .left-contact-items .content {
    width: calc(100% - 75px); }
.contact-area-left.contact-area-left .left-contact-items .content .title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    transition: all 0.3s; }
.contact-area-left.contact-area-left .left-contact-items .content p {
    color: #FFFFFF;
    margin-bottom: 0; }
.contact-area-left.contact-area-left .left-contact-items .content a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500; }
.contact-area-left.contact-area-left .left-contact-items:not(:last-child) {
    margin-bottom: 25px; }
.contact-area-left.contact-area-left .left-contact-items:hover {
    background: #202046;
    border: 1px solid #202046; }
.contact-area-left.contact-area-left .left-contact-items:hover .thumb {
    background: var(--resturanYellow); }
.contact-area-left.contact-area-left .left-contact-items:hover .thumb svg {
    color: #1A1935; }
.contact-area-left.contact-area-left .left-contact-items:hover .content .title {
    color: var(--resturanYellow); }
.contact-area-left.contact-area-left .flow-us-area {
    padding: 25px 20px; }
.contact-area-left.contact-area-left .flow-us-area .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px; }
.contact-area-left.contact-area-left .flow-us-area ul {
    display: flex;
    align-items: center; }
.contact-area-left.contact-area-left .flow-us-area ul li {
    transition: all 0.3s;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background: #FFFFFF; }
.contact-area-left.contact-area-left .flow-us-area ul li:not(:last-child) {
    margin-right: 10px; }
.contact-area-left.contact-area-left .flow-us-area ul li a svg {
    color: #1A1935; }
.contact-area-left.contact-area-left .flow-us-area ul li:hover {
    background: var(--resturanYellow); }
.contact-area-left.contact-area-left .flow-us-area ul li:hover a svg {
    color: #FFFFFF; }

.contact-area-right-form {
    background: #202046;
    padding: 50px 50px;
    border-radius: 10px; }
.contact-area-right-form .title {
    color: #FFFFFF;
    margin-bottom: 18px; }
.contact-area-right-form .input-group {
    position: relative; }
.contact-area-right-form .input-group svg {
    color: #9C9C9C;
    position: absolute;
    right: 15px;
    top: 18px; }
.contact-area-right-form .input-group input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    padding: 14px 15px;
    background: #1A1935; }
.contact-area-right-form .input-group textarea {
    width: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    color: #9C9C9C;
    padding-bottom: 5px;
    padding: 20px 20px 130px;
    margin-bottom: 15px;
    background: #1A1935; }
.contact-area-right-form .input-group .custom-btn {
    border-radius: 1px;
    border: none;
    outline: none;
    background: var(--resturanYellow);
    padding: 14px 20px;
    font-size: 18px;
    color: #1A1935;
    font-weight: 600;
    border-radius: 5px; }
.contact-area-right-form .head-title {
    text-transform: uppercase;
    font-size: 30px;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 8px; }
.contact-area-right-form .head-title::before {
    position: absolute;
    content: "";
    top: 100%;
    height: 2px;
    width: 45px;
    background: var(--resturanYellow); }

@media screen and (max-width: 575px) {
    .contact-area-right-form {
        padding: 20px 10px; }

    .contact-area-left.contact-area-left {
        padding: 20px 15px; } }
.map-section iframe {
    width: 100%;
    height: 500px; }

.solution-section.solution-map .solition-wrap {
    margin-top: -109px; }

@media screen and (max-width: 767px) {
    .map-section iframe {
        width: 100%;
        height: 400px; } }
@media screen and (max-width: 575px) {
    .map-section iframe {
        width: 100%;
        height: 300px; } }
.error-wrapper {
    text-align: center;
    margin: 0 auto; }
.error-wrapper .error-thumb {
    max-width: 545px;
    margin: 0 auto 45px; }
.error-wrapper .error-thumb img {
    width: 100%;
    height: 100%; }
.error-wrapper .error-content .title {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 58px;
    color: #FFFFFF; }
.error-wrapper .error-content p {
    font-size: 28px;
    color: #FFFFFF;
    margin-bottom: 30px;
    font-weight: 600; }

@media screen and (max-width: 500px) {
    .error-wrapper .error-content .title {
        font-size: 30px; }

    .error-wrapper .error-content p {
        font-size: 18px; } }
.match-section.blog-section {
    background: #1A1935; }
.match-section.blog-section .match-items {
    border-radius: 15px;
    padding: 0; }
.match-section.blog-section .match-items .thumb {
    overflow: hidden; }
.match-section.blog-section .match-items .thumb img {
    overflow: hidden;
    transition: all 0.4s; }
.match-section.blog-section .match-items .thumb:hover {
    cursor: pointer; }
.match-section.blog-section .match-items .content {
    padding: 35px 0;
    text-align: center; }
.match-section.blog-section .match-items .content .title {
    font-size: 24px;
    transition: all 0.3s; }
.match-section.blog-section .match-items .content .soc-admin {
    display: flex;
    align-items: center;
    justify-content: center; }
.match-section.blog-section .match-items .content .soc-admin a {
    display: flex;
    align-items: center;
    color: #FFFFFF; }
.match-section.blog-section .match-items .content .soc-admin a:not(:last-child) {
    border-right: 1px solid var(--resturanYellow);
    margin-right: 10px;
    padding-right: 10px; }
.match-section.blog-section .match-items .content .soc-admin a .icon {
    margin-right: 5px; }
.match-section.blog-section .match-items .content .soc-admin a .icon svg {
    color: var(--resturanYellow); }
.match-section.blog-section .match-items .content .match-btn {
    margin-top: 30px; }
.match-section.blog-section .match-items:hover .content .title {
    color: var(--resturanYellow); }
.match-section.blog-section .match-items:hover .thumb img {
    transform: scale(1.1); }

.blog-wrapper .owl-nav {
    position: absolute;
    top: -14%;
    right: 1%; }

@media screen and (max-width: 767px) {
    .blog-wrapper .owl-nav {
        position: absolute;
        top: -31%;
        right: 1%; } }
@media screen and (max-width: 575px) {
    .blog-wrapper .owl-nav {
        position: absolute;
        top: -26%;
        right: 1%; } }
.news-section {
    overflow: hidden; }

.news-thumb {
    width: 100%;
    height: 760px;
    position: relative;
    border-radius: 10px;
    overflow: hidden; }
.news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.news-thumb .news-p-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 45px 30px; }
.news-thumb .news-p-content .content .review {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
.news-thumb .news-p-content .content .review .thumb {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 14px; }
.news-thumb .news-p-content .content .review .thumb img {
    width: 100%;
    height: 100%; }
.news-thumb .news-p-content .content .review .cont .name {
    color: #FFFFFF; }
.news-thumb .news-p-content .content .review .cont span {
    color: #FFFFFF; }
.news-thumb .news-p-content .content .title {
    color: #FFFFFF;
    font-size: 30px;
    margin-bottom: 10px; }
.news-thumb .news-p-content .content p {
    color: #FFFFFF; }

.news-right-wrapper .news-items {
    background: #202046;
    border-radius: 10px;
    display: flex;
    transition: all 0.3s;
    align-items: center; }
.news-right-wrapper .news-items .thumb img {
    width: 100%;
    height: 100%; }
.news-right-wrapper .news-items .content {
    width: calc(100% - 230px);
    padding: 10px 10px 10px 25px; }
.news-right-wrapper .news-items .content .title {
    color: #FFFFFF;
    margin-bottom: 3px; }
.news-right-wrapper .news-items .content p {
    color: #FFFFFF;
    font-size: 17px;
    margin-bottom: 0; }
.news-right-wrapper .news-items .content .review {
    margin-top: 15px;
    display: flex;
    align-items: center; }
.news-right-wrapper .news-items .content .review .thumb {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 15px; }
.news-right-wrapper .news-items .content .review .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.news-right-wrapper .news-items .content .review .cont .name {
    color: #FFFFFF; }
.news-right-wrapper .news-items .content .review .cont span {
    color: #FFFFFF; }
.news-right-wrapper .news-items:not(:last-child) {
    margin-bottom: 25px; }

@media screen and (max-width: 1199px) {
    .news-thumb {
        margin-bottom: 30px; } }
@media screen and (max-width: 991px) {
    .news-thumb {
        margin-bottom: 30px; } }
@media screen and (max-width: 767px) {
    .news-right-wrapper .news-items .content {
        width: calc(100% - 225px);
        padding: 10px 10px 10px 25px; } }
@media screen and (max-width: 575px) {
    .news-right-wrapper .news-items {
        background: #202046;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
        transition: all 0.3s;
        align-items: center;
        padding: 20px 0; }
    .news-right-wrapper .news-items .thumb {
        border-radius: 10px;
        overflow: hidden; }
    .news-right-wrapper .news-items .thumb img {
        width: 100%;
        height: 100%; }
    .news-right-wrapper .news-items .content {
        text-align: center;
        margin: 0 auto;
        width: calc(100%);
        padding: 15px 12px; }
    .news-right-wrapper .news-items .content .title {
        color: #FFFFFF;
        margin-bottom: 3px; }
    .news-right-wrapper .news-items .content p {
        color: #FFFFFF;
        font-size: 17px;
        margin-bottom: 0; }
    .news-right-wrapper .news-items .content .review {
        margin-top: 15px;
        display: flex;
        justify-content: center;
        align-items: center; }
    .news-right-wrapper .news-items .content .review .thumb {
        width: 60px;
        height: 60px;
        border-radius: 100%;
        margin-right: 15px; }
    .news-right-wrapper .news-items .content .review .thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .news-right-wrapper .news-items .content .review .cont .name {
        color: #FFFFFF; }
    .news-right-wrapper .news-items .content .review .cont span {
        color: #FFFFFF; }
    .news-right-wrapper .news-items:not(:last-child) {
        margin-bottom: 25px; } }
@media screen and (max-width: 520px) {
    .news-thumb {
        width: 100%;
        height: 660px; }
    .news-thumb .news-p-content {
        width: 100%;
        padding: 25px 15px; }
    .news-thumb .news-p-content .content .review .thumb {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 14px; }
    .news-thumb .news-p-content .content .review .thumb img {
        width: 100%;
        height: 100%; }
    .news-thumb .news-p-content .content .review .cont .name {
        color: #FFFFFF;
        font-size: 18px; }
    .news-thumb .news-p-content .content .review .cont span {
        color: #FFFFFF; }
    .news-thumb .news-p-content .content .title {
        font-size: 26px; } }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two {
    background: #202046; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img {
    width: 100%;
    position: relative; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img img {
    width: 100%;
    height: 100%; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img .video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--resturanYellow);
    height: 75px;
    width: 75px;
    line-height: 75px;
    border-radius: 50%;
    text-align: center; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img .video svg {
    font-size: 22px;
    color: #1A1935; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img .video::before {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 10px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img .video::after {
    position: absolute;
    content: "";
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 5px solid var(--resturanYellow);
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .blog-quote-content {
    border-radius: 12px;
    background-image: -webkit-linear-gradient(145deg, #ff4f58 0%, #ffb400 100%);
    box-shadow: 0px 18px 24px 0px rgba(255, 114, 58, 0.36);
    text-align: center;
    padding: 40px 70px;
    border-radius: 5px; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .blog-quote-content .icon {
    margin-bottom: 20px; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .blog-quote-content .icon i {
    font-size: 56px;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .blog-quote-content P {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content {
    padding: 30px 40px; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content .title {
    font-size: 30px;
    font-weight: 800 !important;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content ul {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content ul li {
    margin-right: 22px;
    font-size: 17px;
    color: var(--resturanYellow);
    font-weight: 600; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content ul li svg {
    padding-right: 5px;
    color: var(--resturanYellow); }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.5; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content .wrap {
    margin: 30px 0;
    display: block; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content .wrap .custom-btn {
    font-weight: 700;
    font-size: 17px;
    color: var(--resturanYellow);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    text-decoration: underline; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-clickable {
    display: flex;
    align-items: center; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-clickable li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #E6E7E8;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-clickable li a {
    color: #1A1935;
    font-weight: 500;
    transition: all 0.3s; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-clickable li:not(:last-child) {
    margin-right: 15px; }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-clickable li:hover {
    background: var(--resturanYellow); }
.service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-clickable li:hover a {
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .blog-search-area {
    margin-bottom: 40px; }
.service-details.blog-section-two-wrapper .blog-search-area .search-wrapper {
    padding: 0 0;
    border-radius: 0; }
.service-details.blog-section-two-wrapper .blog-search-area .search-wrapper input {
    background: #202046 !important;
    border: none;
    background: none;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    outline: none;
    height: 35px !important;
    padding: 0 12px;
    border-radius: 0; }
.service-details.blog-section-two-wrapper .blog-search-area .search-wrapper .blog-search {
    width: 85%; }
.service-details.blog-section-two-wrapper .blog-search-area .search-wrapper .b-search-icon {
    width: 15%;
    background: #202046;
    height: 55px;
    padding: 16px 10px;
    text-align: center; }
.service-details.blog-section-two-wrapper .blog-search-area .search-wrapper .b-search-icon svg {
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .author-wrapper {
    background: #202046;
    padding: 30px 25px;
    margin-bottom: 35px; }
.service-details.blog-section-two-wrapper .author-wrapper .title {
    font-weight: 600;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 25px; }
.service-details.blog-section-two-wrapper .author-wrapper .author-main-items {
    display: flex; }
.service-details.blog-section-two-wrapper .author-wrapper .author-main-items .thumb {
    margin-right: 14px; }
.service-details.blog-section-two-wrapper .author-wrapper .author-main-items .content .name {
    color: var(--resturanYellow); }
.service-details.blog-section-two-wrapper .author-wrapper .author-main-items .content .desig {
    color: #FFFFFF;
    font-weight: 500; }
.service-details.blog-section-two-wrapper .author-wrapper .author-main-items .content p {
    color: #FFFFFF;
    margin-top: 7px; }
.service-details.blog-section-two-wrapper .most-popular-post {
    margin-bottom: 45px; }
.service-details.blog-section-two-wrapper .most-popular-post .accordion-body {
    padding: 15px 0px; }
.service-details.blog-section-two-wrapper .most-popular-post .title {
    font-weight: 600;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 20px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper {
    display: flex;
    align-items: center;
    background: #3C3C93; }
.service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper li .accordion-header button {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
    display: block;
    transition: all 0.3s; }
.service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper li .accordion-header button:not(:last-child) {
    margin-right: 14px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper li .accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none; }
.service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper li:nth-child(1) {
    background: var(--resturanYellow); }
.service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper li:hover {
    background: var(--resturanYellow); }
.service-details.blog-section-two-wrapper .most-popular-post .most-popupar-post-wrap {
    background: #202046;
    padding: 30px 25px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area {
    display: flex;
    align-items: center; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area:not(:last-child) {
    margin-bottom: 25px;
    border-bottom: 1px solid #9c9c9c47;
    padding-bottom: 25px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-content {
    width: calc(100% - 90px); }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-content a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-content .date-fixed span {
    font-size: 16px;
    padding-right: 10px;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-content .date-fixed span svg {
    color: var(--resturanYellow);
    padding-right: 5px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-content .date-fixed span:not(:last-child) {
    border-right: 1px solid var(--resturanYellow);
    margin-right: 10px; }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-thumb {
    width: 90px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 15px;
    background: var(--resturanYellow); }
.service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-thumb img {
    width: 100%;
    height: 100%; }
.service-details.blog-section-two-wrapper .most-popular-thumb-right {
    margin-bottom: 45px;
    width: 100%; }
.service-details.blog-section-two-wrapper .most-popular-thumb-right img {
    width: 100%;
    height: 100%; }
.service-details.blog-section-two-wrapper .new-popular-tags .title {
    margin-bottom: 20px;
    font-weight: 600;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .new-popular-tags .popular-tags-list {
    background: #202046; }
.service-details.blog-section-two-wrapper .new-popular-tags .popular-tags-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px; }
.service-details.blog-section-two-wrapper .new-popular-tags .popular-tags-list li span {
    color: #FFFFFF;
    font-size: 17px; }
.service-details.blog-section-two-wrapper .new-popular-tags .popular-tags-list li:not(:last-child) {
    border-bottom: 1px solid #9c9c9c47; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .content ul li i {
    color: red; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .quote-list-one {
    background: #3C3C93;
    padding: 30px 35px;
    border-radius: 1px;
    margin-bottom: 25px;
    margin-top: 30px;
    border-left: 4px solid var(--resturanYellow); }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .quote-list-one .quote-content {
    display: flex; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .quote-list-one .quote-content i {
    font-size: 59px;
    color: #283666;
    margin-right: 10px; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .quote-list-one .quote-content p {
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 19px; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .quote-list-one .designation {
    color: var(--resturanYellow);
    display: block;
    font-weight: 500;
    font-size: 22px;
    position: relative; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .social-blog-left-social {
    border-top: 1px solid #9C9C9C;
    border-bottom: 1px solid #9C9C9C;
    padding: 30px 0 15px;
    margin-top: 45px; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .tag-share {
    margin-bottom: 20px; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .single-social-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .single-social-area .single-left-social {
    flex-wrap: wrap; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .single-social-area .single-left-social li a {
    color: var(--resturanYellow);
    background: #1A1935;
    padding: 9px 15px;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: capitalize; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .single-social-area .single-right-social li {
    font-size: 14px !important;
    font-weight: 600 !important; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .single-social-area .single-right-social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #3C3C93;
    display: block; }
.service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .single-social-area .single-right-social li a svg {
    color: #FFFFFF;
    font-size: 16px;
    padding-right: 0; }
.service-details.blog-section-two-wrapper .comment-area {
    padding: 30px 40px; }
.service-details.blog-section-two-wrapper .comment-area .head {
    color: #FFFFFF;
    font-weight: 600;
    position: relative;
    margin-bottom: 0px !important;
    font-size: 30px; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes {
    background: #1A1935;
    padding: 25px 30px;
    border-radius: 10px;
    display: flex;
    align-items: center; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .thumb {
    margin-right: 20px;
    position: relative; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .comment-con p {
    font-size: 16px;
    margin-bottom: 0;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .comment-con .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .comment-con .content .namenad-reply .title {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 2px; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .comment-con .content .namenad-reply .designation {
    color: var(--resturanYellow);
    display: block;
    font-weight: 400; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .comment-con .content .reply {
    color: #FFFFFF;
    font-weight: 600; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes .comment-con .content .reply svg {
    color: var(--resturanYellow);
    font-size: 20px; }
.service-details.blog-section-two-wrapper .comment-area .comment-itmes:not(:last-child) {
    margin-bottom: 25px; }
.service-details.blog-section-two-wrapper .leave-comment-area .leave-comment {
    padding: 30px 0px; }
.service-details.blog-section-two-wrapper .leave-comment-area .leave-comment input {
    width: 100% !important;
    border: none;
    outline: none;
    border-radius: 1px;
    background: #1A1935;
    padding: 15px 20px;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .leave-comment-area .leave-comment textarea {
    width: 100% !important;
    border: none;
    outline: none;
    border-radius: 1px;
    background: #1A1935;
    padding: 15px 20px 110px;
    color: #FFFFFF; }
.service-details.blog-section-two-wrapper .leave-comment-area .leave-comment button {
    border: none;
    outline: none;
    color: #1A1935;
    font-size: 16px;
    background: var(--resturanYellow);
    padding: 14px 20px;
    border-radius: 5px;
    font-weight: 700; }

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
    position: relative; }
.pagination li:not(:last-child) {
    margin-right: 8px; }
.pagination li a {
    color: #FFFFFF;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    background: #202046; }

.pag1 {
    background: #3C3C93 !important; }

.pag2 {
    background: var(--resturanYellow) !important; }

@media screen and (max-width: 767px) {
    .service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 15px; } }
@media screen and (max-width: 575px) {
    .service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content {
        padding: 30px 15px; }

    .service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content .title {
        font-size: 22px;
        font-weight: 700 !important; }

    .service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .content p {
        font-size: 16px; }

    .service-details.blog-section-two-wrapper .blog-left-wrapper-items-single-three .quote-list-one {
        padding: 30px 12px; } }
@media screen and (max-width: 520px) {
    .service-details.blog-section-two-wrapper .comment-area .comment-itmes {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }

    .service-details.blog-section-two-wrapper .comment-area .comment-itmes .thumb {
        margin-right: 0px;
        position: relative;
        margin-bottom: 15px; }

    .service-details.blog-section-two-wrapper .most-popular-post .most-popupar-post-wrap {
        padding: 20px 15px; } }
@media screen and (max-width: 430px) {
    .service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper {
        flex-wrap: wrap;
        justify-content: center; }
    .service-details.blog-section-two-wrapper .most-popular-post .most-polupar-tap-wrapper li {
        margin: 5px; }

    .service-details.blog-section-two-wrapper .most-popular-post .most-popular-area {
        flex-wrap: wrap; }
    .service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-thumb {
        margin-bottom: 10px; }
    .service-details.blog-section-two-wrapper .most-popular-post .most-popular-area .most-popular-content {
        width: 100%; }

    .service-details.blog-section-two-wrapper .author-wrapper .author-main-items {
        display: flex;
        flex-wrap: wrap; }
    .service-details.blog-section-two-wrapper .author-wrapper .author-main-items .thumb {
        margin-bottom: 15px; }

    .service-details.blog-section-two-wrapper .author-wrapper {
        padding: 22px 15px; } }
@media screen and (max-width: 332px) {
    .pagination {
        flex-wrap: wrap; }
    .pagination li a {
        margin: 5px; } }
.main-blog-section-main .match-items .thumb {
    height: 250px !important; }
.main-blog-section-main .match-items .thumb img {
    width: 100%;
    height: 100%; }

@media screen and (max-width: 767px) {
    .main-blog-section-main .match-items .thumb {
        height: 350px !important; }
    .main-blog-section-main .match-items .thumb img {
        width: 100%;
        height: 100%; } }
@media screen and (max-width: 570px) {
    .service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img {
        width: 100%;
        height: 300px;
        position: relative; }
    .service-details.blog-section-two-wrapper .blgo-single-wrapper-two .blog-left-wrapper-items .thumb-img img {
        object-fit: cover; } }
@media screen and (max-width: 540px) {
    .service-details.blog-section-two-wrapper .comment-area .comment-itmes {
        padding: 25px 20px;
        flex-wrap: wrap; }

    .service-details.blog-section-two-wrapper .comment-area .comment-itmes .thumb {
        margin-right: 0px;
        margin-bottom: 15px; }

    .service-details.blog-section-two-wrapper .comment-area {
        padding: 30px 15px; } }
@media screen and (max-width: 450px) {
    .main-blog-section-main .match-items .thumb {
        height: 250px !important; }
    .main-blog-section-main .match-items .thumb img {
        width: 100%;
        height: 100%; } }
.footer-section {
    background: #1A1935;
    position: relative;
    overflow: hidden; }

.footer-widget-items .widget-title {
    color: #FFFFFF;
    margin-bottom: 30px;
    font-size: 24px; }
.footer-widget-items p {
    color: #FFFFFF;
    margin-bottom: 20px; }
.footer-widget-items .info-widget li {
    display: flex; }
.footer-widget-items .info-widget li svg {
    color: var(--resturanYellow);
    font-size: 22px;
    margin-right: 10px;
    margin-top: 7px; }
.footer-widget-items .info-widget li a {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    transition: all 0.3s; }
.footer-widget-items .info-widget li a:hover {
    color: var(--resturanYellow); }
.footer-widget-items .info-widget li:not(:last-child) {
    margin-bottom: 15px; }
.footer-widget-items .widget li a {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    transition: all 0.3s; }
.footer-widget-items .widget li a:hover {
    color: var(--resturanYellow); }
.footer-widget-items .widget li:not(:last-child) {
    margin-bottom: 13px; }
.footer-widget-items .info-widget form {
    display: flex;
    position: relative; }
.footer-widget-items .info-widget form input {
    width: 80%;
    border: none;
    outline: none;
    height: 60px;
    padding: 2px 2px 2px 35px;
    position: relative; }
.footer-widget-items .info-widget form button {
    width: 20%;
    border: none;
    outline: none;
    height: 60px;
    padding: 2px 20px;
    background: var(--resturanYellow); }
.footer-widget-items .info-widget form button svg {
    color: #FFFFFF; }
.footer-widget-items .info-widget form .ico {
    position: absolute;
    top: 21px;
    left: 12px; }
.footer-widget-items .info-widget form .ico svg {
    color: var(--resturanYellow); }

.footer-top {
    padding: 180px 0 100px; }

.footer-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 5px;
    border-top: 1px solid #ccc; }
.footer-bottom p {
    color: #FFFFFF;
    margin-bottom: 0; }
.footer-bottom ul {
    display: flex; }
.footer-bottom ul li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px; }
.footer-bottom ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500; }

@media screen and (max-width: 1399px) {
    .footer-section.footer-style-two .footer-widget-items form input {
        width: 60%;
        padding: 2px 15px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; } }
@media screen and (max-width: 767px) {
    .footer-bottom {
        justify-content: center; }
    .footer-bottom p {
        margin-bottom: 10px; } }
@media screen and (max-width: 575px) {
    .footer-top {
        padding: 150px 0 52px; }

    .footer-section.footer-style-two .footer-top {
        padding: 63px 0 !important; } }
@media screen and (max-width: 400px) {
    .footer-widget-items .widget-title {
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 15px; } }
.footer-section.footer-style-two {
    background: url(../images/footer-bg.png) no-repeat center center;
    background-size: cover;
    position: relative; }
.footer-section.footer-style-two::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.7); }
.footer-section.footer-style-two .footer-widget-items form {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 25px; }
.footer-section.footer-style-two .footer-widget-items form input {
    outline: none;
    background: #1A1935;
    border: none;
    height: 45px;
    padding: 2px 15px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
.footer-section.footer-style-two .footer-widget-items form button {
    outline: none;
    background: var(--resturanYellow);
    font-weight: 500;
    border: none;
    height: 45px;
    font-size: 17px;
    padding: 5px 10px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }
.footer-section.footer-style-two .footer-widget-items .widget-title {
    color: #FFFFFF; }
.footer-section.footer-style-two .footer-widget-items .footer-logo {
    margin-bottom: 10px !important; }
.footer-section.footer-style-two .footer-widget-items .widget li a {
    color: #FFFFFF;
    font-size: 17px; }
.footer-section.footer-style-two .footer-widget-items .info-widget li a {
    color: #FFFFFF; }
.footer-section.footer-style-two .footer-widget-items p {
    color: #FFFFFF;
    line-height: 1.6; }
.footer-section.footer-style-two .footer-widget-items .fb-social-icon {
    display: flex;
    align-items: center; }
.footer-section.footer-style-two .footer-widget-items .fb-social-icon li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background: #3C3C93; }
.footer-section.footer-style-two .footer-widget-items .fb-social-icon li:not(:last-child) {
    margin-right: 9px; }
.footer-section.footer-style-two .footer-widget-items .fb-social-icon li a svg {
    color: #FFFFFF;
    font-size: 17px; }
.footer-section.footer-style-two .footer-widget-items .recent-post li {
    display: flex;
    align-items: center; }
.footer-section.footer-style-two .footer-widget-items .recent-post li .thumb {
    margin-right: 15px; }
.footer-section.footer-style-two .footer-widget-items .recent-post li .cont a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 3px; }
.footer-section.footer-style-two .footer-widget-items .recent-post li .cont span {
    color: #FFFFFF; }
.footer-section.footer-style-two .footer-widget-items .recent-post li .cont span svg {
    color: var(--resturanYellow);
    margin-right: 2px; }
.footer-section.footer-style-two .footer-widget-items .recent-post li:not(:last-child) {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 20px;
    padding-bottom: 20px; }
.footer-section.footer-style-two .footer-bottom {
    position: relative;
    background: #202046;
    border-top: none; }
.footer-section.footer-style-two .footer-bottom p {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px; }
.footer-section.footer-style-two .footer-bottom p a {
    color: var(--resturanYellow); }
.footer-section.footer-style-two .footer-bottom ul li a {
    color: #FFFFFF; }
.footer-section.footer-style-two .footer-bottom ul li:not(:last-child) {
    border-right: 1px solid #FFFFFF;
    margin-right: 10px;
    padding-right: 10px; }
.footer-section.footer-style-two .footer-top {
    padding: 210px 0 100px;
    position: relative;
    z-index: 1; }

.footer-section.footer-section-two {
    background: url(../images/footer-bg.png) no-repeat center center;
    background-size: cover;
    position: relative; }
.footer-section.footer-section-two:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(26, 25, 53, 0.7); }
.footer-section.footer-section-two .footer-bottom {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 5px;
    border-top: 1px solid #9C9C9C; }
.footer-section.footer-section-two .footer-bottom p {
    color: #E6E7E8;
    margin-bottom: 0;
    font-weight: 500; }
.footer-section.footer-section-two .footer-bottom p a {
    color: var(--resturanYellow); }
.footer-section.footer-section-two .footer-bottom ul {
    display: flex; }
.footer-section.footer-section-two .footer-bottom ul li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px; }
.footer-section.footer-section-two .footer-bottom ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #E6E7E8;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    background: #202046;
    text-align: center;
    transition: all 0.3s; }
.footer-section.footer-section-two .footer-bottom ul li a:hover {
    background: var(--resturanYellow); }
.footer-section.footer-section-two .footer-bottom ul li a svg {
    color: #FFFFFF;
    font-size: 16px; }
.footer-section.footer-section-two .footer-middle {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 160px 5px 40px; }
.footer-section.footer-section-two .footer-middle .footer-middle-tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.footer-section.footer-section-two .footer-middle .footer-middle-tag li:not(:last-child) {
    margin-right: 20px; }
.footer-section.footer-section-two .footer-middle .footer-middle-tag li a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s; }
.footer-section.footer-section-two .footer-middle .footer-middle-tag li a:hover {
    color: var(--resturanYellow); }

@media screen and (max-width: 767px) {
    .footer-section.footer-section-two .footer-middle {
        justify-content: center; }
    .footer-section.footer-section-two .footer-middle .footer-middle-tag {
        justify-content: center; }
    .footer-section.footer-section-two .footer-bottom {
        justify-content: center; }
    .footer-section.footer-section-two .footer-bottom p {
        text-align: center; } }
.footer-section.footer-home-three .footer-top .footer-widget-items .info-widget {
    display: flex;
    flex-wrap: wrap; }
.footer-section.footer-home-three .footer-top .footer-widget-items .info-widget li {
    width: 30%;
    margin: 5px; }
.footer-section.footer-home-three .footer-top .footer-widget-items .info-widget li a {
    display: block;
    width: 120px;
    height: 120px; }
.footer-section.footer-home-three .footer-top .footer-widget-items .info-widget li a img {
    width: 100%;
    width: 100%; }

.heading-tap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px; }
.heading-tap li {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    transition: all 0.4s; }
.heading-tap li:not(:last-child) {
    margin-right: 35px; }
.heading-tap li:hover {
    cursor: pointer;
    color: var(--resturanYellow); }

.text-active {
    color: var(--resturanYellow) !important; }

.trending-items {
    background: #202046;
    padding: 40px 35px;
    border-radius: 10px;
    border: 1px solid var(--resturanYellow);
    transition: all 0.3s; }
.trending-items .trending-left-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.trending-items .trending-left-wrapper .king-items {
    background: #152258;
    border-radius: 8px;
    width: 200px; }
.trending-items .trending-left-wrapper .king-items .thumb {
    width: 100%;
    height: 180px;
    background: #1A1935;
    padding: 20px 19px;
    border-radius: 8px; }
.trending-items .trending-left-wrapper .king-items .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.trending-items .trending-left-wrapper .king-items .content {
    padding: 20px 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
.trending-items .trending-left-wrapper .king-items .content p {
    color: var(--resturanYellow);
    margin-bottom: 6px; }
.trending-items .trending-left-wrapper .king-items .content h2 {
    color: #FFFFFF; }
.trending-items .trending-left-wrapper .king-content {
    color: var(--resturanYellow);
    font-size: 28px;
    font-weight: 700;
    background: #1A1935;
    border-radius: 8px;
    padding: 40px 50px;
    height: 140px;
    line-height: 60px;
    margin: 5px; }
.trending-items .trending-right-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
.trending-items .trending-right-wrapper .content h2 {
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 10px; }
.trending-items .trending-right-wrapper .content p {
    font-size: 18px;
    color: #FFFFFF; }
.trending-items .trending-right-wrapper .box-content {
    width: calc(100% - 20%);
    margin-left: 10px;
    background: #1A1935;
    border-radius: 8px;
    padding: 36px 15px;
    text-align: center;
    transition: all 0.3s; }
.trending-items .trending-right-wrapper .box-content h2 {
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 5px; }
.trending-items .trending-right-wrapper .box-content h6 {
    color: #FFFFFF;
    margin-bottom: 15px; }
.trending-items .trending-right-wrapper .box-content p {
    color: #FFFFFF; }
.trending-items .trending-right-wrapper .box-content .soc {
    display: flex;
    align-items: center;
    justify-content: center; }
.trending-items .trending-right-wrapper .box-content .soc a {
    color: #1A1935;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background: var(--resturanYellow); }
.trending-items .trending-right-wrapper .box-content .soc a:not(:last-child) {
    margin-right: 8px; }
.trending-items:hover {
    background: #333287;
    border: 1px solid #333287; }
.trending-items:hover .trending-right-wrapper .box-content {
    background: var(--resturanYellow); }
.trending-items:hover .trending-right-wrapper .box-content h2 {
    color: #1A1935; }
.trending-items:hover .trending-right-wrapper .box-content h6 {
    color: #1A1935; }
.trending-items:hover .trending-right-wrapper .box-content .soc a {
    background: #1A1935;
    color: #FFFFFF; }
.trending-items:not(:last-child) {
    margin-bottom: 30px; }

.th-active {
    background: #333287;
    border: 1px solid #333287; }
.th-active .trending-right-wrapper .box-content {
    background: var(--resturanYellow); }
.th-active .trending-right-wrapper .box-content h2 {
    color: #1A1935; }
.th-active .trending-right-wrapper .box-content h6 {
    color: #1A1935; }
.th-active .trending-right-wrapper .box-content .soc a {
    background: #1A1935;
    color: #FFFFFF; }

@media screen and (max-width: 767px) {
    .trending-items {
        padding: 35px 25px; }
    .trending-items .trending-left-wrapper {
        display: block;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 auto;
        text-align: center; }
    .trending-items .trending-left-wrapper .king-items {
        margin: 0 auto;
        width: 100%; }
    .trending-items .trending-left-wrapper .king-content {
        display: block;
        margin: 20px 0; }
    .trending-items .trending-right-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
    .trending-items .trending-right-wrapper .content {
        width: 100%; }
    .trending-items .trending-right-wrapper .box-content {
        width: 100%;
        margin-left: 0; } }
@media screen and (max-width: 400px) {
    .heading-tap li:not(:last-child) {
        margin-right: 26px; }

    .heading-tap li a {
        font-size: 16px; }

    .trending-items {
        padding: 35px 25px; }
    .trending-items .trending-right-wrapper .content {
        width: 100%; }
    .trending-items .trending-right-wrapper .content h2 {
        font-size: 27px; }
    .trending-items .trending-right-wrapper .content p {
        font-size: 16px; }
    .trending-items .trending-right-wrapper .box-content {
        width: 100%;
        margin-left: 0; } }
.match-section {
    position: relative;
    background: url(../images/v-bg.png) no-repeat center center;
    background-size: cover; }

.match-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.8); }

.match-prot-head {
    position: relative; }

.squad-bt {
    position: relative; }

.match-wrapper {
    margin: 0 auto;
    text-align: center; }

.main-match-wrapper {
    margin: 0 auto;
    text-align: center; }

.match-items {
    position: relative;
    background: #202046;
    padding: 30px 30px;
    /*min-height: 664px;*/
    border-radius: 10px; }
.match-items .box-thumb {
    background: #1A1935;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    margin-bottom: 30px; }
.match-items .box-thumb .position-img {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.1; }
.match-items .box-thumb .thumb {
    width: 234px;
    height: 300px;
    margin: 0 auto;
    padding: 35px 15px; }
.match-items .box-thumb .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.match-items .content {
    padding: 15px 5px; }
.match-items .content .title {
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 21px;
    display: block; }
.match-items .content .soc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px; }
.match-items .content .soc a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    background: var(--resturanYellow);
    display: block; }
.match-items .content .soc a svg {
    color: #1A1935; }
.match-items .content .soc a:not(:last-child) {
    margin-right: 10px; }
.match-items .content .time {
    font-size: 42px;
    color: #FFFFFF;
    margin-bottom: 1px; }
.match-items .content .manage {
    color: #FFFFFF; }
.match-items .content .match-btn {
    margin-top: 25px; }

.match-wrapper .owl-nav {
    position: absolute;
    top: -14%;
    right: 0%; }

.owl-nav button.owl-next {
    padding: 0 !important;
    font: inherit;
    color: #FFFFFF !important;
    background: var(--resturanYellow) !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important; }

.owl-nav button.owl-prev {
    padding: 0 !important;
    font: inherit;
    color: #1A1935 !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background: #FFFFFF !important; }

@media screen and (max-width: 991px) {
    .owl-nav {
        position: absolute;
        top: -12%;
        right: 0%; }

    .match-items .content .title {
        font-size: 25px; } }
@media screen and (max-width: 767px) {
    .match-items .main-content .content .prot-icon {
        width: calc(100% - 70%);
        height: 45px; } }
@media screen and (max-width: 575px) {
    .match-items .main-content .content .prot-icon {
        width: 45px;
        height: 45px; }

    .match-wrapper .owl-nav {
        position: absolute;
        top: -9%;
        right: 0%; } }
@media screen and (max-width: 370px) {
    .match-wrapper .owl-nav {
        position: absolute;
        top: -21%;
        right: 0%; } }
.squad-section {
    overflow: hidden; }

.squad-thumb {
    width: 100%; }
.squad-thumb img {
    width: 100%;
    height: 100%; }

.squad-content .squad-list-contact {
    margin-bottom: 30px; }
.squad-content .squad-list-contact li {
    color: #FFFFFF;
    font-size: 24px;
    display: flex; }
.squad-content .squad-list-contact li:not(:last-child) {
    margin-bottom: 4px; }
.squad-content .squad-list-contact li span {
    margin-left: 30px; }
.squad-content .chart-wrapper .chart-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
.squad-content .chart-wrapper .chart-list .chart-items:not(:last-child) {
    margin-right: 30px; }
.squad-content .chart-wrapper .chart-list .chart-items .title {
    color: #FFFFFF;
    font-size: 38px;
    margin-bottom: 25px; }
.squad-content .chart-wrapper .chart-list .chart-items .chart-inner {
    display: flex;
    align-items: center; }
.squad-content .chart-wrapper .chart-list .chart-items .chart-inner .chart-box {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--resturanYellow);
    margin-right: 15px;
    background: repeating-conic-gradient(from 0deg, var(--resturanYellow) 0deg calc(3.6deg * 35), #3C1AC5 calc(3.6deg * 35) calc(3.6deg * 70), #9C9C9C calc(3.6deg * 70) calc(3.6deg * 100)); }
.squad-content .chart-wrapper .chart-list .chart-items .chart-inner .chart-box .box {
    color: var(--resturanYellow);
    font-size: 20px;
    font-weight: 700;
    background: #202046;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.squad-content .chart-wrapper .chart-list .chart-items .chart-inner ul li {
    color: #FFFFFF;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    margin-left: 20px; }
.squad-content .chart-wrapper .chart-list .chart-items .chart-inner ul li:not(:last-child) {
    margin-bottom: 7px; }
.squad-content .chart-wrapper .chart-list .chart-items .chart-inner ul li::before {
    position: absolute;
    content: "";
    left: -17px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9C9C9C; }

@media screen and (max-width: 1399px) {
    .squad-content .squad-list-contact li {
        color: #FFFFFF;
        font-size: 20px;
        display: flex; }
    .squad-content .squad-list-contact li span {
        margin-left: 20px; }
    .squad-content .chart-wrapper .chart-list .chart-items {
        margin-bottom: 25px; }
    .squad-content .chart-wrapper .chart-list .chart-items:not(:last-child) {
        margin-right: 30px; }
    .squad-content .chart-wrapper .chart-list .chart-items .title {
        color: #FFFFFF;
        font-size: 28px;
        margin-bottom: 25px; } }
@media screen and (max-width: 991px) {
    .squad-content {
        margin-top: 25px; } }
@media screen and (max-width: 500px) {
    .squad-content .squad-list-contact li {
        color: #FFFFFF;
        font-size: 15px;
        display: flex; }
    .squad-content .squad-list-contact li span {
        margin-left: 15px; } }
.protfolio-section.shop-section {
    background: url(../images/shop-bg.png) no-repeat center center;
    background-size: cover;
    position: relative; }
.protfolio-section.shop-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 25, 53, 0.8); }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .thumb-box {
    padding: 30px 45px;
    background: #1A1935;
    border-radius: 8px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .thumb-box .thumb {
    height: 200px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .thumb-box .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .thumb-box .thumb .soc-team {
    left: 17%; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .thumb-box .thumb .soc-team li a {
    background: #333287;
    width: 45px;
    height: 45px;
    line-height: 45px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .thumb-box .thumb .soc-team li a:hover {
    background: var(--resturanYellow); }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content {
    background: none;
    padding: 20px 0; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content {
    text-align: left; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont {
    text-align: left;
    margin: auto 0; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont ul {
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont ul li:not(:last-child) {
    margin-right: 8px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont ul li a svg {
    color: var(--resturanYellow);
    font-size: 18px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont .title {
    margin-bottom: 0;
    font-size: 24px; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont span {
    color: #FFFFFF; }
.protfolio-section.shop-section .portfolio-wrapper .protfolio-items .main-content .content .cont .text-base {
    color: var(--resturanYellow); }
.protfolio-section.shop-section .portfolio-wrapper .shop-active .thumb-box .thumb .soc-team {
    opacity: 1; }

.allhover {
    background: var(--resturanYellow) !important; }

.shop-showing-result {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px; }
.shop-showing-result .shop-showing-title h4 {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500; }
.shop-showing-result .shop-showing-icon {
    background: #202046; }
.shop-showing-result .shop-showing-icon select {
    background: #202046;
    border: none;
    outline: none;
    border-radius: none;
    padding: 8px 20px;
    color: #FFFFFF;
    max-width: 300px; }

.shop-area {
    margin-bottom: 30px; }
.shop-area .shop-thumb {
    padding: 10px;
    max-width: 390px;
    height: 240px;
    background: #202046;
    border-radius: 20px;
    position: relative; }
.shop-area .shop-thumb .soc-social {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s; }
.shop-area .shop-thumb .soc-social li:not(:last-child) {
    margin-right: 10px; }
.shop-area .shop-thumb .soc-social li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #3C3C93;
    border-radius: 50%;
    display: block;
    text-align: center;
    transition: all 0.3s; }
.shop-area .shop-thumb .soc-social li a:hover {
    background: var(--resturanYellow); }
.shop-area .shop-thumb .soc-social li a svg {
    color: #FFFFFF;
    font-size: 16px; }
.shop-area .shop-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.shop-area .shop-content {
    padding: 20px 0px; }
.shop-area .shop-content a {
    font-size: 22px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 5px;
    display: block; }
.shop-area .shop-content h5 {
    font-size: 16px;
    color: var(--resturanYellow); }
.shop-area .shop-content h5 span {
    color: #FFFFFF; }
.shop-area .shop-content .shop-icon svg {
    color: var(--resturanYellow);
    margin-bottom: 6px; }
.shop-area:hover .shop-thumb .soc-social {
    opacity: 1; }

.shop-latest {
    margin-left: 15px; }
.shop-latest h4 {
    font-size: 16px;
    color: #FFFFFF; }
.shop-latest h4 a {
    color: #FFFFFF;
    display: block;
    margin-bottom: 7px;
    font-size: 18px; }
.shop-latest h5 {
    font-size: 16px;
    color: var(--resturanYellow); }
.shop-latest h5 span {
    color: #FFFFFF; }
.shop-latest i {
    color: #f08e25;
    font-size: 14px; }

.form-select {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #f0f0f0;
    padding: 15px 31px; }

.b-post-form-two .b-post-form-area .q-from form .form-group1 input {
    margin-bottom: 0;
    background: #1A1935;
    padding: 12px 15px;
    border-radius: 0;
    border: none; }
.b-post-form-two .b-post-form-area .q-from form .form-group textarea {
    background: #1A1935;
    margin-top: 20px;
    padding: 20px 20px 110px;
    border-radius: 0;
    border: none;
    color: #FFFFFF; }
.b-post-form-two .b-post-form-area .q-from form .my-ratting {
    color: #9C9C9C; }
.b-post-form-two .b-post-form-area .q-from form .my-ratting .comnt-icon {
    padding-left: 4px; }
.b-post-form-two .b-post-form-area .q-from form .my-ratting .comnt-icon i {
    color: var(--resturanYellow);
    font-size: 13px; }
.b-post-form-two .space-b-post-area {
    padding: 20px 0px !important; }

/* Shop Pangination */
.shop-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-top: 50px; }
.shop-pagination li a {
    font-size: 18px;
    color: #FFFFFF;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-weight: 500;
    border-radius: 100%;
    background: #3C3C93;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
    margin-left: 10px;
    transition: all 0.3s ease-in-out; }
.shop-pagination li a:hover {
    background: var(--resturanYellow);
    color: #1A1935; }

.pagi-bg {
    background: var(--resturanYellow) !important; }

/* Shop Single Style */
.s-product-area {
    margin-bottom: 35px; }
.s-product-area .s-product-img .s-thumb-wrap {
    width: 100%; }
.s-product-area .s-product-img .s-thumb-wrap img {
    width: 100%;
    height: 100%; }
.s-product-area .s-product-img .s-thumb-wrap .s-product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.s-product-area .btn {
    margin-bottom: 30px; }
.s-product-area .small-img-group {
    margin-right: 15px; }
.s-product-area .small-img-group .s-img-group-thumb {
    width: 100%; }
.s-product-area .small-img-group .s-img-group-thumb:not(:last-child) {
    margin-bottom: 29px; }
.s-product-area .small-img-group img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.s-product-area .s-product-details {
    padding-right: 15px; }
.s-product-area .s-product-details h5 {
    font-size: 18px;
    color: var(--resturanYellow);
    font-weight: 500;
    margin-top: 10px; }
.s-product-area .s-product-details h5 span {
    color: #FFFFFF; }
.s-product-area .s-product-details p {
    color: #FFFFFF;
    margin-top: 15px;
    margin-bottom: 25px; }
.s-product-area .s-product-details .s-product-title h3 {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 9px; }
.s-product-area .s-product-details .s-product-review {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
.s-product-area .s-product-details .s-product-review h4 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    padding-left: 8px; }
.s-product-area .s-product-details .s-product-review .review-icon svg {
    font-size: 16px;
    color: var(--resturanYellow); }
.s-product-area .s-product-details .s-product-size-wrapper {
    display: flex;
    margin-top: 30px; }
.s-product-area .s-product-details .s-product-size-wrapper .s-product-color {
    margin-left: 10px; }
.s-product-area .s-product-details .s-discount-area {
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
.s-product-area .s-product-details .s-discount-area .s-discout-nbr {
    display: flex;
    align-items: center; }
.s-product-area .s-product-details .s-discount-area .s-discout-nbr a {
    background: #202046;
    color: #FFFFFF;
    padding: 13px 21px; }
.s-product-area .s-product-details .s-discount-area .s-discout-nbr .bgdis {
    background: var(--resturanYellow); }
.s-product-area .s-product-details .s-discount-area .icon {
    background: #202046;
    padding: 13px 16px;
    text-align: center; }
.s-product-area .s-product-details .s-discount-area .icon svg {
    color: #FFFFFF;
    font-size: 18px; }
.s-product-area .s-product-details .btn {
    background: var(--resturanYellow);
    padding: 10px 15px;
    width: 100%;
    border-radius: 0px;
    text-transform: capitalize;
    color: #1A1935;
    font-weight: 600;
    margin: 0 15px; }
.s-product-area .s-product-details .info-text .title {
    color: #FFFFFF;
    margin-bottom: 12px;
    font-size: 28px; }
.s-product-area .s-product-details .info-text li {
    color: var(--resturanYellow);
    font-weight: 500; }
.s-product-area .s-product-details .info-text li:not(:last-child) {
    margin-bottom: 5px; }
.s-product-area .s-product-details .info-text li span {
    color: #FFFFFF; }

.b-comnts-area .b-comnts-area-accordian {
    background: #202046;
    border-radius: 5px;
    margin-bottom: 35px;
    padding: 20px 20px; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9c9c9c57;
    padding-bottom: 20px; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item {
    border: none;
    margin-right: 8px; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item .accordion-header {
    border: none; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item .accordion-button:not(.collapsed) {
    color: var(--resturanYellow);
    background-color: #202046;
    border: 1px dashed #9C9C9C;
    box-shadow: none; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: left;
    background-color: #202046;
    font-weight: 600;
    text-transform: capitalize;
    border: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item .accordion-button:not(.collapsed)::after {
    display: none; }
.b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item .accordion-button::after {
    display: none; }
.b-comnts-area .b-comnts-area-accordian .accordion-body {
    padding: 3rem 3.25rem;
    color: #FFFFFF; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 {
    padding: 16px 0 10px; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1:not(:last-child) {
    border-bottom: 1px solid #f0f0f0; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content {
    width: calc(100% - 110px); }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content .name-area {
    margin-bottom: 10px; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content .name-area h4 {
    font-weight: 600;
    color: var(--resturanYellow); }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content .name-area h4 span {
    color: #FFFFFF; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content .name-area .comnt-icon {
    margin-bottom: 6px; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content .name-area .comnt-icon svg {
    color: var(--resturanYellow); }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content p {
    color: #FFFFFF; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .b-comnts-thumb {
    width: 150px;
    height: 150px; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .b-comnts-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-post-form-title h3 {
    font-size: 24px !important;
    color: #FFFFFF;
    margin-bottom: 30px; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-post-form-title .my-ratting {
    color: #FFFFFF; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-post-form-title .my-ratting .comnt-icon {
    padding-left: 8px; }
.b-comnts-area .b-comnts-area-accordian .accordion-body .b-post-form-title .my-ratting .comnt-icon svg {
    color: #9C9C9C; }

.shop-cart-area table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; }
.shop-cart-area table thead td {
    background: var(--resturanYellow);
    color: #FFFFFF;
    padding: 21px 0px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px; }

table tbody tr {
    background: #202046; }
table tbody td {
    border-bottom: 1px solid #9c9c9c4d; }
table tbody td .thumb-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px; }
table tbody td .thumb-box .thumb {
    width: 100px; }
table tbody td .thumb-box .thumb img {
    width: 100%;
    height: 100%; }
table tbody td .thumb-box .content {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    padding-left: 8px;
    text-align: left; }
table tbody td a svg {
    color: #FFFFFF; }
table tbody .quantity .qtybutton {
    width: 50px;
    height: 50px;
    border: 1px solid none;
    line-height: 50px;
    transition: all 0.3s;
    background: #1A1935;
    font-size: 16px;
    color: #FFFFFF; }
table tbody .quantity .qtybutton:hover {
    background: var(--resturanYellow);
    color: #FFFFFF;
    cursor: pointer; }
table tbody .quantity input {
    width: 50px;
    height: 50px;
    border: 1px solid none;
    border: none;
    text-align: center;
    transition: all 0.3s;
    background: none;
    background: var(--resturanYellow);
    font-size: 16px; }
table tbody .quantity input:hover {
    background: var(--resturanYellow);
    color: #FFFFFF;
    cursor: pointer; }
table tbody img {
    margin-top: 35px;
    margin-bottom: 40px; }
table tbody i {
    color: #dec32b;
    font-size: 18px;
    font-weight: 500; }
table tbody h4, table tbody h5 {
    font-size: 18px;
    color: var(--resturanYellow);
    font-weight: 500; }

.shop-coupon-area {
    border-radius: 5px;
    margin: 40px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
.shop-coupon-area .shop-coupon-code {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.shop-coupon-area .shop-coupon-code input {
    border: none;
    color: var(--resturanYellow) !important;
    font-weight: 600;
    font-size: 16px;
    background: #202046;
    outline: none;
    padding: 12px 12px;
    margin-right: 20px; }
.shop-coupon-area .shop-coupon-code button {
    border: none;
    outline: none;
    background: var(--resturanYellow);
    text-transform: capitalize;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 25px; }
.shop-coupon-area .shop-coupon-code h4 {
    font-size: 16px;
    color: #555;
    margin-right: 20px; }
.shop-coupon-area .shop-coupon-code a {
    font-size: 14px;
    font-weight: 600;
    color: var(--resturanYellow);
    background: #f7fbff;
    padding: 20px; }
.shop-coupon-area .shop-checkout a {
    background: var(--resturanYellow);
    text-transform: capitalize;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 25px; }

.shop-shipping-area {
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
.shop-shipping-area h3 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--resturanYellow); }

.check-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap; }
.check-button .a1 {
    margin: 15px;
    background: #202046;
    color: #FFFFFF;
    padding: 12px 30px 13px;
    font-size: 18px;
    font-weight: 500; }
.check-button .a2 {
    margin-right: 15px;
    background: var(--resturanYellow);
    color: #FFFFFF;
    padding: 12px 30px 13px;
    font-size: 18px;
    font-weight: 500; }

.shipping-wrapper {
    display: flex;
    justify-content: flex-end; }
.shipping-wrapper .calculate-shipping-wrapper .post-code-btn {
    margin-top: 40px; }
.shipping-wrapper .calculate-shipping-wrapper .post-code-btn .custom-btn {
    border-radius: 4px; }
.shipping-wrapper .shipping-card-wrapper {
    width: 50%; }
.shipping-wrapper .shipping-card-wrapper .title {
    font-size: 32px;
    color: #FFFFFF;
    text-align: right;
    margin-bottom: 20px; }
.shipping-wrapper .shipping-item {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px; }
.shipping-wrapper .shipping-item .shipping-country select {
    outline: none;
    border: none;
    border: 1px solid #f0f0f0;
    margin-right: 10px;
    padding: 10px 10px; }
.shipping-wrapper .shipping-item .shipping-country h4 {
    font-size: 16px;
    color: #555;
    border: 1px solid #f1f1f1;
    padding: 15px 25px; }
.shipping-wrapper .shipping-item .shipping-post-code select {
    outline: none;
    border: none;
    border: 1px solid #f0f0f0;
    margin-right: 10px;
    padding: 10px 10px; }
.shipping-wrapper .shipping-item .shipping-post-code h4 {
    font-size: 16px;
    color: #555;
    border: 1px solid #f1f1f1;
    padding: 15px 25px;
    margin-left: 10px; }
.shipping-wrapper .shipping-card-wrapper .shipping-card-item .s-card-item {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #9c9c9c4a;
    margin-bottom: 2px;
    padding-bottom: 2px; }
.shipping-wrapper .shipping-card-wrapper .shipping-card-item .s-card-item h4 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 15px 25px; }

.head-title {
    margin-bottom: 15px; }
.head-title h3 {
    color: #FFFFFF; }

.search-wrapper {
    background: #202046;
    padding: 14px 25px;
    border-radius: 5px;
    margin-bottom: 30px; }
.search-wrapper .blog-search input {
    border: none;
    outline: none !important;
    background: none;
    border: none;
    padding: 5px 5px;
    color: #FFFFFF; }
.search-wrapper .b-search-icon svg {
    color: #FFFFFF; }

.shop-search-area {
    margin-bottom: 35px; }
.shop-search-area .price-box-filter {
    background: #202046;
    padding: 20px 20px; }
.shop-search-area .price-box-filter .price-bar {
    width: 100%;
    background: #1A1935;
    height: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    position: relative; }
.shop-search-area .price-box-filter .price-bar .bar {
    position: absolute;
    width: 80%;
    left: 0;
    height: 10px;
    background: var(--resturanYellow);
    border-radius: 10px; }
.shop-search-area .price-box-filter .price-bar .bar::before {
    position: absolute;
    right: -10px;
    top: -5px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 5px solid var(--resturanYellow);
    content: ""; }
.shop-search-area .price-box-filter .filter-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
.shop-search-area .price-box-filter .filter-price .btn {
    color: var(--resturanYellow);
    background: #1A1935;
    border: none; }
.shop-search-area .price-box-filter .filter-price .price {
    color: #FFFFFF; }
.shop-search-area .price-box-filter .filter-price .price span {
    font-weight: 600; }
.shop-search-area .categorise-list {
    background: #202046; }
.shop-search-area .categorise-list li {
    padding: 15px 15px; }
.shop-search-area .categorise-list li:not(:last-child) {
    border-bottom: 1px solid #9c9c9c21; }
.shop-search-area .categorise-list li a {
    color: #FFFFFF;
    font-size: 17px; }

.shop-left-img {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px; }
.shop-left-img img {
    width: 100%;
    height: 100%; }

.s-wrap-search .most-popular-area {
    background: #202046;
    padding: 20px 20px;
    align-items: center; }
.s-wrap-search .most-popular-area:not(:last-child) {
    border-bottom: 1px solid #9C9C9C; }
.s-wrap-search .most-popular-area .most-popular-thumb {
    background: #1A1935;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center; }
.s-wrap-search .most-popular-area .most-popular-thumb a {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto; }
.s-wrap-search .most-popular-area .most-popular-thumb a img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

@media screen and (max-width: 991px) {
    /*table, thead, tbody, td, tr {*/
    /*  display: block; }*/

    .quantity {
        justify-content: center;
        padding: 5px 0; }

    table tbody h4, table tbody h5 {
        padding: 7px 0; }

    table tbody td {
        padding: 7px 0; }

    .shop-cart-area table thead td {
        padding: 8px 0px; }

    .s-product-area .s-product-img .s-thumb-wrap {
        text-align: center;
        margin: 0 auto; }

    .s-product-img {
        margin-bottom: 30px; }

    .shoppppp {
        margin-top: 40px; }

    .shop-coupon-area {
        margin: 40px 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center; } }
@media screen and (max-width: 767px) {
    .shop-coupon-area .shop-coupon-code {
        margin-bottom: 25px; }

    .b-comnts-area .b-comnts-area-accordian .accordian-items-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border-bottom: 1px solid #9C9C9C;
        padding-bottom: 20px; }

    .b-comnts-area .b-comnts-area-accordian .accordian-items-wrap .accordion-item {
        border: none;
        margin-right: 8px;
        margin-bottom: 8px; }

    .shipping-wrapper {
        display: flex;
        flex-wrap: wrap; }

    .shipping-wrapper .calculate-shipping-wrapper {
        width: 100%; }

    .shipping-wrapper .shipping-card-wrapper {
        width: 100%;
        margin-top: 40px; } }
@media screen and (max-width: 575px) {
    .s-product-area .s-product-details .btn {
        margin: 0 0px; }

    .s-product-area .s-product-details .s-discount-area {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 25px; }

    .s-product-area .s-product-details .s-discount-area .s-discount-code input {
        margin-left: 0px !important; }

    .s-product-area .s-product-details .s-discount-area .s-discout-nbr {
        margin-bottom: 10px; }

    .s-product-area .s-product-details .btn {
        width: 85%; }

    .form-select {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0px;
        border: 1px solid #f0f0f0;
        padding: 12px 27px; }

    .b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 {
        padding: 16px 0 10px;
        flex-wrap: wrap; }

    .b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .b-comnts-thumb {
        margin-bottom: 17px; }

    .b-comnts-area .b-comnts-area-accordian .accordion-body .b-comnts-area-1 .b-comnts-1 .content {
        width: calc(100%); } }
@media screen and (max-width: 500px) {
    .s-product-img {
        flex-wrap: wrap; }

    .s-product-area .small-img-group {
        display: flex;
        align-items: center;
        margin-bottom: 15px; }

    .s-product-area .small-img-group .s-img-group-thumb {
        width: 100%; }
    .s-product-area .small-img-group .s-img-group-thumb:not(:last-child) {
        margin-right: 10px; }
    .s-product-area .small-img-group .s-img-group-thumb img {
        width: 100%;
        height: 100%; }

    .s-product-area .small-img-group .s-img-group-thumb:not(:last-child) {
        margin-bottom: 0px; }

    .b-comnts-1.d-flex.align-items-center {
        flex-wrap: wrap; }

    .b-comnts-thumb.me-4 {
        margin-bottom: 10px; }

    /*table, thead, tbody, td, tr {*/
    /*  display: block; }*/

    .quantity {
        justify-content: center;
        padding: 5px 0; }

    table tbody h4, table tbody h5 {
        padding: 7px 0; }

    /*table tbody td {*/
    /*  border-bottom: 1px solid #f1f1f1;*/
    /*  padding: 7px 0; }*/

    .shop-cart-area table thead td {
        padding: 8px 0px; } }
@media screen and (max-width: 400px) {
    .shop-coupon-area .shop-coupon-code {
        flex-wrap: wrap; }

    .shop-coupon-area .shop-coupon-code input {
        margin-bottom: 13px; }

    .s-product-area {
        padding: 20px 12px 0px; }

    .b-comnts-area .b-comnts-area-accordian {
        padding: 20px 10px; }

    .b-post-form-two .space-b-post-area {
        padding: 33px 10px 0px 10px !important; } }
@media screen and (max-width: 395px) {
    .shop-coupon-area .shop-coupon-code input {
        font-weight: 600;
        font-size: 16px;
        width: 100%; }

    .shop-coupon-area .shop-coupon-code button {
        font-size: 16px;
        padding: 10px 20px;
        width: 100%; }

    .shop-coupon-area .shop-checkout a {
        width: 100%; }

    .shop-coupon-area {
        border-radius: 5px;
        padding: 25px 7px 43px;
        margin: 20px 0px; }

    .shop-shipping-area h3 {
        font-size: 14px;
        font-weight: 700; }

    .shipping-wrapper .shipping-item {
        flex-wrap: wrap;
        margin-bottom: 20px; }

    select {
        width: 100%;
        margin-bottom: 10px; } }
.checkout-coupon-header-wrappper {
    margin-bottom: 50px; }
.checkout-coupon-header-wrappper .head-bar {
    background: #202046;
    padding: 25px 10px;
    text-align: center;
    margin-bottom: 30px;
    color: #FFFFFF; }
.checkout-coupon-header-wrappper .head-bar span {
    color: var(--resturanYellow); }
.checkout-coupon-header-wrappper .head-coupn-bottom-bar {
    background: #202046;
    padding: 45px 40px; }
.checkout-coupon-header-wrappper .head-coupn-bottom-bar p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #FFFFFF; }
.checkout-coupon-header-wrappper .head-coupn-bottom-bar input {
    width: 100%;
    background: none;
    border: none;
    background: #1A1935;
    padding: 18px 20px;
    margin-bottom: 30px; }
.checkout-coupon-header-wrappper .head-coupn-bottom-bar .btn {
    border-radius: 0px; }

.belling-left-wrapper .input-items {
    margin-bottom: 25px; }
.belling-left-wrapper .input-items .title {
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 12px;
    display: block; }
.belling-left-wrapper .input-items input {
    width: 100%;
    border: none;
    background: none;
    border: 1px solid #9C9C9C;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
    outline: none; }
.belling-left-wrapper .input-items textarea {
    width: 100%;
    border: none;
    background: none;
    border: 1px solid #9C9C9C;
    padding: 10px 15px 130px;
    font-size: 16px;
    font-weight: 500;
    outline: none;
    color: #9C9C9C; }
.belling-left-wrapper .input-items .form-checksss {
    display: flex; }
.belling-left-wrapper .input-items .form-checksss input {
    width: 25px;
    height: 22px;
    padding: 6px 8px;
    margin-right: 10px; }
.belling-left-wrapper .input-items .form-checksss p {
    color: #FFFFFF; }

.belling-left-wrapper .input-items input:focus {
    border: 1px solid var(--resturanYellow) !important; }

.left-order-list-wrapper .title {
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 20px; }
.left-order-list-wrapper .order-list-items {
    background: #202046;
    padding: 30px 20px; }
.left-order-list-wrapper .order-list-items li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px; }
.left-order-list-wrapper .order-list-items li:not(:last-child) {
    border-bottom: 1px solid #9C9C9C;
    margin-bottom: 15px; }
.left-order-list-wrapper .order-list-items li span {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500; }
.left-order-list-wrapper .order-list-items li .color-theme {
    color: var(--resturanYellow);
    font-weight: 700; }
.left-order-list-wrapper .wrapper-left-two {
    margin-top: 40px; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2-bg {
    background: #202046;
    padding: 30px 20px; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2-bg .form-checksss {
    display: flex;
    align-items: center; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2-bg .form-checksss input {
    margin-right: 8px; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2-bg p {
    color: #FFFFFF;
    margin: 15px 0; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 li .form-check .form-check-label {
    color: #FFFFFF; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 li:not(:last-child) {
    margin-bottom: 15px; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 li .form-check-input:checked {
    background-color: var(--resturanYellow);
    border-color: var(--resturanYellow); }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 span {
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 .form-checksss {
    display: flex;
    align-items: center; }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 .form-checksss input {
    width: 20px;
    height: 20px;
    background: #1A1935;
    border: 1px solid var(--resturanYellow); }
.left-order-list-wrapper .wrapper-left-two .order-list-items2 .form-checksss p {
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 10px; }
.left-order-list-wrapper .wrapper-left-two button {
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #1A1935;
    text-align: center;
    padding: 15px 25px;
    border-radius: 0;
    background: var(--resturanYellow);
    width: 100%;
    margin-top: 25px; }

.gaming-world {
    background: #202046;
    overflow: hidden;
    position: relative; }

.animation1 {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.4; }

.animation2 {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.4; }

.gaming-left-content {
    position: relative;
    z-index: 12;
    max-width: 560px; }

.gaming-right-wrapper {
    position: relative;
    z-index: 12; }
.gaming-right-wrapper .gaming-items {
    background: #1A1935;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    transition: all 0.3s;
    align-items: center;
    border: 1px solid var(--resturanYellow); }
.gaming-right-wrapper .gaming-items .thumb {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #202046;
    line-height: 100px;
    text-align: center; }
.gaming-right-wrapper .gaming-items .thumb img {
    width: 60px;
    height: 60px; }
.gaming-right-wrapper .gaming-items .content {
    width: calc(100% - 100px);
    padding-left: 20px; }
.gaming-right-wrapper .gaming-items .content .title {
    color: #FFFFFF;
    margin-bottom: 3px; }
.gaming-right-wrapper .gaming-items .content p {
    color: #FFFFFF;
    font-size: 17px;
    margin-bottom: 0; }
.gaming-right-wrapper .gaming-items:hover {
    background: var(--resturanYellow); }
.gaming-right-wrapper .gaming-items:not(:last-child) {
    margin-bottom: 25px; }
.gaming-right-wrapper .gaming-active {
    background: var(--resturanYellow); }

@media screen and (max-width: 991px) {
    .gaming-left-content {
        margin-bottom: 30px; } }
@media screen and (max-width: 550px) {
    .gaming-right-wrapper .gaming-items {
        padding: 18px 10px;
        display: flex;
        flex-wrap: wrap; }
    .gaming-right-wrapper .gaming-items .thumb {
        margin-bottom: 10px; }
    .gaming-right-wrapper .gaming-items .content {
        width: calc(100%);
        padding-left: 0; } }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items {
    flex-wrap: wrap;
    padding: 40px 20px;
    background: #333287;
    border: none; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items .thumb {
    text-align: center;
    margin: 0 auto 20px; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items .content {
    width: 100%;
    padding-left: 0;
    text-align: center; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items .content .title {
    margin-bottom: 9px; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items:hover {
    background: var(--resturanYellow); }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items:hover .content .title {
    color: #1A1935; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-items:hover .content p {
    color: #1A1935; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-active {
    background: var(--resturanYellow); }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-active .content .title {
    color: #1A1935; }
.gamain-world-three.gaming-world .gaming-right-wrapper .gaming-active .content p {
    color: #1A1935; }



/*# sourceMappingURL=main.css.map */