:root {
    --black: #000;
    --yellow: #FFDA02;
    --dark: #15171A;
    --white: #fff;
    --textgrey: #777777;
}
@font-face {
    font-family: 'Abu Dhabi Media';
    src: url('../fonts/AbuDhabiMedia-Bold.eot');
    src: url('../fonts/AbuDhabiMedia-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AbuDhabiMedia-Bold.woff2') format('woff2'), url('../fonts/AbuDhabiMedia-Bold.woff') format('woff'), url('../fonts/AbuDhabiMedia-Bold.ttf') format('truetype'), url('../fonts/AbuDhabiMedia-Bold.svg#AbuDhabiMedia-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Abu Dhabi Media';
    src: url('../fonts/AbuDhabiMedia-Regular.eot');
    src: url('../fonts/AbuDhabiMedia-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AbuDhabiMedia-Regular.woff2') format('woff2'), url('../fonts/AbuDhabiMedia-Regular.woff') format('woff'), url('../fonts/AbuDhabiMedia-Regular.ttf') format('truetype'), url('../fonts/AbuDhabiMedia-Regular.svg#AbuDhabiMedia-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*Default-CSS*/
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}
input[type="file"] {
    cursor: pointer;
}
html body {
    font-family: 'Abu Dhabi Media';
    margin: 0;
    background: #000;
    color: var(--white);
}
*::-moz-selection {
    color: var(--white);
    background: #000;
}
*::-webkit-selection {
    color: var(--white);
    background: #000;
}
*::-webkit-input-placeholder {
    color: #818181;
    opacity: 1;
}
*:-moz-placeholder {
    color: #818181;
    opacity: 1;
}
*::-moz-placeholder {
    color: #818181;
    opacity: 1;
}
*:-ms-input-placeholder {
    color: #818181;
    opacity: 1;
}
a, div a:hover, div a:active, div a:focus, button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
a, span, div a:hover, div a:active, button {
    text-decoration: none;
}
*::after, *::before, * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
ul, ul li, ol, li {
    /* list-style: outside none none; */
    font-family: 'Abu Dhabi Media';
}
body ul {
    margin: 0;
    padding: 0;
}
body a {
    outline: none;
    color: #555;
}
body a:hover {
    color: #000;
}
body .clearfix, body .clear {
    clear: both;
    line-height: 100%;
}
body .clearfix {
    height: auto;
}
* {
    outline: none !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clr:after,
ul:after,
.clearfix:after,
li:after {
    clear: both;
    display: block;
    content: "";
}
div input,
div select,
div textarea,
div button {
    font-family: 'Abu Dhabi Media';
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Abu Dhabi Media';
    line-height: 140%;
    color: #333;
    font-weight: bold;
    margin: 0 0 15px;
}
body h1 {
    font-size: 24px;
}
body h2 {
    font-size: 22px;
}

body h3 {
    font-size: 18px;
}
body h4 {
    font-size: 16px;
}
body h5 {
    font-size: 12px;
}
body h6 {
    font-size: 10px;
}
body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}
div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div select option {
    font-size: 13px;
    color: #333;
    padding: 2px 5px;
}
img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
body p {
    color: var(--white);
    font-family: 'Abu Dhabi Media';
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px;
    padding: 0;
}
body p:empty {
    margin: 0;
    line-height: 0;
}
body p:last-child {
    margin-bottom: 0;
}
p strong {
    font-weight: bold;
}
.kd-left {
    text-align: left;
}
.kd-right {
    text-align: right;
}
.kd-center {
    text-align: center;
}
label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
}
.hidden {
    display: none !important;
}
iframe {
    display: block;
}
.gm-style img {
    max-height: inherit;
    max-width: none;
}
.container:after {
    content: "";
    display: block;
    clear: both;
}
.container {
    width: 100%;
    max-width: 1170px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    position: relative;
    float: none;
}
body .container .container {
    padding-left: 0;
    padding-right: 0;
}
/*scroll Hide*/
html.no-scroll {
    overflow: hidden;
}
html.no-scroll body {
    overflow: hidden;
    height: 100%;
}
/*button*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
/* Buttons styles start */
.btn,
button {
    display: inline-block;
    border: none;
    padding: 20px 35px;
    margin: 0;
    text-decoration: none;
    background: var(--yellow);
    color: #000000;
    font-family: 'Abu Dhabi Media';
    font-size: 20px;
    line-height: 120%;
    cursor: pointer;
    text-align: center;
    min-width: 216px;
    font-weight: bold;
    position: relative;
    transition: all 0.5s ease;
}
.btn.line {
    padding-right: 40px;
    padding-left: 40px;
}
.btn.line::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    background: url("../images/button-line.png") no-repeat 0 0;
    height: 18px;
    width: 22px;
    transition: all 0.5s ease;
}
.btn.line:hover:before {
    filter: brightness(0) invert(1);
    transition: all 0.5s ease;
}
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    background: var(--black);
    color: #ffffff;
    transition: all 0.5s ease;
}
.round-coner {
    border-radius: 5px;
}
/* Button styles end */
/*lozad*/
.lozad {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
}
[data-loaded="true"] {
    animation-name: fade;
    animation-duration: 2s;
    visibility: visible;
}
@keyframes fade {
    from {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}
/*lozad*/
/*grid*/
.kd-row:after {
    content: "";
    display: block;
    clear: both;
}
.kd-row {
    margin-right: -15px;
    margin-left: -15px;
}
.kd-half-offset {
    margin-left: 4.166666667%;
}
.kd-md-offset-12 {
    margin-left: 100%;
}
.kd-md-offset-11 {
    margin-left: 91.66666667%;
}
.kd-md-offset-10 {
    margin-left: 83.33333333%;
}
.kd-md-offset-9 {
    margin-left: 75%;
}
.kd-md-offset-8 {
    margin-left: 66.66666667%;
}
.kd-md-offset-7 {
    margin-left: 58.33333333%;
}
.kd-md-offset-6 {
    margin-left: 50%;
}
.kd-md-offset-5 {
    margin-left: 41.66666667%;
}
.kd-md-offset-4 {
    margin-left: 33.33333333%;
}
.kd-md-offset-3 {
    margin-left: 25%
}
.kd-md-offset-2 {
    margin-left: 16.66666667%;
}
.kd-md-offset-1 {
    margin-left: 8.33333333%;
}
.kd-md-offset-0 {
    margin-left: 0;
}
.kd-1,
.kd-2,
.kd-3,
.kd-4,
.kd-5,
.kd-6,
.kd-7,
.kd-8,
.kd-9,
.kd-10,
.kd-11,
.kd-12 {
    float: left;
}
.kd-1,
.kd-2,
.kd-3,
.kd-4,
.kd-5,
.kd-6,
.kd-7,
.kd-8,
.kd-9,
.kd-10,
.kd-11,
.kd-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.kd-1 {
    width: 8.33%;
}
.kd-2 {
    width: 16.66%;
}
.kd-3 {
    width: 25%;
}
.kd-4 {
    width: 33.33%;
}
.kd-5 {
    width: 41.66%;
}
.kd-6 {
    width: 50%;
}
.kd-7 {
    width: 58.33%;
}
.kd-8 {
    width: 66.66%;
}
.kd-9 {
    width: 75%;
}
.kd-10 {
    width: 83.33%;
}
.kd-11 {
    width: 91.66%;
}
.kd-12 {
    width: 100%;
}
/*grid*/
/*Gapping*/
.section-gapping,
section {
    padding-bottom: 60px;
    padding-top: 60px;
    overflow: hidden;
}
/*Gapping close*/
/*Default-CSS close*/
.row {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-: flex;
    display: flex;
    margin: 0 -20px;
}
.d-flex {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-: flex;
    display: flex;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-between {
    justify-content: space-between;
}
.align-items-center {
    align-items: center;
}
.p-0 {
    padding: 0;
}
.text-color-b3 {
    color: #B3B3B3;
    font-weight: normal;
}
.col-12 {
    width: 100%;
    padding: 0 20px;
}
.col-6 {
    max-width: 50%;
    width: 50%;
    padding: 0 20px;
}
.col-4 {
    max-width: 33.33%;
    width: 33.33%;
    padding: 0 20px;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.sec-hading {
    margin-bottom: 50px;
}
.sec-hading h2 {
    color: var(--white);
    font-size: 50px;
    display: inline-block;
}
.heading-side-icon {
    display: inline-block;
    width: 50px;
    margin-left: 20px;
}
.mt-0 {
    margin-top: 0;
}
.col-3-5 {
    max-width: 16.66%;
    width: 16.66%;
    padding: 0 15px;
}
.pt-0 {
    padding-top: 0;
}
/*=================================================
================== Header CSS =================
========================================*/
.header {
    position: absolute;
    top: 0;
    z-index: 2000000;
    background-color: transparent;
    padding: 8px 0 20px 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    border-bottom: 2px solid transparent;
}
.header .row {
    margin: 0;
}

.header.fixed .logo {
    width: 110px;
}
.fixed .align-items-center {
    align-items: center;
}
.fixed .navbar {
    margin-top: 0;
}
.navbar ul .header-line {
    margin: 0 10px;
}
.navbar ul .header-line a {
    color: var(--yellow);
}
.search-user-icon ul li {
    display: inline-block;
    margin-left: 15px;
}
.search-user-icon ul {
    font-size: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
}
.search-user-icon ul li:last-child {
    margin-left: 0px;
}
.search-user-icon ul li a {
    color: var(--white);
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
}
.search-user-icon ul li.active a {
    color: var(--yellow);
}
.search-user-icon ul li a i::before {
    display: none;
}
.search-user-icon ul li a i:hover {
    filter: sepia(1) saturate(10000%) hue-rotate(340deg);
}
.search-user-icon ul li a i.fa-search {
    background: url("../images/srearch-Button.png") no-repeat center center;
    width: 26px;
    height: 26px;
}
.search-user-icon ul li a i.fa-user {
    background: url("../images/user-icon.png") no-repeat center center;
    width: 26px;
    height: 26px;
}
.user-login {
    display: none;
    justify-content: center;
    align-items: center;
}
#community_user div.user-login {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
}
#community_user .user-login a {
    margin: 5px 0 0 0;
    display: block;
    font-size: 16px;
    line-height: 100%;
    height: auto;
}
#community_user .user-login .user-img {
    margin-right: 15px;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 18px;
    margin-top: 0;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}
#community_user .user-login .user-img::after {
    content: "";
    font-size: 21px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url("../images/user-icon.png") no-repeat center center;
    width: 26px;
    height: 26px;
    display: none;
}
.user-login > p {
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 15px;
    font-family: 'Abu Dhabi Media';
    color: #C7C7C7;
    font-weight: bold;
    white-space: nowrap;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar ul li {
    display: inline-block;
    margin-left: 4%;
    position: relative;
    line-height: 20px;
    list-style: none;
}
.navbar ul li:nth-child(4) {
    padding-left: 5%;
}
.navbar ul li:nth-child(4)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #fdd301;
}
.navbar ul li:last-child {
    margin-left: 0;
}
.navbar ul li a {
    color: var(--white);
    font-size: 22px;
    font-weight: bold;
    position: relative;
    display: block;
}
.navbar ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 20%;
    top: -37px;
    height: 5px;
    background: #FFDA02;
    z-index: 1;
    opacity: 0;
    margin: auto;
    transition: all 0.5s ease;
}
.navbar ul li.active a:before,
.navbar ul li a:hover:before {
    width: 100%;
    opacity: 1;
    transition: all 0.5s ease;
}
.navbar-nav {
    transition: all 0.5s ease 0s;
    font-size: 0;
}
.logo {
    width: 137px;
    display: inline-block;
}
.search-user-icon {
    width: 200px;
    text-align: left;
}
.navbar {
    width: calc(100% - 340px);
    padding-right: 5.4%;
    margin-top: 0px;
}
.header-logo-block {
    width: 140px;
}
.header a:hover {
    color: #fed300;
}
#toggler {
    display: none;
    border-radius: 0;
    border: 0;
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 0;
    background-color: transparent;
    padding: 0;
    min-width: auto;
    color: #fff;
}
#toggler:focus {
    background-color: transparent;
}
.fixed .navbar ul li a::before {
    top: -33px
}
.header.fixed {
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #242424;
    position: fixed;
    transition: all 0.5s ease;
    width: 100%;
}
@keyframes ooheader {
    0% {
        top: -60px;
    }

    100% {
        top: 0;
    }
}
/*=================================================
================== Banner CSS =================
========================================*/
ul.owl-carousel {
	list-style: none;
}
.banner {
    margin-bottom: -10px;
    vertical-align: bottom;
    position: relative;
}

