@font-face {
        font-family: 'rok';
        src: url(../fonts/Nosifer-Regular.ttf);
    }
    
    @font-face {
        font-family: 'ang';
        src: url(../fonts/Modak-Regular.ttf)
    }
    
    * {
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }
    
    .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    body {
        position: relative;
        background-color: #15171c;
    }
    
    header {
        position: relative;
        overflow: hidden;
    }
    
    header>figure {
        width: 100%;
    }
    
    header>figure>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    header>.background-png {
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/h2-shape.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 80% 60%;
        width: 100%;
        height: 100%;
    }
    
    header>.background-png>div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        transform: translateY(-50px);
    }
    
    header>.background-png>div>h3 {
        letter-spacing: 0.3em;
        text-shadow: 5px 5px 0 rgb(31, 29, 29);
        font-size: 2em;
    }
    
    header>.background-png>div>h1 {
        font-family: 'rok';
        font-size:3em;
        margin-top:1em!important;
    }
    
    header>.background-png>div>div {
        display: flex;
        justify-content: space-around;
        flex-wrap:wrap;
        align-items: center;
        width:100%;
        transform: translateY(50px);
    }
    
    header>.background-png>div>div>a:nth-of-type(1),
    section:nth-of-type(3)>div>div>a {
        background-color: #ff8503;
        color: white;
        text-decoration: none;
        width: 190px;
        height: 60px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-size: 1.2em;
        font-weight: bold;
        text-transform: uppercase;
        clip-path: polygon(90% 0, 100% 34%, 100% 100%, 10% 100%, 0 66%, 0 0);
        transition: 1s;
    }
    
    header>.background-png>div>div>a:nth-of-type(1):hover,
    section:nth-of-type(3)>div>div>a:hover {
        background-color: #1f2029;
    }
    
    header>.background-png>div>div>a:nth-of-type(2) {
        text-transform: uppercase;
        font-weight: bold;
        color: white;
        text-decoration: none;
    }
    
    header>nav {
        height: 15%;
        background-color: #8307a5c7;
        position: fixed;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 800;
    }
    
    header>nav>figure {
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    header>nav>figure>a>img {
        width: 130px;
        height: 40px;
    }
    
    header>nav>ul {
        display: none;
        justify-content: space-around;
        align-items: center;
        height: 100%;
        position: relative;
    }
    
    header>nav>ul>li {
        list-style-type: none;
        transform: skew(-20deg);
        height: 100%;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.7s;
    }
    
    header>nav>ul>li:first-child {
        background-color: #31064e;
        box-shadow: 0 3px 0 #ff8503;
        color: #ff8503;
    }
    
    header>nav>ul>li:first-child>a {
        color: #ff8503;
    }
    
    header>nav>ul>li>a {
        color: white;
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 0.8em;
        transform: skew(20deg);
        transition: 0.7s;
    }
    
    header>nav>ul>li:hover {
        background-color: #31064e;
        box-shadow: 0 3px 0 #ff8503;
    }
    
    header>nav>ul>li>a:hover {
        color: #ff8503;
    }
    
    header>nav>ul>li:first-child>ul,
    header>nav>ul>li:nth-of-type(4)>ul {
        position: absolute;
        top: 103%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        width: 200px;
        transform: rotateX(-87deg) skewX(20deg);
        transition: 0.7s;
        transform-origin: 100% top;
    }
    
    header>nav>ul>li:first-child>ul>li,
    header>nav>ul>li:nth-of-type(4)>ul>li {
        list-style-type: none;
        height: 55px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    header>nav>ul>li:first-child>ul>li>a,
    header>nav>ul>li:nth-of-type(4)>ul>li>a {
        color: white;
        text-decoration: none;
        padding: 30px 20px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.7s;
    }
    
    header>nav>ul>li:first-child:hover ul,
    header>nav>ul>li:nth-of-type(4):hover ul {
        opacity: 1;
        overflow: visible;
        transform: perspective(1000px) rotateX(0) skewX(20deg);
    }
    
    header>nav>ul>li:first-child>ul>li>a:hover,
    header>nav>ul>li:nth-of-type(4)>ul>li>a:hover {
        transform: translateX(10px);
    }
    
    header>nav>span {
        color: white;
        font-size: 1.5em;
        height: 100%;
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    header>nav>div {
        height: 100%;
        display: none;
        justify-content: space-around;
        align-items: center;
        background-color: #480159;
        z-index: -1;
    }
    
    header>nav>div>figure {
        position: relative;
    }
    
    header>nav>div>figure::after {
        content: "";
        position: absolute;
        top: -10px;
        left: -5px;
        width: 60px;
        ;
        height: 60px;
        background-color: #ff8503;
        border-radius: 7px;
        padding: 20px;
        z-index: -1;
    }
    
    header>nav>div>figure>img {
        width: 50px;
        height: 40px;
        z-index: 3;
    }
    
    header>nav>div>span {
        color: white;
        display: block;
    }
    
    header>.menu-response {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        background-color: #1a1b21;
        width: 300px;
        transform: translateX(-300px);
        transition: 1s;
        z-index: 999;
        overflow: hidden;
       
    }
    
    header>.menu-response>nav {
        position: relative;
        overflow: hidden;
   
    }
    
    header>.menu-response>nav>figure {
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid white;
    }
    
    header>.menu-response>nav>figure>img {
        width: 130px;
        height: 50px;
    }
    
    header>.menu-response>nav>span {
        color: wheat;
        font-size: 1.3em;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    
    header>.menu-response>nav>ul {
        width: 100%;
    }
    
    header>.menu-response>nav>ul>li {
        list-style-type: none;
        width: 300px;
        height: auto;
        border-bottom: 1px solid white;
    }
    
    header>.menu-response>nav>ul>li>a {
        text-decoration: none;
        color: white;
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transform: translateX(20px);
        transition: 1s;
    }
    
    header>.menu-response>nav>ul>li>a:hover {
        color: #ff8503;
    }
    
    header>.menu-response>nav>ul>li:nth-of-type(1),
    header>.menu-response>nav>ul>li:nth-of-type(4) {
        position: relative;
    }
    
    header>.menu-response>nav>ul>li>span {
        color: white;
        font-size: 1.3em;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }
    
    header>.menu-response>nav>ul>li>ul {
        display: none;
    }
    
    header>.menu-response>nav>ul>li>ul>li {
        list-style-type: none;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid white;
    }
    
    header>.menu-response>nav>ul>li>ul>li>a {
        text-decoration: none;
        color: #ff8503;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transform: translateX(20px);
        transition: 1s;
    }
    
    header>.menu-response>nav>ul>li>ul>li>a:hover {
        color: white;
    }
    
    header>div:nth-of-type(3) {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1a1b21;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        z-index: 1000;
    }
    
    header>div:nth-of-type(3)>h3 {
        font-size: 3em;
        text-transform: capitalize;
        font-family: 'modak';
        position: relative;
    }
    
    header>div:nth-of-type(3)>h3::after,
    header>div:nth-of-type(3)>h3::before {
        content: '...';
        position: absolute;
        top: 0;
    }
    
    header>div:nth-of-type(3)>h3::after {
        left: -15%;
    }
    
    header>div:nth-of-type(3)>h3::before {
        right: -15%;
    }
    
    header>div:nth-of-type(3)>form {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 25%;
    }
    
    header>div:nth-of-type(3)>form>input {
        width: 90%;
        height: 60px;
        text-align: center;
        font-size: 1.5em;
        font-weight: 600;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        border: none;
        outline: none;
        background-color: #1a1b21;
        border-bottom: 1px solid #ff8503;
        color: white;
    }
    
    header>div:nth-of-type(3)>form>button {
        position: absolute;
        top: 80px;
        ;
        right: 80px;
        ;
        font-size: 2em;
        color: #ff8503;
        background-color: transparent;
        border: none;
        outline: none;
    }
    
    header>div:nth-of-type(3)>span {
        position: absolute;
        top: 30px;
        right: 30px;
        color: #ff8503;
        font-size: 2em;
        cursor: pointer;
        transition: 0.5s;
    }
    /* ************************  end header ************************* */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    body>div {
        background-color: rgba(0, 0, 0, 0.801);
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 900;
    }
    
    main>.gotop {
        display: none;
        width: 50px;
        height: 50px;
        background: #f08914;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: fixed;
        right: 10px;
        bottom: 20px;
        transition: 1s;
    }
    /* ********************* fixed *********************  */
    
    section:nth-of-type(1)>div {
        transform: translateY(100px);
   
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70vh;
     
       
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div {
        background-color: #1f2029;
        width: 75%;
        height: 85%;
        color: white;
        display: flex;
        justify-self: center;
        align-items: center;
        padding:1em!important;
       
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div {
        width: 90%;
        height: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(1) {
        justify-content: space-around;
        align-items: center;
        height: 15%;
        width: 100%;
        display:flex;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(1)>a {
        text-decoration: none;
        display:none;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(1)>a:nth-of-type(1) {
        color: #ff8503;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(1)>a:nth-of-type(2) {
        color: white;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2em;
        font-weight: bold;
        height: 40%;
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
     
    }
  
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>h2::before {
        content: "";
        position: absolute;
        top: 0;
        left: 20px;
        height: 4px;
        width: 100%;
        background-color: #ff8503;
        display:none;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>p {
        width: 90%;
        font-size: 0.8em;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(2) {
        display: flex;
        height: 20%;
        width: 90%;
        align-items: center;
        justify-content: flex-start;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(2)>span {
        width: 30px;
        color: #ff8503;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2) {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2)>div {
        position: relative;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2)>div>img {
        width: 85%;
        height: 90%;
        object-fit: cover;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2)>div>div {
        position: absolute;
        background-position: center;
        background-repeat: no-repeat;
        height: 50%;
        width: 50%;
        z-index: -1;
        transition: 1s;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2)>div>div:nth-of-type(1) {
        background-image: url(../images/game_img02.png);
        background-size: 60% 70%;
        top: 100px;
        left: -40%;
        z-index: 10;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2)>div>div:nth-of-type(2) {
        background-image: url(../images/game_img03.png);
        background-size: 80% 80%;
        top: 200px;
        right: 120px;
    }
    
    section:nth-of-type(1)>div>div:nth-of-type(2)>div>div:nth-of-type(3) {
        background-image: url(../images/game_img04.png);
        background-size: 80% 100%;
        top: 50px;
        right: -20%;
    }
    /* ****************  end section 1*************************** */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    section:nth-of-type(2) {
        margin-top: 70px !important;
        overflow: hidden;
    }
    
    section:nth-of-type(2)>div:nth-of-type(1) {
        background-image: url(../images/offer_shape.png);
        background-position: top left;
        background-size: 100% 100%;
        width: 100px;
        height: 100px;
        animation: shape 5s linear infinite;
    }
    
    @keyframes shape {
        0% {
            transform: scale(1.2);
        }
        50% {
            transform: scale(1.5);
        }
        100% {
            transform: scale(1.2);
        }
    }
    
    section:nth-of-type(2)>h2 {
        font-size: 2em;
        color: white;
        width: 70%;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: bold;
        margin-left:8% !important;
        margin-bottom: 50px !important;
        position: relative;
    }
    
    section:nth-of-type(2)>h2::before {
        content: "";
        position: absolute;
        top: 11px;
        left: -15px;
        width: 7px;
        height: 80%;
        background-color: #dd8725;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2) {
        display: flex;
        justify-content: center;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent {
        width:90%;
        padding:0 2em;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent>div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25vh;
        margin:0 auto;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent>div>div {
        background-image: linear-gradient(to bottom, #dd8725, rgb(214, 66, 7));
        color: white;
        width: 93%;
        height: 90%;
        box-shadow: 0 0 7px 0 silver;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent>div:nth-of-type(1)>div {
        transform: translateX(400px);
        transition: 1s;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent>div:nth-of-type(3)>div {
        transform: translateX(-400px);
        transition: 1s;
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent>div>div>h3 {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 600;
        font-size: 1.5em;
        height: 30%;
        display: flex;
        justify-content: left;
        align-items: center;
        margin-left: 20px !important;
        margin-top: 30px !important;
        text-shadow: 1px 1px 2px rgb(155, 146, 146);
    }
    
    section:nth-of-type(2)>div:nth-of-type(2)>.parent>div>div>p {
        margin-left: 20px !important;
        text-shadow: 0 0 3px rgb(155, 146, 146);
    }
    /* ******************* end section 2************************ */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    section:nth-of-type(3) {
        margin-top: 100px !important;
    }
    
    section:nth-of-type(3)>div {
        height: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    section:nth-of-type(3)>div>figure {
        width: 70%;
        height: 90%;
    }
    
    section:nth-of-type(3)>div>figure>img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        box-shadow: 5px 5px 5px 5px silver;
    }
    
    section:nth-of-type(3)>div>div {
        margin-top: 50px!important;
    }
    /* **********************  end section 3***************************** */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    section:nth-of-type(4) {
        margin-top: 150px!important;
    }
    
    section:nth-of-type(4)>h2 {
        color: white;
        font-size: 2em;
        font-weight: bold;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        position: relative;
        text-align: center;
    }
    
    section:nth-of-type(4)>h2::before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 40%;
        height: 4px;
        width: 200px;
        background-color: #ff8503;
        display:none;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1) {
        background-image: url(../images/give_player_bg.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div {
        color: white;
        margin-bottom: 20px !important;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1),
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2),
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3) {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        margin-top: 20px !important;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1),
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2),
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3) {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-top: 20px !important;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>figure {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 40px !important;
        width: 50%;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>figure {
        margin-left: 50px !important;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>figure,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>figure {
        margin-right: 70px !important;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(2) {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(2)>figure {
        width: 100%;
        height: 100%;
        margin-top: 70px !important;
        transform: scale(0);
        transition: 1s;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(2)>figure>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>figure>img,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>figure>img,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>figure>img,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>figure>img,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>figure>img,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>figure>img {
        width: 40px;
        height: 40px;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>figure>figcaption,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>figure>figcaption,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>figure>figcaption,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>figure>figcaption,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>figure>figcaption,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>figure>figcaption {
        text-transform: capitalize;
        color: white;
        font-weight: bold;
        font-size: 0.9em;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>p {
        text-align: right !important;
    }
    
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>p,
    section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>p {
        color: white;
        width: 85%;
        padding: 10px !important;
    }
    /* --***************************************** end section 4*************************************************** */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    section:nth-of-type(5) {
        background-image: url(../images/live_match_bg.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 50px 1em !important;
        width: 100%;
    }
    
    section:nth-of-type(5)>div {
        display: flex;
        justify-content: center;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(1),
    section:nth-of-type(5)>div>div>div:nth-of-type(3) {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(1)>figure,
    section:nth-of-type(5)>div>div>div:nth-of-type(3)>figure {
        width: 90%;
        height: 80%;
        animation: s5 3s linear infinite;
    }
    
    @keyframes s5 {
        0% {
            transform: translateY(7px);
        }
        50% {
            transform: translateY(15px);
        }
        100% {
            transform: translateY(7px);
        }
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(1)>figure>img,
    section:nth-of-type(5)>div>div>div:nth-of-type(3)>figure>img {
        width: 100%;
        height: 100%;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: wheat;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>p {
        text-transform: capitalize;
        background-color: #f08914;
        padding: 7px 40px !important;
        font-weight: bold;
        font-size: 0.9em;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span {
        display: block;
        font-size: 3.7em;
        font-weight: bold;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        margin-top: 100px !important;
        position: relative;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span::after,
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 40%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.685);
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span::before {
        left: -60px;
    }
    
    section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span::after {
        right: -60px;
    }
    /* ************************  end section 5*****************************  */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    section:nth-of-type(6)>div {
        margin-top: 100px !important;
        display: flex;
        justify-content: center;
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div {
        width: 85%;
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div>div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div>div>figure>img {
        width: 90%;
        height: 90%;
        border: 1px solid rgba(85, 74, 74, 0.548);
        transition: 1s;
      
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div>div>figure>img:hover {
        border: 1px solid rgb(85, 74, 74);
        opacity: 0.4;
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div>div>figure>figcaption {
        color: white;
        padding: 20px 0 !important;
        text-transform: capitalize;
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div>div>a {
        color: white;
        text-decoration: none;
        text-transform: capitalize;
        background-color: #ff8503;
        padding: 10px 50px !important;
        margin-top: 30px !important;
        clip-path: polygon(90% 0, 100% 34%, 100% 100%, 10% 100%, 0 66%, 0 0);
        transition: 1s;
        margin-bottom: 20px!important;
    }
    
    section:nth-of-type(6)>div:nth-of-type(1)>div>div>a:hover {
        background-color: #1f2029;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div {
        background-image: url(../images/newsletter_bg.jpg);
        background-position: cover;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 82%;
        border-radius: 20px;
        padding: 60px 30px !important;
        display: flex;
        justify-content: center;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 90%;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>figure {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>figure>img {
        width: 20%;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>figure>figcaption {
        color: white;
        text-transform: capitalize;
        font-size: 1.2em;
        font-weight: 600;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        width: 70%;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>form {
        display: flex;
        width: 40%;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>form>div {
        width: 100%;
        position: relative;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>form {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px !important;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>form>div>input:nth-of-type(1) {
        height: 40px;
        border: 1px solid white;
        outline: none;
        background-color: rgba(0, 0, 0, 0.616);
        color: white;
        padding: 30px !important;
        border-radius: 40px;
        width: 150%;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>form>div>input:nth-of-type(2) {
        color: #f08914;
        outline: none;
        border: none;
        padding: 20px !important;
        text-transform: capitalize;
        font-weight: 600;
        border-radius: 40px;
        height: 50px;
        line-height: 10px;
        width: 100%;
        margin-top: 20px !important;
        font-size: 0.8em;
        transition: 1s;
    }
    
    section:nth-of-type(6)>div:nth-of-type(2)>div>div>form>div>input:nth-of-type(2):hover {
        background-color: #f08914;
        color: white;
    }
    /* *************************** end section 6******************************** */
    /* *********************************** rahimirahele16@gmaile.com*********************************** */
    
    footer {
        background-image: url(../images/footer_bg.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 50px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 50px 30px !important;
    }
    
    footer>div {
        width: 90%;
    }
    
    footer>div>div {
        color: white;
        height:35vh;
    
    }
    
    footer>div>div:nth-of-type(1) {
        color: white;
        padding: 40px 0 !important;
    }
    
    footer>div>div:nth-of-type(1)>figure>img {
        width: 120px;
        height: 40px;
    }
    
    footer>div>div:nth-of-type(1)>p {
        width: 100%;
        padding: 20px 0 !important;
    }
    
    footer>div>div:nth-of-type(1)>address,
    footer>div>div:nth-of-type(1)>span {
        padding: 10px !important;
    }
    
    footer>div>div:nth-of-type(2),
    footer>div>div:nth-of-type(3) {
        display: flex;
        justify-content: center;
        align-items: left;
        flex-direction: column;
    }
    
    footer>div>div:nth-of-type(2) {
        margin-top: -40px !important;
    }
    
    footer>div>div:nth-of-type(2)>h3 {
        height: 15%;
        margin-top:3em!important;
    }
    
    footer>div>div:nth-of-type(2)>ul {
        height: 40%;
        margin-top:1em!important;
    }
    
    footer>div>div:nth-of-type(2)>ul>li {
        list-style-type: none;
        height: 20%;
        margin-top:0.2em!important;
    }
    
    footer>div>div:nth-of-type(2)>ul>li>a {
        color: white;
        text-decoration: none;
    }
    
    footer>div>div:nth-of-type(3)>h3 {
        height: 10%;
    }
    
    footer>div>div:nth-of-type(3)>figure {
        display: flex;
        align-items: center;
        height: 30%;
        margin-top: 10px !important;
    }
    
    footer>div>div:nth-of-type(3)>figure>img {
        width: 30%;
        height: 100%;
        object-fit: cover;
    }
    
    footer>div>div:nth-of-type(3)>figure>figcaption {
        padding-left: 20px !important;
    }
    
    footer>div>div:nth-of-type(4) {
        padding-left: 20px !important;
    }
    
    footer>div>div:nth-of-type(4)>h3 {
        height: 30%;
        display: flex;
        align-items: center;
    }
    
    footer>div>div:nth-of-type(4)>ul {
        display: flex;
        justify-content: space-around;
        width: 60%;
    }
    
    footer>div>div:nth-of-type(4)>ul>li {
        list-style-type: none;
        width: 50%;
    }
    
    footer>div>div:nth-of-type(4)>ul>li>a {
        color: white;
        text-decoration: none;
        padding: 10px;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 1s;
        margin:0 0.2em!important;
    }
    .logo{
        margin-top:1em!important;
    }
  
    .Halda{
        margin-top:1.5em!important;
    }
    .recent{
        margin-top:1em!important;
        margin-bottom:0.7em!important;
    }
    .folloetitle{
        margin-top:0.5em!important; 
    }
    .follow{
        margin-top:-0.5em!important;
    }
    footer>div>div:nth-of-type(4)>ul>li:nth-of-type(1)>a {
        background-color: blue;
    }
    
    footer>div>div:nth-of-type(4)>ul>li:nth-of-type(2)>a {
        background-color: rgb(31, 155, 204);
    }
    
    footer>div>div:nth-of-type(4)>ul>li:nth-of-type(3)>a {
        background-color: rgb(48, 29, 167);
    }
    
    footer>div>div:nth-of-type(4)>ul>li:nth-of-type(4)>a {
        background-color: orangered;
    }
    
    footer>div>div:nth-of-type(4)>ul>li>a:hover {
        transform: translateY(-10px);
    }
    /* *********************************** rahimirahele16@gmaile.com*********************************** */