.simple-line {
    color: var(--yellow);
}
.main-slider .item {
    position: relative;
}
.main-slider,
.main-slider .owl-stage {
    white-space: nowrap;
}
.main-slider > .item,
.owl-carousel.main-slider .owl-stage .owl-item {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 100%;
    white-space: normal;
}
.main-slider .owl-stage .owl-item:not(.active),
.main-slider > .item{
    position: relative;
    left: -200%;
    top: 0;
}
.main-slider-image-contant {
    height: calc(100vh - 6vh);
    background-size: cover;
    background-position: center;
    color: var(--white);
    position: relative;
    display: block;
    z-index: 0;
}

.slide-title {
    font-size: 24px;
    color: var(--white);
    margin-bottom: 0;
    line-height: 0;
}

    .slide-title > a {
        font-size: inherit;
        color: inherit;
        border-left: 2px solid var(--yellow);
        margin-left: 10px;
        padding-left: 10px;
        display: inline-block;
        vertical-align: top;
        line-height: 110%;
    }

        .slide-title > a:hover {
            color: var(--yellow);
        }

        .slide-title > a:first-child {
            font-weight: bold;
        }

        .slide-title > a:last-child {
            border-left: none;
            margin-left: 0px;
            padding-left: 0px;
        }

.slide-heading {
    font-size: 48px;
    margin-bottom: 15px;
    margin-top: 0;
    color: var(--white);
}

    .slide-heading > a {
        color: inherit;
        font-size: inherit;
    }

    .slide-heading:hover > a {
        color: var(--yellow);
    }

.slide-text {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 70px;
}

.main-slide-content {
    width: 578px;
    text-align: right;
    float: right;
    margin-right: 40px;
}

.simple-line {
    margin: 0 10px;
}

.slide-folow-bar li {
    display: inline-block;
    list-style: none;
}

    .slide-folow-bar li > ul {
        margin-top: 5px;
    }

    .slide-folow-bar li a {
        display: inline-block;
        color: var(--yellow);
    }

        .slide-folow-bar li a .fa {
            margin-left: 6px;
        }

        .slide-folow-bar li a:hover {
            opacity: 0.75;
        }

.slide-folow-bar {
    margin-top: 10px;
}

.slide-icons {
    position: absolute;
    /* left: 0; */
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    padding: 0 20px;
    right: 0;
    max-width: 490px;
    left: -690px;
    pointer-events: none;
}

    .slide-icons ul {
        float: left;
        pointer-events: auto;
        list-style: none;
    }

    .slide-icons li {
        margin: 0 0 17px 0;
    }

        .slide-icons li a {
            text-align: center;
            width: 25px;
            height: 27px;
            display: inline-block;
            line-height: 25px;
            color: var(--white);
        }

            .slide-icons li a:hover {
                color: var(--yellow);
            }

.main-slider .owl-dots .owl-dot {
    display: flex;
    width: 10px;
    height: 15px;
    margin: 6px 0;
    float: right;
    clear: both;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
}

.main-slider .owl-nav {
    position: absolute;
    top: 48.5%;
    -webkit-transform: translateY(-48.5%);
    transform: translateY(-48.5%);
    left: 0;
    margin: auto;
    padding: 25px 20px;
    max-width: 1170px;
    right: 0;
    margin-top: -8px;
    width: auto !important;
    pointer-events: none;
}

.main-slider .owl-dots {
    position: absolute;
    top: 49%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-49%);
    margin: auto;
    padding: 0 17px;
    z-index: 1;
    width: 100%;
    max-width: 1170px;
    padding: 0 8px;
    margin: auto;
    left: 0;
    right: 30px;
    margin-top: -8px;
    pointer-events: none;
}

    .main-slider .owl-dots .owl-dot span {
        background-color: var(--white);
        transition: all 0.5s ease 0s;
        height: 5px;
        width: 5px;
        margin: 0 auto;
        border-radius: 100%;
    }

    .main-slider .owl-dots .owl-dot.active span {
        background-color: var(--yellow);
        transform: scale(2);
        margin-right: 2px;
    }

.banner .main-slider .owl-next,
.banner .main-slider .owl-prev {
    width: 20px;
    height: 20px;
    color: transparent !important;
    background-color: transparent !important;
    opacity: 1;
    bottom: 0;
    top: auto;
    position: absolute;
    margin: 0 !important;
    left: auto;
    right: 17px;
    pointer-events: auto;
}

.banner .main-slider .owl-next {
    top: -2px;
    bottom: auto;
}

.main-slider .owl-next:before,
.main-slider .owl-prev:before {
    color: var(--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all 0.5s ease 0s;
}

.main-slider .owl-prev:before {
    content: "\f078";
}

.main-slider .owl-next:before {
    content: "\f077";
}

.main-slider .owl-prev {
    top: 257px;
}

.main-slider .owl-next {
    top: 409px;
}

.container-type-content {
    max-width: 1170px;
    padding: 0 15px;
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 50px;
    height: auto;
}
/*=================================================
================== servide-type-se CSS =================
========================================*/
.tab {
    padding-bottom: 68px;
}

.v-tabs,
.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-tabs li,
.tabs li {
        list-style: none;
        font-size: 24px;
        margin-left: 35px;
        padding-left: 35px;
        border-left: 2px solid #dac55b;
        line-height: 100%;
        font-family: 'Abu Dhabi Media';
        font-weight: bold;
        color: var(--textgrey);
        cursor: pointer;
    }

        .v-tabs li:hover,
        .v-tabs li.active,
        .tabs li:hover,
        .tabs li.active {
            color: #fff;
        }

        .v-tabs li:last-child,
        .tabs li:last-child {
            margin-left: 0px;
            padding-left: 0px;
            border-left: none;
        }

.tabtop-line-title-type {
    margin-bottom: 40px;
}

section.servide-type-sec {
    background-color: #000;
    position: relative;
    padding-top: 35px;
}

.servide-type-sec .pluse-icon-text {
    text-align: center;
}

.main-slider-image-contant {
    z-index: 0;
}

    .main-slider-image-contant:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/Shadows.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
        background-color: rgba(0,0,0,0.1);
    }

.service-box {
    background-color: var(--dark);
    height: 100%;
    position: relative;
    padding-bottom: 55px;
}
.service-info .text {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.servide-type-sec .row .col-4 {
    padding: 0 20px;
    margin-bottom: 40px;
}

    .servide-type-sec .row .col-4 > div,
    .servide-type-sec .row .col-4 > div > div {
        height: 100%;
    }

.service-info {
    padding: 20px 15px 15px 15px;
}

.this-number .service-info .text {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 150px;
}

.this-number .row.wrap-row,
.this-number .row.wrap-row > div {
    width: 100%;
    align-items: flex-start;
}

    .this-number .row.wrap-row.align-items-center {
        width: auto;
    }

    .this-number .row.wrap-row.datalist {
        width: 100%;
        padding: 0;
        float: left;
        margin: auto;
    }

.section-image {
    line-height: 0;
    display: block;
    padding-top: 62%;
    position: relative;
    overflow: hidden;
}

    .section-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .section-image:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.top-line-title-type {
    font-size: 16px;
    color: var(--white);
    margin-bottom: 5px;
    font-weight: bold;
}

    .top-line-title-type:after {
        content: "";
        clear: both;
        display: block;
    }

    .top-line-title-type > a {
        font-size: inherit;
        color: inherit;
        border-left: 2px solid var(--yellow);
        margin-left: 8px;
        padding-left: 8px;
        float: right;
        line-height: 110%;
    }

        .top-line-title-type > a:hover > span,
        .top-line-title-type > a:hover {
            color: var(--yellow);
        }

        .top-line-title-type > a:first-child {
            font-weight: normal;
        }

        .top-line-title-type > a:last-child {
            border-left: none;
            margin-left: 0px;
            padding-left: 0px;
        }

.text {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 140%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 52px;
}

.service-info h2 {
    color: var(--white);
    font-family: 'Abu Dhabi Media';
    font-size: 28px;
    margin: 8px 0 15px;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 76px;
    display: -webkit-box;
    font-weight: normal;
}

    .service-info h2 a {
        font-size: inherit;
        color: inherit;
        white-space: normal;
    }

    .service-info h2:hover > a {
        color: var(--yellow);
    }

.service-box .slide-folow-bar {
    margin-top: 0;
    background-color: #1F1F1F;
    padding: 12px 15px;
    display: inline-block;
    width: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.wrap-row {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.service-extra-info-box {
    position: absolute;
    left: 15px;
}

.logo-part img {
    width: 15px;
}

.service-extra-info-box .text {
    font-size: 14px;
    min-height: 1px;
    margin-top: 3px;
    color: #9B9B9B;
}

    .service-extra-info-box .text:hover {
        color: var(--yellow);
    }

.logo-part {
    line-height: 0;
    vertical-align: baseline !important;
}

.service-extra-info-box ul li {
    vertical-align: top;
    list-style: none;
}

.pluse-icon-text a {
    color: #636974;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    font-family: 'Abu Dhabi Media';
    position: relative;
    padding-left: 23px;
    display: inline-block;
    vertical-align: top;
}

    .pluse-icon-text a::before {
        content: "\f067";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        color: var(--yellow);
        font-size: 16px;
        right: auto;
        line-height: inherit;
    }

    .pluse-icon-text a:hover {
        color: var(--yellow);
    }

.small-video-box {
    margin-bottom: 40px;
    padding-top: 56.25%;
    position: relative;
}

    .small-video-box img,
    .small-video-box iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
    }

    .small-video-box img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .small-video-box:hover > img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .small-video-box .full-video-content {
        padding: 3.4% 3.4% 3.4% 33%;
    }

        .small-video-box .full-video-content h2 {
            font-size: 18px;
        }

    .small-video-box .play-video {
        width: 31px;
        height: 47px;
    }

    .small-video-box .full-video-content .top-line-title-type {
        font-size: 14px;
    }

.full-video-content .text-color-b3 {
    color: #fff;
}

/*=================================================
================== Video Sec CSS =================
========================================*/
.video-sec {
    background-color: #15171A;
}

    .video-sec .tab {
        padding-bottom: 57px;
    }

.video-menu-type ul li {
    display: inline-block;
    list-style: none;
}

    .video-menu-type ul li a {
        color: var(--textgrey);
        font-size: 24px;
    }

        .video-menu-type ul li a:hover {
            color: var(--white);
        }

.full-video-content {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease 0s;
    padding: 6.4% 6.4% 6.4% 30%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}

    .full-video-content .top-line-title-type {
        font-size: 24px;
        font-family: 'Abu Dhabi Media';
    }

    .full-video-content h2 {
        font-size: 50px;
        color: var(--white);
    }

        .full-video-content h2 a {
            color: inherit;
            font-size: inherit;
        }

        .full-video-content h2:hover a {
            color: var(--yellow);
        }

.full-video {
    position: relative;
    padding-top: 56.5%;
    overflow: hidden;
}

.play-video {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    line-height: 0;
    height: 71px;
    width: 48px;
    z-index: 1;
}

    .play-video:hover {
        opacity: 0.65;
    }

.full-video img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.full-video:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.full-video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.v-close {
    display: none;
}

.small-video-row {
    margin-top: 52px;
}

.video-left-icon li {
    line-height: 0;
}

    .video-left-icon li:nth-child(2n) a {
        background: #ABABAB;
    }

    .video-left-icon li a {
        display: inline-block;
        background-color: #CBCBCB;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 2px 0 0 0;
        color: #000;
        font-size: 21px;
    }

        .video-left-icon li a:hover {
            background: var(--yellow)
        }

        .video-left-icon li a i {
            line-height: inherit;
        }

.video-left-icon {
    position: absolute;
    bottom: 0;
    right: 13px;
    z-index: 3;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.share-popup .video-left-icon {
    opacity: 1;
    visibility: visible;
    max-height: 400px;
    bottom: 40px;
    transition: all 0.5s ease;
}

.share-social-icon .share-click {
    position: absolute;
    z-index: 2;
    bottom: 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    right: 12px;
    cursor: pointer;
}

    .share-social-icon .share-click:hover {
        color: var(--yellow)
    }


.hide-info .full-video-content {
    bottom: -100%;
}

.hide-info.full-video > img {
    display: none;
}

.hide-info .play-video {
    display: none;
}
/*=================================================
================== This Number CSS =================
========================================*/
.this-number {
    background-color: #000;
}

.this-number-third-box-num label {
    margin-bottom: 15px;
    display: inline-block;
}

.this-number-first-box .service-info h3 {
    font-size: 24px;
    color: var(--white);
    position: relative;
}

    .this-number-first-box .service-info h3 a {
        color: inherit;
        font-size: inherit;
    }

    .this-number-first-box .service-info h3:hover a {
        color: var(--yellow);
    }

    .this-number-first-box .service-info h3:before {
        content: "";
        display: block;
        position: absolute;
        right: -15px;
        height: 29px;
        width: 3px;
        background-color: var(--yellow);
    }

.this-number-first-box .slide-folow-bar {
    background-color: transparent !important;
}

.this-number-first-box .service-info h2 {
    font-size: 22px;
}

.small-thies-box-info {
    padding: 10px 0 10px 0;
}

.small-thies-box-img {
    line-height: 0;
    position: relative;
    padding-top: 62%;
    overflow: hidden;
    display: block;
}

    .small-thies-box-img img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        object-position: top;
        object-fit: cover;
        height: 100%;
        width: 100%;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .small-thies-box-img:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.small-thies-box-info h2 {
    font-size: 18px;
    color: var(--white);
    margin-bottom: 15px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 50px;
}

    .small-thies-box-info h2 a {
        font-size: inherit;
        color: inherit;
    }

    .small-thies-box-info h2:hover a {
        color: var(--yellow);
    }

.small-thies-box-info .text {
    font-size: 14px;
}

.small-thies-box-info .top-line-title-type {
    font-size: 14px;
}

.this-number-third-box label {
    margin-bottom: 20px;
    display: block;
    line-height: 120%;
    min-height: 1px;
    font-size: 14px;
}

.this-number-box {
    margin-bottom: 30px;
}

.this-number .this-number-box a {
    display: block;
}

.this-number .this-number-box .close-popup a {
    line-height: 0;
}

.this-number .this-number-box a > img {
    width: 100%;
}

.this-number .row .col-4:last-child .this-number-box {
    margin-bottom: 0;
    margin-top: -10.4%;
}

.heading-white h2 {
    color: #000;
}

.no-gutter-col-6-block .col-6:last-child {
    padding-left: 0;
}

.no-gutter-col-6-block .col-6:first-child {
    padding-right: 0;
}
/*=================================================
================== Arabic Lenses Sec CSS =================
========================================*/
.arabic-lenses {
    background-color: var(--white);
}

.lenses-slider-slide-info > a.text {
    color: #636974;
    font-size: 18px;
    line-height: 140%;
    min-height: 1px;
    margin-bottom: 11px;
    font-weight: 700;
}

.lenses-slider-slide-info > span.text {
    min-height: 1px;
    font-weight: bold;
    margin-bottom: 12px;
}

.lenses-slider-slide-info > a.text:hover {
    color: var(--yellow);
}

.lenses-slider-slide-info p {
    color: #858383;
    font-size: 16px;
    line-height: 26px;
}

.lenses-slider-slide-info {
    margin-top: 20px;
}

.lenses-slider-slide-img {
    position: relative;
    padding-top: 62.45%;
    overflow: hidden;
}

    .lenses-slider-slide-img img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.slide-share-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    color: #FFFFFF;
    font-size: 24px;
    bottom: 10px;
    right: 10px;
}

    .slide-share-icon:hover {
        color: var(--yellow);
    }

.pluse-icon-text {
    margin-top: 15px;
    text-align: left;
}

.horizontal-slide-nav .owl-dots .owl-dot.active span {
    background-color: var(--yellow);
    transform: scale(2);
}

.horizontal-slide-nav .owl-dots .owl-dot {
    width: 25px;
    height: 12px;
    margin: 0;
}

.horizontal-slide-nav .owl-dots .owl-dot span {
    background-color: var(--white);
    transition: all 0.5s ease 0s;
    height: 4px;
    width: 4px;
    margin: 0 auto;
    border-radius: 100%;
    display: block;
}

.horizontal-slide-nav .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 160px;
    width: auto;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.horizontal-slide-nav .owl-next:before, .horizontal-slide-nav .owl-prev:before {
    color: var(--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all 0.5s ease 0s;
}

.horizontal-slide-nav .owl-next, .horizontal-slide-nav .owl-prev {
    width: 16px;
    height: 20px;
    color: transparent !important;
    background-color: transparent !important;
    opacity: 1;
    bottom: 0;
    position: absolute;
    margin: 0 !important;
}

    .horizontal-slide-nav .owl-prev:before {
        content: "\f054";
    }

    .horizontal-slide-nav .owl-next:before {
        content: "\f053";
    }

.horizontal-slide-nav .owl-nav {
    position: absolute;
    bottom: 175px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 24px;
    z-index: 0;
}

    .horizontal-slide-nav .owl-nav .owl-prev,
    .horizontal-slide-nav .owl-nav .owl-next {
        position: absolute;
        text-align: center;
        padding: 0;
    }

    .horizontal-slide-nav .owl-nav .owl-prev {
        right: 0;
    }

    .horizontal-slide-nav .owl-nav .owl-next {
        left: 0;
    }

.arabic-lenses .pluse-icon-text > a {
    color: #4A4A4A;
}

    .arabic-lenses .pluse-icon-text > a:hover {
        color: var(--yellow);
    }

.lenses-slider.horizontal-slide-nav .owl-nav,
.lenses-slider.horizontal-slide-nav .owl-dots {
    top: 0;
    bottom: auto;
    margin-top: calc(62.45% - 40px);
}

.lenses-slider.horizontal-slide-nav .owl-dots {
    margin-top: calc(62.45% - 40px);
}
/*=================================================
================== Footer CSS =================
========================================*/
.footer {
    background-color: #000;
    padding-top: 46px;
}

.backtotop-arrow-block a {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 78px;
    text-align: center;
    border-radius: 100%;
    color: #000;
    background-color: #454444;
    font-size: 21px;
}

    .backtotop-arrow-block a:hover {
        background-color: var(--yellow);
    }

.footer-block ul li a {
    font-size: 18px;
    color: var(--white);
}

.footer-block ul li {
    margin: 0 0 10px;
    list-style: none;
}

    .footer-block ul li a:hover {
        color: var(--yellow);
    }

.footer-block h3 {
    font-size: 26px;
    color: var(--white);
}
.footer-block.b-font ul li{
    list-style: none;
}
.footer-block.b-font ul li a {
    font-size: 22px;
    font-weight: normal;
}

.footer-block .footer-icon ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.first-footer-block {
    max-width: 10%;
    width: 5%;
}

.footer-midle {
    padding: 65px 0 20px;
    border-bottom: 1px solid #242424;
}

.footer-bottom {
    padding: 20px 0;
}

.Copyright-text .text {
    font-size: 12px;
    margin-top: 10px;
    min-height: 1px;
}

a.f-logo {
    display: inline-block;
    width: 100px;
}


section.innerbanner {
    padding: 0;
}

.inner-banner-img {
    position: relative;
    padding-top: 22.8%;
    overflow: hidden;
}

    .inner-banner-img::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.56) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%,rgba(0,0,0,0.56) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%,rgba(0, 0, 0, 0.56) 100%);
    }

    .inner-banner-img img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.innerbanner .title {
    position: absolute;
    top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1170px;
    padding: 0 15px;
    z-index: 4;
}

.title h1 {
    color: var(--white);
    font-size: 120px;
    position: relative;
    padding-right: 62px;
    line-height: 150%;
}

    .title h1::before {
        content: "";
        position: absolute;
        top: 45px;
        right: 11px;
        width: 12px;
        bottom: 49px;
        background: var(--yellow);
    }

.social-icon {
    float: left;
    width: 160px;
}

    .social-icon ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 4px;
        list-style: none;
    }

        .social-icon ul > li {
            margin: 0 7px 0 5px;
        }

            .social-icon ul > li > a {
                font-size: 20px;
                color: var(--white);
            }


.video-topic {
    float: right;
    width: calc(100% - 165px);
    padding-right: 165px;
}

    .video-topic ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .video-topic ul li {
            padding-right: 40px;
            border-right: 2px solid var(--yellow);
            margin-right: 40px;
            list-style: none;
        }

            .video-topic ul li:first-child {
                margin-right: 0;
                padding-right: 0;
                border-right: none;
            }

        .video-topic ul.v-tabs li {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

    .video-topic a {
        color: var(--textgrey);
        font-size: 24px;
        display: inline-block;
        vertical-align: top;
        line-height: 120%;
        font-family: 'Abu Dhabi Media';
        font-weight: bold;
        position: relative;
        padding-right: 48px;
    }

        .video-topic a:hover,
        .video-topic a.active {
            color: var(--white);
        }

        .video-topic a.topic::before,
        .video-topic a.video::before {
            content: "";
            position: absolute;
            right: 0;
            top: 3px;
            height: 28px;
            width: 28px;
            background: url("../images/video-icon.png") no-repeat 0 0;
        }

    .video-topic ul.v-tabs li > a.video:hover:before,
    .video-topic ul.v-tabs li.active > a.video:before {
        background-position: 0 -25px;
    }

    .video-topic ul.v-tabs li.active > a {
        color: var(--white);
    }

    .video-topic a.video:hover:before,
    .video-topic a.video.active::before
    .video-topic ul.v-tabs li.active > a.video:before {
        background-position: 0px -25px;
    }

    .video-topic a.topic::before {
        background-position: -30px -25px;
    }

    .video-topic a.topic:hover::before,
    .video-topic a.topic.active::before,
    .video-topic ul.v-tabs li.active > a.topic:before {
        background-position: -30px 0;
    }

.vt-wrap {
    position: relative;
    padding-bottom: 57px;
    display: flex;
    align-items: center;
}

    .vt-wrap:after {
        content: " ";
        clear: both;
        display: block;
    }

.magazine-section .vt-wrap .social-icon {
    display: block;
    margin-top: 15px;
}

.video-img-description {
    position: relative;
}

.img-wrap {
    position: relative;
    padding-top: 61.8%;
    overflow: hidden;
    height: 100%;
    display: block;
}

    .img-wrap > img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: 0 0;
    }

.video-img-description .video-description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 45px 30px 46%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.79) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%);
}

.video-description .two-data {
    display: flex;
    margin-bottom: 13px;
}

    .video-description .two-data > a {
        color: #ffff;
        display: inline-block;
        vertical-align: top;
        line-height: 70%;
        font-size: 24px;
        margin-left: 21px;
        padding-left: 25px;
        border-left: 2px solid var(--yellow);
    }

.editor-artical-animal-section .video-description .two-data > a {
    pointer-events: none;
}

.video-description .two-data > a:last-child {
    padding-left: 0;
    margin-left: 0;
    border: none;
    pointer-events: auto;
}

.video-description .two-data > a:hover {
    color: var(--yellow);
}

.video-description h2 {
    color: var(--white);
    font-size: 48px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 10px;
}

    .video-description h2 > a {
        color: inherit;
        font-size: inherit;
    }

    .video-description h2:hover > a {
        color: var(--yellow);
    }

.video-description p {
    color: var(--white);
    font-size: 18px;
}

.read {
    font-family: 'Abu Dhabi Media';
    font-size: 14px;
    color: var(--yellow);
    font-weight: bold;
    padding-right: 22px;
    position: relative;
}

    .read::before {
        content: "";
        position: absolute;
        right: 0;
        top: 7px;
        background: url("../images/read-icon.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 12px;
        height: 12px;
    }

    .read:hover {
        opacity: 0.5;
    }

.video-detail-section {
    margin-bottom: 30px;
}

.common-design-box {
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 53px;
    height: calc(100% - 40px);
    background: #fff;
}

.common-info {
    padding: 20px;
    background-color: var(--white);
}

    .common-info .top-line-title-type {
        color: #575757;
        font-size: 24px;
    }

    .common-info h2 {
        font-size: 35px;
        margin: 5px 0 26px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        position: relative;
    }

    .common-info .text {
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.common-info-bar {
    margin-top: 0;
    padding: 11px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 53px;
    background-color: var(--white);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .common-info-bar .text-color-b3,
    .common-info .text-color-b3 {
        color: #575757;
    }

.common-design-box .slide-folow-bar .service-extra-info-box {
    left: 20px;
}

.common-info-bar .logo-part img {
    width: 20px;
}

.follow {
    display: flex;
    justify-content: center;
    align-self: center;
}

    .follow .text {
        position: relative;
        padding-left: 37px;
        line-height: 55px;
        min-height: 1px;
    }

        .follow .text::before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            background: url("../images/logopart.png") no-repeat 0 0;
            height: 39px;
            width: 28px;
            background-size: 100% auto;
        }


.common-info-bar ul li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
}

.common-info-bar div ul li a {
    font-size: 18px;
    color: #000;
    display: block;
    transition: none;
}

    .common-info-bar div ul li a::before {
        background-image: url("../images/read-black.png");
        top: 11px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        transition: none;
    }

    .common-info-bar div ul li a:hover {
        opacity: 1;
        color: var(--yellow);
        transition: none;
    }

        .common-info-bar div ul li a:hover:before {
            background-image: url("../images/read-icon.png");
            transition: none;
        }

/*=================================================
================== animal-box-sec CSS =================
========================================*/
.animal-box-sec {
    background-color: #15171A;
}

    .animal-box-sec .sec-hading {
        margin-bottom: 50px;
    }

        .animal-box-sec .sec-hading h2 {
            font-size: 40px;
            font-weight: bold;
            line-height: 120%;
        }

.animal-common-box-image {
    position: relative;
    padding-top: 100.45%;
    overflow: hidden;
    display: block;
    height: 100%;
}

    .animal-common-box-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .animal-common-box-image:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.animal-common-box-info .top-line-title-type {
    font-size: 24px;
}

.animal-common-box-info h2 {
    font-size: 28px;
    color: var(--white);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: normal;
}

    .animal-common-box-info h2 > a {
        color: inherit;
        font-size: inherit;
    }

    .animal-common-box-info h2:hover > a {
        color: var(--yellow);
    }

.animal-common-box-info {
    padding-top: 15px;
}

.animal-common-box {
    margin-bottom: 40px;
}

/*========================================================
================== animal-video-block-sec CSS ======
========================================*/

.single-video-info .top-line-title-type {
    font-size: 24px;
}

.single-video-video {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

    .single-video-video img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.single-video-row:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.single-video-row .row {
    align-items: center;
}

.single-video-info h2 {
    font-size: 48px;
    color: #C1C1C1;
    font-weight: 400;
    margin-bottom: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 135px;
    line-height: 120%;
    margin-top: 10px;
}

    .single-video-info h2 > a {
        color: inherit;
        font-size: inherit;
    }

    .single-video-info h2:hover > a {
        color: var(--yellow);
    }

.single-video-info .text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 100px;
}

.single-video-info p:empty {
    display: none;
}

.single-video-info > a {
    display: inline-block;
    color: var(--yellow);
    font-size: 22px;
}

    .single-video-info > a:hover {
        color: var(--white);
    }

.video-play-btn img {
    position: static;
    height: auto;
    width: auto;
    z-index: 9999;
    transform: none !important;
}

.video-play-btn {
    display: inline-block;
    height: 108px;
    width: 72px;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 122px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    transform: translateY(-50%);
}

.single-video-video:hover .video-play-btn {
    background-color: rgba(0,0,0,0.6);
}

.single-video-row {
    margin-bottom: 25px;
}

    .single-video-row:last-child {
        margin-bottom: 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }

section.inner-video-section {
    overflow: hidden;
    padding-bottom: 0;
}

.inner-video-section + .animal-video-block-sec .single-video-row {
    margin-bottom: 20px;
    border-bottom: 1px solid #2C2C2C;
    padding-bottom: 20px;
}

.animal-video-block-sec {
    position: relative;
    margin-top: 60px;
    overflow: visible;
}

section section.animal-video-block-sec::before {
    content: "";
    position: absolute;
    left: -1000%;
    right: -1000%;
    background: #000;
    height: 100%;
    top: 0;
}

.inner-lenses-slider-info {
    margin-top: 30px;
    text-align: right;
}
/*.inner-page-horizontal-nav .owl-dots,
.inner-page-horizontal-nav .owl-nav {
    bottom: 95px;
    height: auto;
    line-height: 16px;
}*/
.animal-video-block-sec .pluse-icon-text a {
    color: #fff;
}

    .animal-video-block-sec .pluse-icon-text a:hover {
        color: var(--yellow);
    }


/*magazine */
section.pt-5 {
    margin-top: 110px;
}

.icon-title {
    color: var(--white);
    font-size: 40px;
    font-family: 'Abu Dhabi Media';
    display: table;
    margin: 0 auto;
    position: relative;
    padding-right: 50px;
}

    .icon-title::before {
        content: "";
        position: absolute;
        right: 0;
        top: 8px;
        background: url("../images/logopart.png") no-repeat 0 0;
        background-size: 100% auto;
        width: 34px;
        height: 46px;
    }

    .icon-title > span {
        font-size: 30px;
        color: #606060;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.one-data {
    margin-bottom: 5px;
}

    .one-data > a {
        display: block;
        position: relative;
        padding-right: 20px;
        font-size: 35px;
        font-family: 'Abu Dhabi Media';
        line-height: 150%;
        color: var(--white);
    }

        .one-data > a:hover {
            color: var(--yellow);
        }

        .one-data > a::before {
            content: "";
            position: absolute;
            right: 0;
            top: 15px;
            width: 2px;
            height: 25px;
            background-color: var(--yellow);
        }

.common-info .one-data > a:hover {
    color: var(--yellow);
}

.common-info .one-data > a {
    font-size: 24px;
    font-weight: bold;
    color: #575757;
    padding-right: 15px;
    line-height: 120%;
    display: inline-block;
    vertical-align: top;
    pointer-events: none;
}

    .common-info .one-data > a::before {
        top: 3px;
    }

.common-info h2 a > img,
.common-info h2 > img {
    text-align: right;
    display: block;
    width: 83px;
    height: 83px;
    object-fit: cover;
    position: absolute;
    top: 8px;
    right: 0;
}

    .common-info h2 a > img + span,
    .common-info h2 > img + span {
        display: block;
        padding-right: 94px;
        min-height: 100px;
    }

.common-info h2 > a:hover {
    color: var(--yellow);
}

.photo-readers .pluse-icon-text a {
    color: #fff;
}

    .photo-readers .pluse-icon-text a:hover {
        color: var(--yellow);
    }

.grey-bg {
    background: var(--dark);
}

.maz-slider li a:hover h3 {
    color: #ffca08;
}

.maz-name {
    margin-bottom: 20px;
}

    .maz-name h3 {
        text-align: center;
        color: #979797;
        font-size: 14px;
        font-weight: normal;
    }

.maz-img {
    position: relative;
    padding-top: 147%;
    background: #1e2126;
}

    .maz-img > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.latest-numbers .sec-hading {
    margin-bottom: 40px;
}

    .latest-numbers .sec-hading h2 {
        display: block;
    }

.latest-numbers .pluse-icon-text.text-left {
    margin-top: 20px;
}

    .latest-numbers .pluse-icon-text.text-left a {
        color: #fff;
    }

        .latest-numbers .pluse-icon-text.text-left a:hover {
            color: var(--yellow);
        }

.maz-slider {
    padding-bottom: 70px;
}

.inner-page-horizontal-nav .maz-slider .owl-dots,
.inner-page-horizontal-nav .maz-slider .owl-nav {
    bottom: 0;
    height: auto;
    line-height: 15px;
}
/*magazine end*/

/*Archive*/
.archive-section .icon-title::before {
    display: none;
}

.main-tab .tab_container {
    margin-top: 30px;
}

ul.inner-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
}

.inner-tabs > li {
    font-size: 22px;
    margin-left: 25px;
    line-height: 100%;
    font-family: 'Abu Dhabi Media';
    font-weight: bold;
    color: var(--textgrey);
    cursor: pointer;
}

.inner-tabs li.inner-active {
    color: var(--white);
}

.inner_tab_container {
    margin-top: 40px;
}

.maz-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 60px -15px 0 -15px;
    list-style: none;
}

    .maz-grid li {
        width: 25%;
        padding: 0 15px 35px 15px;
        margin-bottom: 22px;
        position: relative;
    }

        .maz-grid li::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 2px;
            background: #2C2C2C;
            bottom: 0;
        }

        .maz-grid li:nth-child(4n+1)::before {
            right: 15px;
        }

        .maz-grid li:nth-child(4n):before {
            left: 15px;
        }

        .maz-grid li:nth-last-child(4):before,
        .maz-grid li:nth-last-child(3):before,
        .maz-grid li:nth-last-child(2):before,
        .maz-grid li:last-child:before {
            display: none;
        }

        .maz-grid li > a {
            display: block;
        }

            .maz-grid li > a:hover h3 {
                color: var(--yellow);
            }

            .maz-grid li > a:hover .maz-img {
                transition: all 0.5s ease;
                -webkit-box-shadow: 0 0 0px 4px #a5a5a5;
                box-shadow: 0 0 0px 4px #a5a5a5;
            }

.maz-popup-overlay,
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--white);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.popup {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 1005px;
    width: 100%;
    background: #15171A;
    border: 5px solid #3C3A3A;
    max-height: 568px;
    overflow: auto;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.close-popup {
    margin-bottom: 20px;
}

    .close-quiz a,
    .close-popup a {
        color: var(--white);
        font-size: 24px;
        font-weight: normal;
        display: inline-block;
        vertical-align: top;
        line-height: 120%;
    }

        .close-quiz a i,
        .close-popup a i {
            color: var(--yellow);
            margin-top: 0px;
            display: inline-block;
            vertical-align: top;
            margin-right: 3px;
        }

        .close-popup a i {
            line-height: 0;
        }

        .close-quiz a:hover,
        .close-popup a:hover {
            color: var(--yellow);
            font-size: 24px;
            font-weight: normal;
        }

        .close-popup a i::before {
            display: inline-block !important;
            vertical-align: top;
        }

.maz-grid .close-popup i {
    line-height: normal;
}

.maz-cover {
    float: right;
    width: 211px;
    line-height: 0;
    margin-left: 5%;
    margin-top: 10px;
}

.maz-info {
    float: right;
    width: calc(100% - 211px - 5%);
    display: flex;
    flex-wrap: wrap;
    text-align: right;
}

    .maz-info .maz-content-col {
        width: 48%;
        padding-left: 43px;
        display: block;
        position: relative;
    }

        .maz-info .maz-content-col:last-child {
            width: 52%;
            border-right: 2px solid rgba(137, 137, 137, 0.3);
            padding-right: 43px;
            padding-left: 0;
            padding-bottom: 60px;
        }

            .maz-info .maz-content-col:last-child .btn {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 45px;
                padding: 16px 25px;
                text-align: right;
            }

                .maz-info .maz-content-col:last-child .btn::before {
                    content: "";
                    background: url("../images/button-line.png") no-repeat 0 0;
                    width: 22px;
                    display: inline-block;
                    vertical-align: top;
                    height: 18px;
                    margin-top: 4px;
                    margin-left: 10px;
                }

                .maz-info .maz-content-col:last-child .btn:hover::before {
                    filter: brightness(0) invert(1);
                }


    .popup-footer h3,
    .maz-info h3 {
        color: #fff;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .maz-info p {
        font-size: 24px;
        color: #9B9B9B;
        margin-bottom: 5px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 140px;
    }

        .maz-info p b {
            font-weight: bold;
        }

.app-store {
    margin-top: 20px;
    font-size: 0;
    margin-bottom: 0;
}

.maz-content-col .app-store > a {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    border-radius: 4px;
    overflow: hidden;
    line-height: 0;
    max-width: 132px;
}

    .maz-content-col .app-store > a:last-child {
        margin-left: 0;
    }

.follow-more-maz > a {
    color: var(--yellow);
    font-size: 22px;
    font-weight: bold;
    font-family: 'Abu Dhabi Media';
    position: relative;
    min-width: 294px;
    padding: 12px 20px;
    background: transparent;
    border: 1px solid var(--yellow);
}

    .follow-more-maz > a::after {
        content: "";
        background: url("../images/left-arrow.png") no-repeat 0 0;
        width: 23px;
        height: 23px;
        transition: all 0.5s ease;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        margin-top: 6px;
    }

    .follow-more-maz > a:hover {
        background: var(--yellow);
        color: var(--black);
    }

        .follow-more-maz > a:hover::after {
            background-position: -30px 0px;
            transition: all 0.5s ease;
            filter: brightness(0%);
        }

.open-popup .maz-popup-overlay,
.view-popup .popup-overlay {
    z-index: 100;
    visibility: visible;
    opacity: 0.75;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.open-popup .popup {
    z-index: 101;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.popup-footer {
    margin-top: 35px;
    clear: both;
    float: right;
    padding-top: 35px;
    border-top: 2px solid rgba(137,137,137,0.3);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .popup-footer h3 {
        margin-bottom: 0;
    }




/*Archive end*/


/*artical free account*/
section.article-section {
    padding-bottom: 0;
    padding-top: 0;
}

.art-banner {
    line-height: 0;
}

    .art-banner > img {
        width: 100%;
    }

.white-bg {
    background-color: var(--white);
}

.article-content p {
    color: #A2A2A2;
    font-size: 24px;
    font-family: 'Abu Dhabi Media';
}

section.article-content {
    padding-top: 40px;
    overflow: visible;
}

.art-info ul.two-data {
    margin-top: 0;
    margin-bottom: 0;
}

ul.two-data {
    margin-top: 45px;
    margin-bottom: 32px;
}

.two-data li {
    color: #575757;
    font-size: 40px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 120%;
    font-weight: normal;
}

    .two-data li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        bottom: 14px;
        background-color: var(--yellow);
        width: 3px;
    }

    .two-data li:last-child {
        padding-left: 0px;
        margin-left: 0px;
    }

        .two-data li:last-child:before {
            display: none;
        }

    .two-data li > a {
        color: inherit;
        font-size: inherit;
    }

        .two-data li > a strong {
            font-weight: normal;
        }

        .two-data li > a:hover {
            color: var(--yellow);
        }

.article-content h1 {
    font-weight: bold;
    font-size: 80px;
    line-height: 120%;
    color: #272727;
    margin-bottom: 30px;
}

.article-content p.sub-text {
    font-size: 40px;
    color: #272727;
}

.write-by {
    margin-top: 30px;
}

.article-content .write-by h4 {
    color: #A3A3A3;
    font-size: 25px;
    margin-bottom: 5px;
}

.article-content .write-by .date {
    letter-spacing: 0;
    display: block;
    margin-top: 40px;
    text-align: right;
    color: #A3A3A3;
    position: relative;
}

    .article-content .write-by .date span {
        font-weight: bold;
    }

    .article-content .write-by .date.logo-icon {
        padding-left: 45px;
        display: inline-block;
        vertical-align: top;
    }

        .article-content .write-by .date.logo-icon::before {
            content: "";
            position: absolute;
            left: 0;
            top: -2px;
            background: url("../images/logopart.png") no-repeat 0 0;
            width: 30px;
            height: 44px;
            background-size: 100% auto;
        }

.article-content .write-by p {
    color: #575757;
    letter-spacing: 0.2px;
    line-height: 160%;
}
    .article-content .write-by p a,
    .article-content .write-by p u {
        position: relative;
        text-decoration: none;
        font-weight: normal;
    }   
        .article-content .write-by p a::before,
        .article-content .write-by p u::before {
            content: "";
            position: absolute;
            bottom: 4px;
            left: 0;
            right: 0;
            height: 2px;
            background: var(--yellow);
        }

.button {
    margin-top: 40px;
}

.share-topic {
    margin-top: 60px;
}

.article-content .share-topic p {
    color: #A9ADB4;
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}

.share-topic ul {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-right: 20px;
}

    .share-topic ul li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        list-style: none;
    }

        .share-topic ul li:last-child {
            margin-left: 0px;
        }

        .share-topic ul li a {
            display: block;
            background: url("../images/share-topic.png") no-repeat 0 0;
            height: 50px;
            width: 50px;
        }

            .share-topic ul li a:hover {
                opacity: 0.5;
            }

        .share-topic ul li .twitter {
            background-position: -208px 0px;
        }

        .share-topic ul li .instagram {
            background-position: -144px 0px;
        }

        .share-topic ul li .facebook {
            background-position: -94px 0px;
        }

        .share-topic ul li .whatsapp {
            background-position: -45px 0px;
        }

        .share-topic ul li .link {
            background-position: 7px 0px;
        }

.line-title {
    position: relative;
    padding-right: 30px;
    font-size: 60px;
    margin-bottom: 60px;
    color: #4A4A4A;
    line-height: 120%;
}

    .line-title.center {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .line-title::before {
        content: "";
        position: absolute;
        right: 0;
        top: 20px;
        bottom: 10px;
        background-color: var(--yellow);
        width: 5px;
    }

.related-top .animal-common-box-info h2 {
    color: var(--black);
    font-weight: normal;
    letter-spacing: 0.3px;
}

.related-top .slide-folow-bar li a {
    color: var(--black);
}

    .related-top .slide-folow-bar li a:before {
        background: url("../images/read-black.png") no-repeat 0 0;
        transition: all 0.5s ease;
    }

    .related-top .slide-folow-bar li a:hover {
        color: var(--yellow);
    }

        .related-top .slide-folow-bar li a:hover:before {
            background: url("../images/read-icon.png") no-repeat 0 0;
            transition: all 0.5s ease;
        }

.artical-animal-section .line-title.center {
    color: #fff;
    font-size: 80px;
}

.write-by > img {
    display: block;
    width: 100%;
    margin: 30px auto 20px auto;
}

.article-content .write-by > img + p {
    color: #A2A2A2;
    margin-bottom: 20px;
}
/*artical free account end*/



/*video*/
.inner-video-section .video-topic a {
    padding: 0;
}

.video-views-share {
    margin-top: 30px;
}

    .video-views-share ul {
        font-size: 0;
        margin-bottom: 30px;
    }

        .video-views-share ul > li {
            float: right;
            margin-left: 25px;
            padding-left: 25px;
            border-left: 1px solid #979797;
            line-height: 120%;
            color: #858383;
            font-size: 20px;
            position: relative;
            list-style: none;
        }

            .video-views-share ul > li:last-child {
                margin-left: 0px;
                padding-left: 0px;
                border-left: none;
            }

            .video-views-share ul > li:first-child > div {
                display: inline-block;
                vertical-align: top;
                padding-right: 35px;
                position: relative;
                margin-right: 35px;
                top: 2px;
            }

                .video-views-share ul > li:first-child > div::before {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 0;
                    background: url("../images/view-share-icon.png") no-repeat 0 0;
                    height: 22px;
                    width: 24px;
                }

                .video-views-share ul > li:first-child > div.views {
                    margin-right: 0;
                }

                    .video-views-share ul > li:first-child > div.views::before {
                        background-position: 0 0;
                    }

                .video-views-share ul > li:first-child > div.share::before {
                    background-position: -25px 0;
                }

    .video-views-share p {
        font-size: 16px;
        color: #858383;
        line-height: 160%;
    }

.all-video .sec-hading {
    margin-bottom: 0;
}

    .all-video .sec-hading h2 {
        color: #4A4A4A;
    }
/*video end*/

/*photo gallery*/
ul.photo-grid {
    margin: 0 -18px;
    display: flex;
    flex-wrap: wrap;
}

    ul.photo-grid > li {
        padding: 0 18px;
        width: 33.33%;
        line-height: 0;
        margin-bottom: 38px;
        list-style: none;
    }

        ul.photo-grid > li a {
            display: block;
            position: relative;
            padding-top: 100%;
            overflow: hidden;
        }

            ul.photo-grid > li a > img {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                object-fit: cover;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            ul.photo-grid > li a:hover > img {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }
/*photo gallery end*/

/*login*/
.login-box {
    max-width: 764px;
    margin: 0 auto;
    width: 100%;
}

.form .form-row {
    margin-bottom: 30px;
    display: block;
    position: relative;
}

    .form .form-row:after {
        clear: both;
        content: "";
        display: block;
    }

    .form .form-row.two-row > button {
        width: calc(50% - 11px);
        float: right;
        margin-left: 22px;
    }

        .form .form-row.two-row > button:last-child {
            margin-left: 0px;
        }

    .form .form-row button.btn.back {
        background: transparent;
        border: 2px solid #6D6D6D;
    }

        .form .form-row button.btn.back:hover {
            background: var(--yellow);
            border-color: var(--yellow);
        }

    .form .form-row .required {
        display: block;
        position: absolute;
        left: 30px;
        top: 40px;
        z-index: 3;
        color: #D0021B;
        font-size: 32px;
        line-height: 100%;
        font-family: 'Abu Dhabi Media';
    }

    .form .form-row:last-child {
        margin-bottom: 0px;
    }

.form select,
.form textarea,
.form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
    background-color: #fff;
    height: 90px;
    padding: 0 15px;
    font-family: 'Abu Dhabi Media';
    font-size: 30px;
    color: #818181;
    border: 2px solid #656565;
    width: 100%;
}

.form .form-row .required + input {
    padding-left: 60px !important;
}

.form input[disabled] {
    background-color: #B6B6B6 !important;
}

.form textarea {
    height: 100px;
    padding: 15px;
    resize: none;
}

.form button,
.form input[type="submit"] {
    background: var(--black);
    color: var(--white);
    font-weight: bold;
    font-size: 34px;
    font-family: 'Abu Dhabi Media';
    border: none;
    width: 100%;
    display: block;
    border: 2px solid transparent;
}

    .form button:hover,
    .form input[type="submit"]:hover {
        background: var(--yellow);
        color: var(--black);
    }

    .form button i {
        margin-right: 12px;
        color: var(--yellow);
    }

    .form button:hover i {
        color: var(--black);
    }

.login-box .form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url(../images/select-drp-icon.png);
    background-repeat: no-repeat;
    background-position: 57px center;
    padding-left: 110px;
}

    .login-box .form select::-ms-expand {
        display: none;
    }

    .login-box .form select option {
        font-size: 22px;
    }

.term-condition p,
.forgot-register > div {
    display: block;
    text-align: center;
    color: var(--white);
    font-size: 24px;
    font-family: 'Abu Dhabi Media';
}

    .forgot-register > div a {
        color: var(--yellow);
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .term-condition p a:before,
        .forgot-register > div a:before {
            content: "";
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            height: 1px;
            background: currentColor;
        }

        .forgot-register > div a:hover {
            color: var(--white);
        }

.term-condition p {
    color: #848484;
}

    .term-condition p a {
        display: inline-block;
        vertical-align: top;
        margin-right: 6px;
        position: relative;
    }

        .term-condition p a:before {
            background: currentColor;
            bottom: 6px;
        }

        .term-condition p a:hover {
            color: var(--white);
        }

.cancle-sign-in a {
    font-size: 40px;
    font-family: 'Abu Dhabi Media';
    color: #fff;
}

    .cancle-sign-in a:hover {
        color: var(--yellow);
    }

    .cancle-sign-in a i {
        color: var(--yellow)
    }

/*login end*/


/*account setting*/
section.account-setting {
    padding: 0;
    background: #F9F9F9;
}

.account-setting .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.account-sidebar::before {
    content: "";
    position: absolute;
    left: 0;
    right: -10000%;
    background: #15181c;
    height: 100%;
    z-index: -1;
    top: 0;
}

.account-sidebar {
    position: relative;
    background: #15181c;
    max-width: 270px;
    width: 100%;
    z-index: 1;
    padding: 25px 0px 25px 25px;
}

.account-menu {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 100px;
}

ul.account-menu > li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #515151;
    list-style: none;
}

    ul.account-menu > li > a {
        font-size: 20px;
        color: var(--white);
        display: block;
        padding-right: 35px;
        font-weight: bold;
        font-family: 'Abu Dhabi Media';
        position: relative;
    }

        ul.account-menu > li.active > a,
        ul.account-menu > li > a:hover {
            color: var(--yellow)
        }

        ul.account-menu > li > a::before {
            content: "";
            position: absolute;
            right: 0;
            top: 6px;
            height: 25px;
            width: 25px;
            background: url("../images/account-icon.png") no-repeat 0 -47px;
        }

        ul.account-menu > li > a.account-setting::before {
            background-position: 0 -47px;
        }

        ul.account-menu > li > a.sub-manage::before {
            background-position: 0 -75px;
        }

        ul.account-menu > li > a.sign-out::before {
            background-position: 0 -108px;
            height: 29px;
        }

        ul.account-menu > li.active > a.account-setting:before,
        ul.account-menu > li > a.account-setting:hover:before {
            background-position: -31px -47px;
        }

        ul.account-menu > li.active > a.sub-manage:before,
        ul.account-menu > li > a.sub-manage:hover:before {
            background-position: -31px -75px;
        }

        ul.account-menu > li.active > a.sign-out:before,
        ul.account-menu > li > a.sign-out:hover:before {
            background-position: -31px -108px;
        }

        ul.account-menu > li > a.personal-info::before,
        ul.account-menu > li > a.change-password::before {
            content: "\f13e";
            font-family: "Font Awesome 5 Free";
            background: no-repeat;
            right: 5px;
            top: 7px;
        }

        ul.account-menu > li > a.personal-info::before {
            content: "\f4ff";
            right: 0;
        }


.account-left-col {
    width: calc(100% - 270px);
    padding: 30px 115px 100px 0px;
}

    .account-left-col p {
        font-size: 24px;
        color: #848484;
    }

    .account-left-col .sec-hading {
        margin-bottom: 35px;
    }

    .account-left-col h2 {
        color: #4A4A4A;
    }

    .account-left-col .form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
        border-color: #E1E1E1;
    }

.more-detail > h3,
.form-row > h3 {
    font-size: 30px;
    font-weight: bold;
    color: #909090;
    margin-bottom: 20px;
}

.radio-btn {
    position: relative;
}

    .radio-btn input[type="radio"] {
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

        .radio-btn input[type="radio"] + label {
            color: #4A4A4A;
            font-size: 25px;
            padding-right: 32px;
            position: relative;
            font-family: 'Abu Dhabi Media';
            line-height: 35px;
            margin-bottom: 15px;
            display: block;
            font-weight: bold;
            cursor: pointer;
        }

            .radio-btn input[type="radio"] + label::before {
                content: "";
                position: absolute;
                right: 0;
                top: 10px;
                height: 21px;
                width: 21px;
                border-radius: 50px;
                border: 2px solid #4A4A4A;
            }

        .radio-btn input[type="radio"]:checked + label::after {
            content: "";
            position: absolute;
            right: 5px;
            top: 15px;
            background: #4A4A4A;
            height: 11px;
            width: 11px;
            border-radius: 50px;
        }

.account-left-col .form button {
    width: auto;
    background-color: var(--yellow);
    color: var(--black);
    font-size: 30px;
    padding: 15px 50px;
}

    .account-left-col .form button:hover {
        background-color: var(--black);
        color: var(--white);
    }

.account-left-col hr {
    border-color: transparent;
    border-width: 0;
    background-color: #E1E1E1;
    height: 2px;
    margin: 50px 0 30px 0;
}

.account-left-col .form .sec-hading {
    margin-bottom: 30px;
}

.profile-display {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .profile-display .profile-pic {
        line-height: 0;
        width: 200px;
        height: 200px;
        position: relative;
    }

        .profile-display .profile-pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
        }

    .profile-display .upload-pic {
        width: calc(100% - 200px);
        padding-right: 40px;
    }

.upload-pic .btn.yellow {
    margin-bottom: 30px;
}

.upload-pic p {
    font-size: 24px;
    color: #848484;
    font-family: 'Abu Dhabi Media';
}

    .upload-pic p strong {
        color: #000;
        font-size: 30px;
        margin-left: 20px;
        position: relative;
        line-height: 150%;
        display: inline-block;
        vertical-align: bottom;
    }

        .upload-pic p strong::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: #FFDA02;
            height: 2px;
        }

.form-row .user-email {
    font-size: 35px;
    color: #4A4A4A;
    font-weight: bold;
    font-family: 'Abu Dhabi Media';
    display: block;
}

.subscription-info .btn {
    margin-top: 20px;
}

.more-detail p {
    color: #B2B2B2
}

.form-row .c-type {
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    color: #B1B1B1;
    font-weight: bold;
    margin-left: 30px;
    line-height: 40px;
}

.form-row .cart-type {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
}

    .form-row .cart-type li {
        display: inline-block;
        vertical-align: top;
        margin-left: 5%;
    }

        .form-row .cart-type li:last-child {
            margin-left: 0;
        }

        .form-row .cart-type li label {
            margin: 0;
        }

.form-row.card-detail > input {
    margin-left: 20px;
    max-width: 200px;
}

    .form-row.card-detail > input:last-child {
        margin-left: 0px;
    }

.form-row.green.radio-btn input[type="radio"] + label {
    color: #68AE18;
}

    .form-row.green.radio-btn input[type="radio"] + label::before {
        border-color: #68AE18;
    }
/*account setting end*/


/*search page*/
section.login-gallery,
section.search-section {
    min-height: calc(100vh - 20vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

section.search-section {
    position: relative;
}

    section.search-section .container {
        position: static;
    }

.search-section .login-box {
    max-width: 600px;
}

section.search-section .close-popup {
    position: absolute;
    top: 60px;
    left: 0;
    max-width: 1170px;
    width: 100%;
    right: 0;
    margin: auto;
    padding: 0 15px;
}

.form.search-form .search-btn {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--yellow);
    height: 100%;
    width: 90px;
    text-align: center;
    line-height: 10px;
    font-size: 30px;
    color: var(--black);
    min-width: 1px;
    margin-top: 0;
}

    .form.search-form .search-btn:hover {
        background: var(--black);
        color: var(--white);
    }

    .form.search-form .search-btn i {
        margin: 0;
        color: var(--black);
        font-size: 20px;
        line-height: inherit;
    }

.form.search-form input {
    border-color: transparent !important;
}

.filter-search {
    margin-top: 50px;
}

    .filter-search ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

        .filter-search ul li {
            position: relative;
            padding-left: 30px;
            margin-left: 30px;
            border-left: 2px solid var(--yellow);
            list-style: none;
        }

            .filter-search ul li:last-child {
                padding-left: 0px;
                margin-left: 0px;
                border-left: none;
            }

            .filter-search ul li a {
                font-size: 24px;
                color: #777777;
                position: relative;
                font-weight: bold;
                font-family: 'Abu Dhabi Media';
                display: block;
                line-height: 140%;
                padding-right: 40px;
            }

                .filter-search ul li a::before {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 8px;
                    background: url(../images/search-icon.png) no-repeat 0 0;
                    width: 30px;
                    height: 30px;
                }

                .filter-search ul li a:hover,
                .filter-search ul li a.active {
                    color: #fff;
                }

                .filter-search ul li a[data-filter="all"] {
                    padding-right: 0;
                }

                    .filter-search ul li a[data-filter="all"]:before {
                        display: none;
                    }

                .filter-search ul li a[data-filter="themes"]::before {
                    background-position: 3px 4px;
                }

                .filter-search ul li a[data-filter="videos"]::before {
                    background-position: 3px -29px;
                }

                .filter-search ul li a[data-filter="arab-lenses"]::before {
                    background-position: 3px -60px;
                }

                .filter-search ul li a:hover:before,
                .filter-search ul li a.active:before {
                    filter: brightness(0) invert(1);
                }

.search-list {
    margin-top: 50px;
}

    .search-list > ul > li {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #2C2C2C;
        list-style: none;
    }

        .search-list > ul > li:last-child {
            margin-bottom: 0px;
            padding-bottom: 0px;
            border-bottom: none;
        }


.search-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .search-box > .img-wrap {
        width: 40%;
        padding-top: 24.75%;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .search-box > .img-wrap:hover > img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .search-box .detail-info {
        width: 60%;
        padding-right: 35px;
    }

.detail-info h3 {
    color: #C1C1C1;
    font-size: 36px;
    font-weight: normal;
    font-family: 'Abu Dhabi Media';
}

    .detail-info h3 a {
        font-size: inherit;
        color: inherit;
        font-family: inherit;
    }

.detail-info a:hover {
    color: var(--yellow);
}

.detail-info h3 mark {
    background: transparent;
    color: var(--yellow);
}

.detail-info p {
    font-size: 18px;
    color: #858383;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 75px;
}

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all 0.5s ease;
}

.open-popup .search-popup {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
    transition: all 0.5s ease;
}

.search-popup .search-section {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
}

    .search-popup .search-section > .container {
        padding: 60px 20px;
        height: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.search-popup .close-popup {
    position: absolute;
    top: 0;
    left: 20px;
}

.search-btn {
    margin-top: 35px;
}

    .search-btn a {
        font-size: 22px;
        color: #5F5F5F;
        position: relative;
        font-weight: 500;
        padding-right: 40px;
        line-height: 30px;
    }

        .search-btn a:hover {
            color: var(--yellow);
        }

        .search-btn a::before {
            content: "";
            width: 30px;
            height: 30px;
            position: absolute;
            right: 0;
            top: 3px;
            background-repeat: no-repeat;
            background-size: 30px auto;
        }

    .search-btn.c-artical a::before {
        background-image: url(../images/yellow-line.png);
        background-size: 22px;
    }

    .search-btn.c-video a:before {
        background-image: url(../images/cam.png);
    }

    .search-btn.c-camera a::before {
        background-image: url(../images/camon.png);
        background-size: 28px;
        top: 0;
    }

/*search page end*/


/*privacy-policy*/
section.privacy-policy {
    background: #F9F9F9;
}
.privacy-policy ul {
	list-style-position: inside;
	padding: 20px 35px 20px 0;
}
.privacy-policy .sec-hading h2 {
    color: #4A4A4A;
}

    .privacy-policy .sec-hading h2 img {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }

.privacy-policy h4 {
    color: #474747;
}

.privacy-policy h4 {
    font-weight: normal;
    font-size: 24px;
    color: #474747;
    margin-top: 40px;
    margin-bottom: 5px;
}

.editor-chief-detail p,
.editor-chief-detail li,
.privacy-policy li,
.privacy-policy p {
    color: #474747;
    font-size: 24px;
    font-family: 'Abu Dhabi Media';
    line-height: 160%;
}

    .editor-chief-detail p.grey-text {
        font-weight: normal;
        color: #A2A2A2;
        font-size: 25px;
    }

ul.number > li {
    list-style-type: decimal;
    list-style-position: inside;
    margin-bottom: 25px;
}

.privacy-policy ul > li:last-child {
    margin-bottom: 0;
}
/*privacy-policy end*/


/*Corrections-Clarifications end*/
.send-noti {
    margin-bottom: 50px;
    padding-right: 10px;
    border-right: 3px solid var(--yellow);
}

    .send-noti p {
        line-height: 120%;
        font-size: 35px;
        font-family: 'Abu Dhabi Media';
        color: #A2A2A2;
        font-weight: bold;
    }

        .send-noti p a {
            color: #4B4B4B;
            display: inline-block;
            vertical-align: top;
            margin-right: 5px;
        }

            .send-noti p a:hover {
                color: var(--yellow)
            }

article {
    margin-bottom: 60px;
}

    article:last-child {
        margin-bottom: 0px;
    }

    article > h3 {
        font-size: 40px;
        color: #272727;
        margin-bottom: 20px;
    }

    article > p {
        margin-bottom: 40px;
    }
/*Corrections-Clarifications end*/

/*editor chief*/
section.editor-chief {
    padding: 0;
}

.chief-banner img {
    width: 100%;
}

.chief-banner {
    line-height: 0;
}

section.editor-chief-detail {
    padding-bottom: 30px;
}

.editor-chief-detail .line-title {
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
}

    .editor-chief-detail .line-title::before {
        top: 5px;
    }

.editor-detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

    .editor-detail > * {
        margin-left: 20px;
    }

        .editor-detail > *:last-child {
            margin-left: 0px;
        }

    .editor-detail .social {
        display: flex;
        align-items: center;
    }

        .editor-detail .social > li {
            margin-left: 14px;
        }

            .editor-detail .social > li:last-child {
                margin-left: 0px;
            }

        .editor-detail .social a .fa-twitter {
            color: #4fadf1;
        }

        .editor-detail .social a .fa-instagram {
            color: #c633a5;
        }

        .editor-detail .social a .fa-facebook-f {
            color: #3754a0;
        }

        .editor-detail .social a .fa-envelope {
            color: #8d8d8d;
        }

        .editor-detail .social a:hover {
            opacity: 0.5;
        }


    .editor-detail h2 {
        margin-bottom: 7px;
        font-size: 25px;
        font-weight: bold;
        color: #A3A3A3;
    }

        .editor-detail h2 a {
            color: inherit;
            font-size: inherit;
            font-family: inherit;
        }

            .editor-detail h2 a:hover {
                color: #000;
            }

.editor-artical h2 {
    font-size: 80px;
    font-weight: bold;
    line-height: 120%;
}

.editor-detail .editor-img {
    width: 83px;
    height: 83px;
}

    .editor-detail .editor-img img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.editor-artical-animal-section .icon-title {
    padding-right: 20px;
    margin-bottom: 50px;
}

    .editor-artical-animal-section .icon-title::before {
        content: "";
        background: var(--yellow);
        width: 5px;
        top: 3px;
    }

div.editor-artical.article-content p {
    color: #000;
}

.editor-artical-animal-section .common-info .top-line-title-type > a {
    pointer-events: none;
    font-weight: bold;
}

    .editor-artical-animal-section .common-info .top-line-title-type > a:last-child {
        pointer-events: auto;
    }

section.editor-artical-animal-section .loadmorebtn {
    text-align: center;
}

div.editor-artical.article-content .share-topic p {
    color: #A9ADB4;
}
/*editor chief end*/



/*distribution*/
.distribution .line-title {
    color: #fff;
    margin-bottom: 91px;
}

.map {
    max-width: 1138px;
    height: 624px;
    width: 100%;
    background: #1C1E22;
    position: relative;
    margin-bottom: 50px;
}

    .map > ul > li {
        position: absolute;
        top: 0;
        left: 0;
        list-style: none;
    }

        .map > ul > li a {
            position: relative;
            display: block;
        }

    .map li.map-1 {
        top: 102px;
        left: 93px;
    }

    .map li.map-2 {
        top: 221px;
        left: 94px;
    }

    .map li.map-3 {
        top: 86px;
        left: 197px;
    }

    .map li.map-4 {
        top: 83px;
        left: 395px;
    }

    .map li.map-5 {
        top: 140px;
        left: 418px;
    }

    .map li.map-6 {
        top: 162px;
        left: 607px;
    }

    .map li.map-7 {
        top: 290px;
        left: 571px;
    }

    .map li.map-8 {
        top: 139px;
        left: 723px;
    }

    .map li.map-9 {
        top: 120px;
        left: 734px;
    }

    .map li.map-10 {
        top: 84px;
        left: 742px;
    }

    .map li.map-11 {
        top: 138px;
        left: 733px;
    }

    .map li.map-12 {
        top: 83px;
        left: 780px;
    }

    .map li.map-13 {
        top: 156px;
        left: 729px;
    }

    .map li.map-14 {
        top: 333px;
        left: 829px;
    }

    .map li.map-15 {
        top: 238px;
        left: 937px;
    }

    .map li.map-16 {
        top: 236px;
        left: 928px;
    }

    .map li.map-17 {
        top: 254px;
        left: 944px;
    }

    .map li.map-18 {
        top: 411px;
        left: 815px;
    }

    .map li.map-19 {
        top: 420px;
        left: 807px;
    }

    .map li.map-20 {
        top: 397px;
        left: 958px;
    }

    .map li.map-21 {
        top: 182px;
        left: 877px;
    }

    .map li a path:hover {
        fill: #FFDA02;
    }

.show-on-hover {
    position: absolute;
    top: 50%;
    width: 425px;
    background: rgba(255,255,255,0.82);
    z-index: 3;
    padding: 20px;
    transform: translateY(-50%);
    right: 100%;
    opacity: 0;
    visibility: hidden;
}

.map li.map-1 .show-on-hover,
.map li.map-2 .show-on-hover,
.map li.map-3 .show-on-hover,
.map li.map-4 .show-on-hover,
.map li.map-5 .show-on-hover {
    right: auto;
    left: 100%;
}

.show-on-hover .close-popup {
    margin-bottom: 0;
}

.country h2,
.show-on-hover h2 {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: 'Abu Dhabi Media';
    font-weight: bold;
    line-height: 100%;
}

    .show-on-hover h2 > img {
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
        margin-left: 2px;
    }

.hm-tooptip *,
.show-on-hover li {
    position: relative;
    font-size: 13px;
    color: var(--black);
    font-family: 'Abu Dhabi Media';
}

    .show-on-hover li.long-text {
        padding-right: 63px;
    }

        .show-on-hover li.long-text span {
            position: absolute;
            top: 0;
            right: 0;
        }

    .show-on-hover li .no {
        display: inline-block;
        vertical-align: top;
        direction: ltr;
    }

.map > ul > li a.post-hover .show-on-hover {
    opacity: 1;
    visibility: visible;
}

.map-detail {
    position: relative;
    z-index: 2;
}

    .map-detail h3 {
        font-size: 24px;
        margin-top: 30px;
        color: #858383;
    }

    .map-detail p {
        font-size: 21px;
        color: #858383;
        margin-bottom: 25px;
    }

        .map-detail p:last-child {
            margin-bottom: 0px;
        }

rect.highcharts-background {
    fill: transparent;
}

.highcharts-title {
    display: none;
}

#map {
    max-width: 1138px;
    overflow: visible !important;
}

    #map > div.highcharts-container {
        top: -95px !important;
        left: -185px !important;
        -webkit-transform: scale(1.19);
        transform: scale(1.19);
    }

g.highcharts-legend {
    display: none;
}

text.highcharts-credits {
    display: none;
}

.map path {
    stroke: #1c1e22;
}

.hm-tooptip {
    width: 300px;
    white-space: normal;
    background: rgba(255,255,255,0.82);
    z-index: 3;
    border: none !important;
    padding: 20px;
    direction: rtl;
    text-align: right;
}

    .hm-tooptip > div.hm_distributor {
        position: relative;
        padding-right: 63px;
    }

        .hm-tooptip > div.hm_distributor span {
            position: absolute;
            top: 0;
            right: 0;
        }

.highcharts-root > rect {
    display: none;
}

.hm-tooptip .hm_image,
.hm-tooptip .country {
    display: inline-block;
    vertical-align: top;
}

.hm-tooptip .country {
    margin-bottom: 10px;
}

.hm-tooptip .hm_image {
    height: 17px;
    width: 17px;
    border-right: 50px;
    margin-left: 10px;
}

.hm_number {
    display: ltr;
}
/*distribution end*/

/*404*/
section.no-page-found {
    background: #15161a;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 9%;
}

.page-not-found-msg h1 {
    font-size: 50px;
    font-weight: normal;
    color: #FFFFFF;
    font-family: 'Abu Dhabi Media';
    margin-bottom: 30px;
}

.error-404 img {
    text-align: center;
    display: block;
}

.page-not-found-msg {
    text-align: center;
}



/*404 end*/

/*adv section*/
div.adv-section,
section.adv-section {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.adv-section a {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
}

.light-grey-bg {
    background: #ECECEC;
}

.black-bg {
    background: #000;
}

.light-black {
    background: #1D2023;
}

.adv-section.side-bar {
    float: left;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 90px;
    max-width: 300px;
}

.adv-section + .write-by {
    width: 70%;
    float: right;
}

.header + .adv-section {
    margin-top: 110px;
}

.adv-section + .pt-5 {
    margin-top: 0;
}

.video-detail-section + .adv-section.black-bg {
    padding-top: 0;
}

.adv-section iframe {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
/*adv section end*/

/*Contact Us page Starts */
.contact-us-page .sec-hading p {
    text-align: right;
}

.form-inner-row .form-row {
    width: calc(51.5% - 3%);
    margin-left: 3%;
}

    .form-inner-row .form-row:nth-child(2n) {
        margin-left: 0;
    }

.form-inner-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.contact-us-info .form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url(../images/select-drp-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 25px;
    padding-right: 80px;
}

    .contact-us-info .form select::-ms-expand {
        display: none;
    }

.contact-us-info .form select,
.contact-us-info .form textarea,
.contact-us-info .form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
    border-color: #E1E1E1;
}
.contact-us-info .form .error select,
.contact-us-info .form .error textarea,
.contact-us-info .form .error input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
    border-color: #F2084B;
}
.error .error_msg {
    color: #F2084B;
    font-size: 14px;
    margin-top: 4px;
}

.contact-us-info .form select option {
    font-size: 22px;
}

.contact-us-info textarea {
    min-height: 255px;
}

.contact-btn-block {
    margin-top: 35px;
    display: flex;
    justify-content: center;
}

    .contact-btn-block .btn {
        width: auto;
        background-color: var(--yellow);
        color: var(--black);
        font-size: 30px;
        padding: 15px 50px;
    }

        .contact-btn-block .btn:hover {
            background-color: var(--black);
            color: var(--white);
        }

        .contact-btn-block .btn:first-child {
            margin-right: 38px;
        }

.contact-us-page .sec-hading p {
    margin-top: 10px;
    max-width: 746px;
}

.capctha-block .form-row {
    display: flex;
    justify-content: center;
}
/*Contact Us page Ends*/

/*quiz*/
.quiz-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.65;
    z-index: 2000001;
}

.quiz-popup {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 625px;
    left: 0;
    right: 0;
    background: #15171A;
    border: 5px solid #3C3A3A;
    margin: auto;
    z-index: 2000002;
    padding: 20px;
}

.quiz .close-quiz {
    position: absolute;
    left: 20px;
    top: 20px;
}

.quiz .quiz-step-first h2 {
    color: #fff;
    font-size: 26px;
    margin-top: -5px;
    padding-left: 90px;
}
.quiz section.quiz-step {
    padding-top: 24px;
}
.quiz section.quiz-step.thanks {
    padding-top: 45px;
}
.quiz .price-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

    .quiz .price-box .price-image {
        width: 37%;
    }

    .quiz .price-box .price-description {
        width: 63%;
    }

.price-description li,
.price-description p {
    color: #9B9B9B;
    line-height: 160%;
    font-size: 24px;
    margin-bottom: 0;
}

.quiz .steps {
    display: none;
}

.quiz section {
    padding: 0;
}

#quiz-form > .actions {
    display: none;
}

.quiz .next-step.btn {
    background: var(--black);
    color: var(--white);
    font-weight: bold;
    font-size: 40px;
    font-family: 'Abu Dhabi Media';
    border: none;
    width: 100%;
    display: block;
    border: 2px solid transparent;
}

    .quiz .next-step.btn i {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .quiz .next-step.btn:hover {
        background: var(--yellow);
        color: var(--black);
    }

        .quiz .next-step.btn:hover i {
            color: var(--black);
        }

.quiz h6:empty {
    display: none;
}

.quiz-que {
    margin-bottom: 15px;
    padding-left: 70px;
}

    .quiz-que h6 {
        font-size: 26px;
        color: #9B9B9B;
    }

.form .quiz-step .form-row {
    margin-bottom: 20px;
}

.quiz-ans > a {
    background: var(--black);
    color: var(--white);
    font-weight: bold;
    font-size: 40px;
    font-family: 'Abu Dhabi Media';
    border: none;
    width: 100%;
    display: block;
    text-align: center;
    padding: 25px;
    line-height: 100%;
    margin-bottom: 20px;
}

    .quiz-ans > a:last-child {
        margin-bottom: 0px;
    }

    .quiz-ans > a:hover {
        background: var(--yellow);
        color: var(--black);
    }
.quiz_header {
    position: absolute;
    left: 20px;
    top: 50px;
    font-size: 20px;
    color: #9B9B9B;
    display: block;
    direction: unset;
    unicode-bidi: bidi-override;
}

    .quiz_header > span.curr_questions {
        color: #fff;
    }

.quiz-step p {
    font-size: 30px;
    color: #9B9B9B;
}

.quiz section.thanks p {
    margin-top: 20px;
    margin-bottom: 0;
}

.thanks .social-icon {
    background: #000;
    display: block;
    margin: 30px auto 0 auto;
    padding: 20px;
    width: auto;
    float: none;
}

.thanks div.social-icon li {
    width: 20%;
    text-align: center;
    margin: 0;
}

.thanks .social-icon li a {
    font-size: 32px;
}

    .thanks .social-icon li a:hover i {
        color: var(--yellow);
    }

.thanks .thank-you {
    background: var(--yellow);
    padding: 8px;
    position: relative;
    margin-bottom: 60px;
    width: calc(100% - 20px);
    height: 89px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .thanks .thank-you::after {
        content: "";
        background: url("../images/lines.png") no-repeat 0 0;
        top: 6px;
        left: -19px;
        height: 116px;
        right: 0;
        display: block;
        position: absolute;
        z-index: -1;
        background-size: 100% auto;
    }

    .thanks .thank-you::before {
        content: "";
        position: absolute;
        right: 60px;
        bottom: -39px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 22px 40px 0;
        border-color: transparent #fed400 transparent transparent;
    }

    .thanks .thank-you h5 {
        font-size: 60px;
        color: #000;
        text-align: center;
    }

/*quiz end*/

/**fancybox*/
div.fancybox-overlay-fixed {
    background: #15181C;
}

div.fancybox-wrap {
    -webkit-transform: none;
    transform: none;
    left: 0 !important;
    right: 0 !important;
    max-width: 1187px;
    width: 100% !important;
    margin: auto;
    padding: 90px 0 40px 0px;
    top: 90px !important;
}

.fancybox-wrap div.fancybox-skin {
    background: transparent;
    box-shadow: none;
}

div.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 15px;
    color: #858383;
    font-size: 18px;
    line-height: 150%;
    font-family: 'Abu Dhabi Media';
    direction: rtl;
}

.fancybox-item.fancybox-close::before {
    content: " إغلاق  ";
    display: inline-block;
    vertical-align: top;
    line-height: 100%;
}

.fancybox-item.fancybox-close::after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    color: var(--yellow);
    margin-top: 11px;
    height: 10px;
}

a.fancybox-close {
    position: absolute;
    top: -55px;
    left: calc(-1187px - -146px);
    background: transparent;
    display: inline-block;
    vertical-align: top;
    color: var(--white);
    font-size: 20px;
    height: auto;
    line-height: 0;
    right: 0;
    margin: auto;
    width: 150px;
    direction: rtl;
    text-align: left;
}

a.fancybox-close:hover {
    color: var(--yellow);
}
body .fancybox-margin,
html.fancybox-margin {
    margin-right: 0px;
}
div.fancybox-inner {
    width: 100% !important;
    height: auto !important;
}

.fancybox-lock div.fancybox-overlay {
    overflow: hidden;
    overflow-y: hidden;
}

img.fancybox-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.fancybox-nav.fancybox-prev,
.fancybox-nav.fancybox-next {
    background: transparent;
    font-weight: 900;
    color: #515151;
    font-size: 45px;
    left: 4.5%;
    position: fixed;
    width: 45px;
    top: 4%;
}

.fancybox-nav.fancybox-next {
    left: auto;
    right: 4.5%;
}

    .fancybox-nav.fancybox-next::before {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
    }

.fancybox-nav.fancybox-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
}

.fancybox-nav.fancybox-prev:hover,
.fancybox-nav.fancybox-next:hover {
    color: var(--white);
}

div.fancybox-inner img.fancybox-image {
    width: auto;
}

.fancybox-title h3 {
    font-size: 18px;
    color: rgb(145, 155, 171);
    font-weight: normal;
    margin-bottom: 10px !important;
    display: block;
}

html.fancybox-lock div.fancybox-overlay {
    overflow: auto;
    overflow-y: auto;
    scrollbar-color: #ffda02 #15181c;
    scrollbar-width: thin;
    direction: ltr;
}

    html.fancybox-lock div.fancybox-overlay::-webkit-scrollbar {
        width: 5px;
    }

    html.fancybox-lock div.fancybox-overlay::-webkit-scrollbar-track {
        background: #15181c;
    }

    html.fancybox-lock div.fancybox-overlay::-webkit-scrollbar-thumb {
        background: #ffda02;
    }

.two-data li > a strong,
.art-info p strong {
    font-weight: normal;
}

div.submit-msg {
    color: #8e8e8e;
    margin-bottom: 12px;
}

    div.submit-msg::before {
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #81d700;
        margin-left: 10px;
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
    }

.navs .mobile-login,
.navs .slide-icons {
    display: none;
}
.this-number-box ul {
	list-style: none;
}
.this-number-box.home-maz {
    position: relative;
}

    .this-number-box.home-maz a.popup-click {
        padding-bottom: 30px;
        z-index: 4;
        position: relative;
    }

    .this-number-box.home-maz .slide-folow-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 0;
    }

        .this-number-box.home-maz .slide-folow-bar .read {
            padding-bottom: 0;
        }

.maz-inner-slider .item {
    position: relative;
}

.maz-inner-slider .lenses-slider-slide-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 68px;
    z-index: 1;
}

.maz-inner-slider .item .lenses-slider-slide-info > span.text {
    min-height: 1px;
    margin-bottom: 0;
    color: #fff;
    font-weight: normal;
    display: block;
    font-size: 16px;
}

.lenses-slider-slide-img::before {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
}

.maz-inner-slider.inner-page-horizontal-nav .owl-nav {
    margin-top: calc(64.15% - 60px);
}

.maz-inner-slider .lenses-slider-slide-info p {
    color: #fff;
}

#fancybox-thumbs {
    position: relative;
    top: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9999;
    max-width: 1137px;
    margin: 30px auto 0 auto;
}

    #fancybox-thumbs ul {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        height: 8px;
        text-align: center;
        list-style: none;
    }

        #fancybox-thumbs ul > li {
            display: inline-block;
            vertical-align: top;
            margin: 0 3px;
        }

            #fancybox-thumbs ul > li a {
                height: 8px !important;
                width: 8px !important;
                background: #fff;
                display: block;
                border-radius: 5px;
            }

            #fancybox-thumbs ul > li.active a {
                background: #ffda02;
            }

            #fancybox-thumbs ul > li a > img {
                display: none !important;
            }

.servide-type-sec #gpt-native_ad > div {
    height: 100% !important;
}

    .servide-type-sec #gpt-native_ad > div > iframe {
        height: 100%;
    }

.share-topic .link {
    position: relative;
}

    .share-topic .link:before {
        content: attr(data-title);
        display: block;
        font-size: 14px;
        width: 100px;
        background: #fff !important;
        text-align: center;
        padding: 2px 6px;
        border-radius: 2px;
        top: -34px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.5s ease 0s;
        opacity: 0 !important;
        visibility: hidden;
    }

    .share-topic .link.tolltio-show:before {
        opacity: 1 !important;
        visibility: visible;
    }
/*.share-topic .link:after {
    width: 10px;
    background: transparent;
    height: 10px;
    border-width: 5px;
    border-top-color: #ddd;
    border-style: solid;
    display: block;
    content: "";
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}
.share-topic .link.tolltio-show:after{
    opacity: 1 !important;
    visibility: visible;
}*/

.owl-dots > button,
.owl-nav > button {
    min-width: 1px;
    background: transparent;
    width: auto;
    padding: 0;
}

.article-slider .owl-nav {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 24px;
    z-index: 0;
    margin-top: 60%;
}

    .article-slider .owl-nav .owl-next::before,
    .article-slider .owl-nav .owl-prev::before {
        color: var(--white);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        transition: all 0.5s ease 0s;
        text-shadow: 0 0px 5px rgba(0,0,0,0.5);
    }

    .article-slider .owl-nav .owl-next,
    .article-slider .owl-nav .owl-prev {
        width: 16px;
        height: 20px;
        color: transparent !important;
        background-color: transparent !important;
        opacity: 1;
        bottom: 0;
        position: absolute;
        margin: 0 !important;
    }

    .article-slider .owl-nav .owl-next {
        left: 0;
        right: auto;
    }

    .article-slider .owl-nav .owl-prev {
        right: 0;
        left: auto;
    }

        .article-slider .owl-nav .owl-prev:before {
            content: "\f054";
        }

    .article-slider .owl-nav .owl-next:before {
        content: "\f053";
    }

.article-slider .owl-dots {
    position: absolute;
    left: 50%;
    width: auto;
    margin-left: auto;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    top: 0;
    margin-right: auto;
    margin-top: 60.4%;
    bottom: auto;
}

    .article-slider .owl-dots .owl-dot {
        width: 25px;
        height: 12px;
        margin: 0;
    }

        .article-slider .owl-dots .owl-dot span {
            background-color: var(--white);
            transition: all 0.5s ease 0s;
            height: 4px;
            width: 4px;
            margin: 0 auto;
            border-radius: 100%;
            box-shadow: 0 0 19px 7px rgba(0,0,0,0.3);
        }

        .article-slider .owl-dots .owl-dot.active span {
            background-color: var(--yellow);
            transform: scale(2);
        }

.form-row.dob > input.hasDatepicker {
    background-image: url(../images/Calendar-icon.png);
    background-repeat: no-repeat;
    background-position: 15px center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    -webkit-appearance: none;
    background-image: url(../images/drop-arrow.png);
    background-repeat: no-repeat;
    padding-right: 20px;
    background-position: 93% center;
}

.tags{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}

.tags li {
    margin-left: 12px;
    margin-bottom: 12px;
}

.tags li a {
    background: #F4F4F4;
    border: 1px solid #D9D9D9;
    min-width: 161px;
    font-size: 24px;
    text-align: center;
    display: block;
    padding: 8px 8px;
    line-height: 120%;
    color: #4a4a4a;
}
.top-tags .tags {
    padding-top: 0;
    padding-bottom: 20px;
}
.top-tags .tags {
    color: #fff;
}

section.competitions {
    padding-top: 0;
}
.competitions-link{
    display: block;
    margin-top: 15px;
}
.competitions-link a{
    color: var(--yellow);
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    font-family: 'Abu Dhabi Media';
}
.competitions-link a:hover{
    color: var(--white);
}

.competition h3 {
    font-size: 26px;
    margin-top: 40px;
}
.competition p {
    position: relative;
    padding-right: 50px;
    margin-bottom: 20px;
}
.competition p.no-p{
    padding-right: 0;
}
.competition p > .no {
    position: absolute;
    right: 0;
    top: 2px;
}
.competition .sub {
    padding-right: 50px;
    margin-bottom: 20px;
}

.term-cond.privacy-policy h4 {
    font-weight: bold;
}
.term-cond.privacy-policy h3 {
    font-weight: bold;
    font-size: 24px;
    color: #6a6a6a;
    margin-bottom: 5px;
}