@font-face {
        font-family: 'Poppins';
        src: url(../fonts/Poppins-Light.woff2);
        font-weight: 300;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url(../fonts/Poppins-Regular.woff2);
        font-weight: 400;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url(../fonts/Poppins-Medium.woff2);
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url(../fonts/Poppins-SemiBold.woff2);
        font-weight: 600;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url(../fonts/Poppins-Bold.woff2);
        font-weight: 700;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url(../fonts/Poppins-Black.woff2);
        font-weight: 900;
        font-style: normal;
    }
    
    html,
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        min-height: 100%;
    }
    
    body {
        font-family: 'Poppins';
        font-weight: 300;
        font-style: normal;
        font-size: 17px;
        background: #FFF;
        color: #0e1536;
    }
    
    a,
    a:link,
    a:visited {
        outline: none;
        text-decoration: none;
        -moz-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: transparent;
    }
    
    img {
        border: none;
        margin: 0;
        max-width: 100%;
        width: 100%;
    }
    
    h1 {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 45px;
        line-height: 50px;
        margin: 0;
        padding: 0;
    }
    
    h2 {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 40px;
        line-height: 50px;
        margin: 0;
        padding: 0;
    }
    
    h3 {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 25px;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }
    
    h4 {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 20px;
        margin: 0;
        padding: 0;
    }
    
    h5 {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 18px;
        margin: 0;
        padding: 0;
    }
    
    h6 {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 17px;
        margin: 0;
        padding: 0;
    }
    
    p {
        font-family: 'Poppins';
        font-weight: 300;
        font-size: 17px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }
    
    form,
    input,
    select,
    textarea {
        font-family: 'Poppins';
        margin: 0;
        padding: 0;
    }
    
    textarea {
        resize: none;
    }
    
    input:focus,
    textarea:focus {
        outline: none;
    }
    
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    time {
        display: block;
        margin: 0;
        padding: 0;
    }
    
    .customClear {
        clear: both;
        font-size: 0em;
        line-height: 0px;
        height: 0px;
        margin: 0;
        padding: 0;
    }
    /*IE below 9*/
    
    #ieWrapper {
        background: #000;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    
    .ieHolder {
        position: relative;
        width: 555px;
        padding: 20px;
        margin: 200px auto 0 auto;
        background: #FFF;
        border: 7px solid #2b2927;
    }
    
    .btnIeUpdate {
        background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
        width: 144px;
        height: 37px;
        position: absolute;
        right: 20px;
        bottom: 20px;
        color: #fff;
        line-height: 37px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
    }
    
    .ieLogo {
        float: left;
        width: 134px;
        height: 139px;
        background: url(../images/ieLogo.jpg) no-repeat 0 0;
    }
    
    .ieContent {
        float: right;
        margin: 0;
        padding: 0;
        width: 350px;
        color: #666;
        font-size: 15px;
        line-height: 18px;
    }
    
    .ieContent strong {
        margin: 0 0 15px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px dashed #cccccc;
        display: block;
        font-size: 18px;
        color: #333;
        font-weight: 400;
    }
    /*End IE below 9*/
    /* Custom CSS */
    
    * {
        box-sizing: border-box;
    }
    
    ul,
    li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .pageCenter {
        max-width: 1345px;
        margin: auto;
        padding: 0 50px;
    }
    /* Header */
    
    .pageHeader {
        background-color: #fff;
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
        padding-top: 55px;
        padding-bottom: 40px;
        z-index: 10;
    }
    
    .headerWrap {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        justify-content: space-between;
        align-items: center;
    }
    
    .headerLogo img {
        max-width: 264px;
    }
    
    .navWrap {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        justify-content: flex-end;
        align-items: center;
    }
    
    .navWrap .btnWrap {
        order: 1;
        display: flex;
        flex-wrap: wrap;
        column-gap: 6px;
        justify-content: flex-end;
        align-items: center;
    }
    
    .navList {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        justify-content: flex-end;
        align-items: center;
    }
    
    .navItem .navLink {
        font-size: 18px;
        color: #0e1536;
        transition: all .3s ease;
    }
    
    .navItem.active .navLink,
    .navItem:hover .navLink {
        color: #1b79ef;
    }
    
    .btnLink {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        height: 44px;
        padding: 0 30px;
        border-radius: 50px;
        font-size: 18px;
    }
    
    .btnLink.btnSignUp {
        background-color: #1b79ef;
        border: 1px solid #1b79ef;
        color: #fff;
    }
    
    .btnLink.btnLogin {
        background-color: transparent;
        border: 1px solid #0e1536;
        color: #0e1536;
    }
    /* Footer */
    
    .footerTop {
        padding-top: 55px;
        padding-bottom: 48px;
    }
    
    .footerNav {
        margin-bottom: 70px;
    }
    
    .navListFooter {
        column-gap: 48px;
    }
    
    .footerInfo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .footerDesc,
    .contactLinksWrap {
        flex-basis: 48%;
    }
    
    .footerDesc p {
        padding-top: 35px;
        max-width: 470px;
    }
    
    .contactLinksWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .linksWrap {
        flex-basis: 130px;
    }
    
    .contactWrap {
        flex-basis: calc(100% - 150px);
    }
    
    .contactLinksWrap h4 {
        margin-bottom: 30px;
    }
    
    .contactItem {
        display: flex;
    }
    
    .footerIcon {
        flex-basis: 32px;
        margin-top: 3px;
    }
    
    .footerIcon img {
        width: auto;
        max-width: 16px;
    }
    
    .footerIconText {
        flex-basis: calc(100% - 32px);
        max-width: 275px;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        color: #0e1536;
    }
    
    .linksItem {
        position: relative;
        padding-left: 20px;
    }
    
    .linksItem:before {
        position: absolute;
        left: 0;
        top: 15px;
        transform: translateY(-50%);
        content: '';
        background-color: #1b79ef;
        border-radius: 50%;
        width: 6px;
        height: 6px;
    }
    
    .linksItem a {
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        color: #0e1536;
    }
    
    .footerBottom {
        border-top: 1px solid #e0e2e5;
        padding-top: 26px;
        padding-bottom: 55px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .copyright {
        font-weight: 400;
    }
    
    .socialList {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        column-gap: 22px;
    }
    /* Mobile Menu */
    
    .hamburgerMenu {
        display: none;
        width: 35px;
        height: 5px;
        border-radius: 3px;
        background-color: #1b79ef;
        position: relative;
        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        margin-right: 5px;
        z-index: 4;
    }
    
    .hamburgerMenu::before,
    .hamburgerMenu::after {
        content: "";
        position: absolute;
        left: 5px;
        width: 100%;
        width: 35px;
        height: 5px;
        border-radius: 3px;
        background-color: #1b79ef;
        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    }
    
    .hamburgerMenu::before {
        top: -10px;
    }
    
    .hamburgerMenu::after {
        bottom: -10px;
    }
    
    .hamburgerMenu.open {
        background-color: transparent;
    }
    
    .hamburgerMenu.open::before {
        transform: translateY(10px) rotate(45deg);
    }
    
    .hamburgerMenu.open::after {
        transform: translateY(-10px) rotate(-45deg);
    }
    
    .overlay {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 2;
    }
    
    .overlay.show {
        display: block;
    }
    
    .mobileMenu {
        display: none;
    }
    
    .mobileMenu {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        width: 300px;
        transition: all ease .3s;
        padding: 30px 20px;
        background: #fff;
        box-shadow: -5px 0 20px 0 rgb(0 0 0 / 20%);
        z-index: 3;
    }
    
    .mobileMenu ul {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
    }
    
    .mobileMenu.open {
        right: 0;
        left: auto;
    }
    
    .mobileMenu ul li {
        width: 100%;
        padding: 10px 0;
        height: auto;
        text-align: center;
    }
    
    .mobileMenu ul li a {
        color: #fff;
    }
    /* Page Content */
    
    .pageContent {
        padding-top: 72px;
    }
    
    .searchWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: 78px;
        padding: 0 8px;
        margin-bottom: 80px;
        border-radius: 50px;
        background-color: #fff;
        box-shadow: 0px 10px 50px 0px rgba(119, 130, 178, 0.1);
    }
    
    .searchWrap .searchBtn {
        flex-basis: 162px;
        height: 66px;
    }
    
    .searchWrap .searchInput {
        flex-basis: calc(100% - 192px);
        height: 66px;
    }
    
    .searchInput input {
        height: 100%;
        width: 100%;
        padding: 0 47px;
        border: 0;
        background: transparent;
        color: #0e1536;
        font-size: 18px;
        font-weight: 300;
    }
    
    .searchInput input::-webkit-input-placeholder {
        color: #828282;
    }
    
    .searchInput input:-ms-input-placeholder {
        color: #828282;
    }
    
    .searchInput input::placeholder {
        color: #828282;
    }
    
    .searchBtn button {
        height: 100%;
        width: 100%;
        background-color: #1b79ef;
        color: #fff;
        border: 0;
        border-radius: 50px;
        font-size: 20px;
        font-weight: 500;
        cursor: pointer;
    }
    
    .postWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 110px;
    }
    
    .postWrap h1 {
        padding: 0 10px 15px;
        position: relative;
        border-bottom: 1px solid #e0e2e5;
    }
    
    .recentWrap {
        flex-basis: 70%;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    
    .recentPostBefore {
        position: absolute;
        top: 10px;
        left: -155px;
        display: none;
    }
    
    .recentPostAfter {
        position: absolute;
        top: calc(50% - 200px);
        left: -180px;
        display: none;
    }
    
    .forumWrap {
        flex-basis: calc(30% - 50px);
        display: flex;
        flex-direction: column;
        position: relative;
    }
    
    .forumPostBefore {
        position: absolute;
        top: 120px;
        right: -180px;
        display: none;
    }
    
    .forumPostAfter {
        position: absolute;
        top: calc(50% - 250px);
        right: -130px;
        display: none;
    }
    
    .recentWrap h1 {
        margin-bottom: 40px;
    }
    
    .listMoreWrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        row-gap: 90px;
        flex-grow: 1;
        z-index: 1;
    }
    
    .recentItem {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 38px 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0px 33px 65px 0px rgba(144, 151, 185, 0.15);
        margin-bottom: 35px;
    }
    
    .recentItem:last-child {
        margin-bottom: 0;
    }
    
    .recentImg {
        flex-basis: 272px;
        height: 258px;
        display: flex;
        border-radius: 15px;
        overflow: hidden;
    }
    
    .recentImg img {
        border-radius: 15px;
        object-fit: cover;
    }
    
    .recentText {
        flex-basis: calc(100% - 302px);
    }
    
    .recentTitle {
        margin-bottom: 10px;
    }
    
    .recentDate {
        font-weight: 500;
        color: #e68e8e;
        margin-bottom: 10px;
    }
    
    .recentDetails {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .recentLink {
        font-size: 18px;
        /* color: #0e1536; */
        color: #1a81ef;
    }
    
    .viewLink {
        font-size: 20px;
        font-weight: 400;
        color: #0e1536;
        border-bottom: 1px solid #0e1536;
    }
    
    .forumWrap h1 {
        margin-bottom: 80px;
    }
    
    .forumItem {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    
    .forumItem:last-child {
        margin-bottom: 0;
    }
    
    .forumImg {
        flex-basis: 50px;
        height: 51px;
        display: flex;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .forumImg img {
        width: 50px;
        height: 51px;
        border-radius: 50%;
        object-fit: contain;
    }
    
    .forumText {
        flex-basis: calc(100% - 68px);
    }
    
    .forumTitle {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 5px;
    }
    
    .forumDate {
        font-size: 12px;
        line-height: 20px;
        color: #f66010;
        margin-bottom: 10px;
    }
    
    .forumDetails {
        font-size: 14px;
        line-height: 20px;
    }
    
    .latestWrap {
        padding: 80px 60px 92px;
        border-radius: 15px;
        background-color: #e0e8ff;
        position: relative;
    }
    
    .latestWrap:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 150px;
        content: '';
        background: url(../images/gh_latestPost.png) no-repeat center;
        background-size: cover;
        border-radius: 15px;
    }
    
    .latestList {
        display: flex;
        flex-wrap: wrap;
        column-gap: 36px;
        z-index: 1;
        position: relative;
    }
    
    .latestItem {
        flex-basis: calc(50% - 18px);
    }
    
    .latestItem.latestItemHead {
        padding-top: 5px;
    }
    
    .latestBox {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 30px 35px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0px 11px 40px 0px rgba(119, 130, 178, 0.1);
        margin-bottom: 30px;
    }
    
    .latestItem:last-child,
    .latestItem:nth-last-child(2) {
        margin-bottom: 0;
    }
    
    .latestImg {
        flex-basis: 130px;
        display: flex;
        border-radius: 15px;
        overflow: hidden;
    }
    
    .latestImg img {
        border-radius: 15px;
        height: 106px;
        object-fit: cover;
    }
    
    .latestText {
        flex-basis: calc(100% - 158px);
    }
    
    .latestTitle {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .latestDate {
        font-size: 15px;
        line-height: 25px;
        color: #f66010;
        margin-bottom: 10px;
    }
    
    .latestDetails {
        line-height: 22px;
    }
    
    .latestItemHead h1 {
        margin-bottom: 8px;
    }
    
    .latestItemHead .blackBorderText {
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: 2px #0e1536;
    }
    
    .arrowBtnWrap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -35px;
        z-index: 1;
    }
    
    .arrowBtnBG {
        padding-top: 12px;
        width: 202px;
        background: url(../images/gh_arrowBG.png) no-repeat center;
        background-size: contain;
        margin: auto;
    }
    
    .arrowImg {
        width: 62px;
        height: 62px;
        box-shadow: 0px 5px 21px 0px rgba(27, 121, 239, 0.3);
        border-radius: 50%;
        display: block;
        margin: auto;
    }
    
    .videoWrap {
        padding: 112px 0;
    }
    
    .videoWrap .headTitle {
        text-align: center;
        margin-bottom: 15px;
    }
    
    .videoWrap .headDesc {
        max-width: 500px;
        margin: auto;
        text-align: center;
    }
    
    .videoList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    
    .videoItem:nth-child(2n+1) {
        flex-basis: 24.5%;
        padding: 20px 20px 35px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0px 33px 65px 0px rgba(144, 151, 185, 0.15);
    }
    
    .videoItem:nth-child(2n) {
        flex-basis: 21.5%;
        padding: 20px 20px 35px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0px 33px 65px 0px rgba(144, 151, 185, 0.15);
    }
    
    .videoImg {
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 20px;
        display: flex;
    }
    
    .videoImg img {
        border-radius: 15px;
        object-fit: cover;
    }
    
    .videoItem:nth-child(2n+1) .videoImg img {
        height: 190px;
    }
    
    .videoItem:nth-child(2n) .videoImg img {
        height: 175px;
    }
    
    .videoTitle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .videoTitle h6 {
        flex-basis: calc(100% - 40px);
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .videoIcon {
        flex-basis: 33px;
        display: flex;
    }
    
    .videoDate {
        font-size: 15px;
        line-height: 25px;
        color: #f66010;
        margin-bottom: 15px;
    }
    
    .videoDetails {
        font-size: 16px;
        line-height: 22px;
    }
    
    .videoWrap .viewMore {
        text-align: center;
    }
    
    .videoWrap .viewLink {
        font-size: 17px;
    }
    
    .rscDownloadWrap {
        background-color: #ffebeb;
        border-radius: 15px;
        padding: 90px 35px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .rscImage {
        flex-basis: 430px;
    }
    
    .rscWrap {
        flex-basis: calc(100% - 475px);
    }
    
    .rscWrap h2 {
        margin-bottom: 10px;
    }
    
    .rscWrap p {
        margin-bottom: 30px;
    }
    
    .rscList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .rscItem {
        flex-basis: calc(16.66% - 10px);
    }
    
    .rscImg {
        max-width: 74px;
        margin: auto;
        margin-bottom: 8px;
    }
    
    .rscText {
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        text-align: center;
    }
    
    .questionWrap {
        padding-top: 118px;
        text-align: center;
    }
    
    .questionContent {
        padding-bottom: 112px;
        border-bottom: 1px solid #e0e2e5;
    }
    
    .questionWrap h2 {
        font-size: 35px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .questionWrap h4 {
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 55px;
    }
    
    .subscribeForm {
        padding: 12px 14px;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0px 9px 51px 0px rgba(215, 216, 227, 0.6);
        max-width: 770px;
        margin: auto;
    }
    
    .subscribeWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        column-gap: 20px;
    }
    
    .subscribeInput {
        flex-grow: 1;
    }
    
    .subscribeInput input {
        width: 100%;
        height: 100%;
        font-size: 18px;
        color: #0e1536;
        border: 0;
        padding: 0 26px;
    }
    
    .subscribeInput input::-webkit-input-placeholder {
        color: #8489a0;
    }
    
    .subscribeInput input:-ms-input-placeholder {
        color: #8489a0;
    }
    
    .subscribeInput input::placeholder {
        color: #8489a0;
    }
    
    .subscribeBtn {
        flex-basis: 194px;
        height: 66px;
    }
    
    .subscribeBtn input {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        background-color: #1b79ef;
        border: 0;
        border-radius: 8px;
        cursor: pointer;
    }
    /* Inner pages */
    
    .innerBanner {
        height: 235px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    .innerBanner .pageCenter {
        height: 100%;
    }
    
    .innerPageTitle {
        display: flex;
        height: 100%;
        align-items: center;
    }
    
    .innerPageTitle h1 {
        font-size: 45px;
        font-weight: 600;
        color: #fff;
        margin: 0 !important;
    }
    
    .blackTitle h1 {
        color: #0e1536;
    }
    
    .innerPageContent {
        padding-bottom: 0 !important;
    }
    /* Contact Us page */
    
    .contactFullWrap {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex-direction: column;
        height: 100%;
    }
    
    .contact-form {
        padding-bottom: 25px;
    }
    
    .contact-form h4 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #2d2c4c;
    }
    
    .contact-form p {
        color: #2d2c4c;
        font-weight: 500;
        padding-bottom: 35px;
        margin-bottom: 30px;
        position: relative;
    }
    
    .contact-form p:after {
        content: '';
        background-color: #1b79ef;
        height: 3px;
        width: 9%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .contact-form-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .contact-form-wrap .input-wrap {
        margin-bottom: 35px;
        flex-basis: calc(50% - 14px);
    }
    
    .contact-form-wrap label {
        display: block;
        font-size: 17px;
        font-weight: 500;
        color: #b8b9c0;
        margin-bottom: 15px;
    }
    
    .contact-form-wrap input {
        width: 100%;
        font-size: 17px;
        font-weight: 500;
        height: 56px;
        padding: 0 18px;
        color: #2d2c4c;
        border: 1px solid #dedce0;
    }
    
    .contact-form-wrap .textarea-btn-wrap {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid #e5e5ea;
    }
    
    .contact-form-wrap .textarea-wrap {
        flex-basis: calc(100% - 70px);
    }
    
    .contact-form-wrap .textarea-wrap textarea {
        padding: 10px 0;
        width: 100%;
        font-size: 17px;
        font-weight: 500;
        color: #2d2c4c;
        border: 0;
        height: 70px;
    }
    
    .submit-btn-wrap {
        flex-basis: 54px;
        display: flex;
        justify-content: flex-end;
    }
    
    .submit-btn-wrap input {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: url('../images/ic_send.png') no-repeat #1b79ef;
        background-size: 25px;
        background-position: center;
        cursor: pointer;
    }
    
    .submit-btn-wrap input:hover {
        animation: flight 1s;
    }
    
    @keyframes flight {
        0% {
            background-position: center;
        }
        33% {
            background-position: left bottom;
        }
        66% {
            background-position: right top;
        }
        100% {
            background-position: center;
        }
    }
    
    .contact-details {
        padding: 60px 50px 95px;
        background: url(../images/gh_contactDetails.png) no-repeat right bottom #1b79ef;
        background-size: 240px;
        flex-grow: 1;
    }
    
    .contact-details h4 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #fff;
    }
    
    .contact-details p {
        margin-bottom: 70px;
        color: #fff;
        font-size: 16px;
        line-height: 23px;
        font-weight: 400;
    }
    
    .contact-details-box {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 35px;
        ;
    }
    
    .contact-details-box:last-child,
    .contact-details-box p {
        margin-bottom: 0 !important;
    }
    
    .contact-details-box a {
        color: #fff !important;
        font-size: 16px;
        line-height: 23px;
        font-weight: 500;
    }
    
    .contact-icon {
        flex-basis: 26px;
        margin-right: 20px;
    }
    
    .contact-text {
        flex-basis: calc(100% - 50px);
    }
    
    .contact-text h6 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
    }
    
    .call-box {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
    
    .call-box span {
        margin-right: 5px;
    }
    
    .adWrap h4 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #2d2c4c;
        position: relative;
        width: fit-content;
        padding-bottom: 35px;
        margin-bottom: 40px;
    }
    
    .adWrap h4:after {
        content: '';
        background-color: #1b79ef;
        height: 3px;
        width: 60%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .adItem {
        margin-bottom: 20px;
    }
    
    .adItem:last-child {
        margin-bottom: 0;
    }
    
    .innerPageContent .questionWrap {
        background-color: #f7f8f9;
        padding-top: 98px;
        padding-bottom: 115px;
    }
    
    .innerPageContent .questionContent {
        border-bottom: 0;
    }
    
    .innerContent h1 {
        font-size: 45px;
        font-weight: 700;
        color: #000;
        padding: 0 !important;
        margin-top: 0;
        margin-bottom: 20px;
        border-bottom: 0;
    }
    
    .aboutImg {
        margin-bottom: 50px;
    }
    /*------------------------------------------Search Results-----------------------------------------------------*/
    
    .banner-searchform {
        display: flex;
    }
    
    .search-filter-inner {
        justify-content: space-between;
    }
    
    .search {
        border-radius: 50px;
        height: 78px;
        width: 100%;
        display: flex;
        background-color: #fff;
        padding: 0 8px;
      align-items: center;
    }
    
    .search .innerSrchBtn {
        margin-left: 0;
        height: 66px;
        cursor: pointer;
        font-size: 20px;
        width: 155px;
    }
    
    .search .innerSrchInput {
        padding: 0 20px 0 34px;
        border: none;
        height: 66px;
        font-size: 18px;
        color: #828282;
        border-radius: 50px;
    }
    
    .search-filter .filterBtn {
        background-image: url(../images/filter.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 70%) center;
        cursor: pointer;
        height: 78px;
        margin-left: 20px;
        border-radius: 50px;
        display: flex;
        font-size: 22px;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: #0e1536;
        width: 185px;
        border: none;
        padding: 0;
        font-family: 'Poppins';
        font-weight: 400;
    }
    
    .downloads-filter .search-filter .filterBtn {
        background-image: url(../images/filter1.png);
    }
    
    .search-filter .filterBtn span {
        padding-left: 45px;
        display: block;
    }
    
    .searchresults-wrapper {
        background-color: #fff;
        padding: 50px;
        box-shadow: 1px 0px 26px -20px rgb(0 0 0 / 43%);
        -webkit-box-shadow: 1px 0px 26px -20px rgb(0 0 0 / 43%);
        -moz-box-shadow: 1px 0px 26px -20px rgba(0, 0, 0, 0.43);
    }
    
    .searchresults-wrapper h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 30px;
        color: #2d2c4c;
    }
    
    .searchresult-item {
        border: solid 1px #d8d9e0;
        background-color: #fff;
        padding: 25px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 17px;
        display: flex;
        border-radius: 5px;
    }
    
    .searchresult-item-left {
        display: flex;
        flex-direction: column;
        width: 78%;
    }
    
    .searchresult-content {
        display: flex;
        align-items: center;
    }
    
    .searchresult-content img {
        width: auto;
    }
    
    .searchresult-content-item {
        padding-left: 15px;
    }
    
    .searchresult-item-left h3 {
        font-weight: 600;
        font-size: 14px;
        color: #2d2c4c;
        line-height: 15px;
    }
    
    .searchresult-item-left h4 {
        font-weight: 300;
        font-size: 12px;
        color: #2d2c4c;
        line-height: 15px;
        margin-bottom: 6px;
    }
    
    .searchresult-item-left h6 {
        font-weight: 300;
        font-size: 12px;
        color: #7b7d88;
        line-height: 18px;
        margin-top: 15px;
    }
    
    .searchresult-button a {
        color: #1b79ef;
        padding: 12px;
        font-size: 12px;
        background-color: #dae9fc;
        display: block;
        border-radius: 4px;
    }
    
    .searchresult-button {
        text-align: center;
    }
    
    .pagination {
        display: flex;
        justify-content: flex-end;
        margin-top: 45px;
    }
    
    .pagination a {
        color: #0e1536;
        float: left;
        width: 24px;
        height: 24px;
        background-color: #eeeff1;
        font-size: 11px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        transition: background-color .3s;
        margin-left: 3px;
    }
    
    .pagination a.active {
        background-color: #1b79ef;
        color: white;
    }
    
    .pagination .previous,
    .pagination .next {
        background-color: transparent;
    }
    /*------------------------------------------Search Results css  end-----------------------------------------------------*/
    /* downloads page starts here */
    
    .downloads-table-wrapper {
        display: flex;
        align-items: center;
        border: solid 1px #d1d2db;
        padding: 2px 4px;
        border-radius: 5px;
        margin-bottom: 9px;
        justify-content: space-between;
    }
    
    .downloads-table-thead {
        border: none;
        background-color: #f6f7f9;
        padding: 5px 4px;
        justify-content: initial;
    }
    
    .downloads-table-thead .downloads-tableitem {
        padding: 13px 15px;
    }
    
    .downloads-tableitem {
        text-align: left;
        font-size: 13px;
        border-left: solid 1px #dfe0e6;
        padding: 2px 15px;
        color: #2d2c4c;
    }
    
    .downloads-tableitem:nth-of-type(1) {
        width: 17%;
        border: none;
    }
    
    .downloads-tableitem:nth-of-type(2) {
        width: 48%;
    }
    
    .downloads-tableitem:nth-of-type(3) {
        width: 35%;
    }
    
    .downloads-table-wrapper .searchresult-button a {
        padding: 9px 28px;
        font-size: 13px;
    }
    
    .downloads-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 0px;
    }
    /* downloads page ends here */

    /* Videos page starts here */
    
    .colLeftItem {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 38px 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0px 33px 65px 0px rgba(144, 151, 185, 0.15);
        margin-bottom: 35px;
    }
    
    .colLeftItem:last-child {
        margin-bottom: 0;
    }
    
    .thumbImg {
        flex-basis: 272px;
        height: 258px;
        display: flex;
        border-radius: 15px;
        overflow: hidden;
    }
    
    .thumbImg img {
        border-radius: 15px;
        object-fit: cover;
    }
    
    .thumbText {
        flex-basis: calc(100% - 302px);
    }
    
    .thumbTitle {
        margin-bottom: 10px;
    }
    
    .thumbDate {
        font-weight: 500;
        color: #e68e8e;
        margin-bottom: 10px;
    }
    
    .thumbDetails {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .thumbLink {
        font-size: 18px;
        /* color: #0e1536; */
        color: #1a81ef;
    }
    /* Videos page ends here */

    /* Video detail page starts here */
    
    .videoDetailHead {
        margin-bottom: 25px;
    }
    
    .videoDetailTitle {
        font-weight: 700;
        margin-bottom: 10px;
    }
    
    .videoDetailDate {
        font-weight: 500;
        color: #e68e8e;
    }
    
    .videoPlayerWrap {
        margin-bottom: 40px;
    }
    
    .videoPlayer {
        width: 100%;
        border-radius: 8px;
    }
    /* Video detail page ends here */

    /* Blog page starts here */
      .recentHead h4 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #2d2c4c;
        width: fit-content;
        padding-bottom: 35px;
        margin-bottom: 40px;
      }
      /* Blog page ends here */

      /* Filter dropdown starts here */
      .search-filter {
        position: relative;
      }
      .filterOptions {
        position: absolute;
        top: calc(100% + 5px);
        left: 20px;
        right: 0;
        z-index: 1;
        display: none;
      }
      .filterOptions.show {
        display: block;
      }
      .filterOptions ul {
        padding: 15px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0px 33px 65px 0px rgb(144, 151, 185, 15%);
      }
      .filterOptions ul li {
       padding: 8px 0;
       border-bottom: 1px solid #f3f3f3;
      }
      .filterOptions ul li:last-child {
        border-bottom: 0;
       }
      .filterOptions ul li a {
        color: #0e1536;
        font-size: 16px;
        font-weight: 400;
        display: block;
        transition: all .3s ease;
      }
      .filterOptions ul li a:hover {
        color: #1a81ef;
      }
      /* Filter dropdown ends here */


    /* Responsive CSS */
    
    @media screen and (max-width: 1700px) {
        .recentPostBefore {
            left: -3.7vw;
        }
        .recentPostAfter {
            left: -5vw;
        }
        .forumPostBefore {
            right: -11.5vw;
        }
        .forumPostAfter {
            right: -8vw;
        }
    }
    
    @media screen and (max-width: 1400px) {
        h1 {
            font-size: 28px;
            line-height: 32px;
        }
        h2 {
            font-size: 26px;
            line-height: 30px;
        }
        h3 {
            font-size: 20px;
            line-height: 26px;
        }
        h4 {
            font-size: 16px;
        }
        p {
            font-size: 14px;
            line-height: 18px;
        }
        .pageCenter {
            /* padding: 0 30px; */
        }
        .pageHeader {
            padding-top: 30px;
            padding-bottom: 20px;
        }
        .pageContent {
            padding-top: 50px;
        }
        .questionContent {
            padding-bottom: 70px;
        }
        .headerLogo img {
            max-width: 200px;
        }
        .navItem .navLink,
        .btnLink,
        .searchBtn button {
            font-size: 16px;
        }
        .btnLink {
            height: 40px;
            padding: 0 25px;
        }
        .searchWrap {
            height: 60px;
            margin-bottom: 50px;
        }
        .searchWrap .searchInput,
        .searchWrap .searchBtn {
            height: 46px;
        }
        .searchWrap .searchBtn {
            flex-basis: 125px;
        }
        .searchWrap .searchInput {
            flex-basis: calc(100% - 140px);
        }
        .searchInput input {
            height: 100%;
            width: 100%;
            padding: 0 25px;
            font-size: 16px;
        }
        .postWrap {
            padding-bottom: 50px;
        }
        .postWrap h1 {
            padding: 0 10px 5px;
        }
        .listMoreWrap {
            row-gap: 40px;
        }
        .recentPostBefore,
        .recentPostAfter,
        .forumPostBefore,
        .forumPostAfter {
            display: none;
        }
        .recentWrap h1 {
            margin-bottom: 30px;
        }
        .recentItem {
            padding: 22px 20px;
            margin-bottom: 25px;
        }
        .recentImg {
            flex-basis: 200px;
            height: 185px;
        }
        .recentText {
            flex-basis: calc(100% - 230px);
        }
        .recentTitle {
            margin-bottom: 5px;
        }
        .recentDetails {
            font-size: 15px;
            margin-bottom: 10px;
        }
        .recentLink {
            font-size: 15px;
        }
        .forumWrap {
            flex-basis: calc(30% - 30px);
        }
        .forumWrap h1 {
            margin-bottom: 60px;
        }
        .forumImg,
        .forumImg img {
            flex-basis: 40px;
            height: 41px;
        }
        .forumText {
            flex-basis: calc(100% - 55px);
        }
        .forumDate {
            margin-bottom: 5px;
        }
        .forumDetails {
            line-height: 18px;
        }
        .forumItem {
            margin-bottom: 25px;
        }
        .viewLink {
            font-size: 16px;
        }
        .latestWrap {
            padding: 50px 30px 60px;
        }
        .latestList {
            column-gap: 20px;
        }
        .latestItem {
            flex-basis: calc(50% - 10px);
        }
        .latestBox {
            padding: 20px 25px;
            margin-bottom: 20px;
        }
        .latestText {
            flex-basis: calc(100% - 145px);
        }
        .latestTitle {
            font-size: 16px;
            line-height: 20px;
        }
        .latestDate {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 5px;
        }
        .latestDetails {
            line-height: 18px;
        }
        .arrowBtnBG {
            padding-top: 8px;
        }
        .arrowBtnWrap {
            bottom: -25px;
        }
        .arrowImg {
            width: 45px;
            height: 45px;
        }
        .videoWrap {
            padding-top: 70px;
            padding-bottom: 50px;
        }
        .videoWrap .headTitle {
            margin-bottom: 10px;
        }
        .videoList {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .videoItem:nth-child(2n+1),
        .videoItem:nth-child(2n) {
            padding: 15px 15px 25px;
        }
        .videoItem:nth-child(2n+1) .videoImg img {
            height: 16vw;
        }
        .videoItem:nth-child(2n) .videoImg img {
            height: 13vw;
        }
        .videoTitle h6 {
            font-size: 16px;
            line-height: 20px;
        }
        .videoIcon {
            flex-basis: 30px;
        }
        .videoDate {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
        }
        .videoDetails {
            font-size: 14px;
            line-height: 18px;
        }
        .videoWrap .viewLink {
            font-size: 14px;
        }
        .rscDownloadWrap {
            padding: 45px 20px;
        }
        .rscImage {
            flex-basis: 35vw;
        }
        .rscWrap {
            flex-basis: calc(100% - 37vw);
        }
        .rscWrap h2 {
            margin-bottom: 5px;
        }
        .rscWrap p {
            margin-bottom: 20px;
        }
        .rscItem {
            flex-basis: calc(16.66% - 20px);
        }
        .rscImg {
            max-width: 65px;
        }
        .rscText {
            font-size: 14px;
        }
        .questionWrap {
            padding-top: 50px;
        }
        .questionWrap h2 {
            font-size: 24px;
            margin-bottom: 10px;
        }
        .questionWrap h4 {
            margin-bottom: 35px;
        }
        .subscribeWrap {
            column-gap: 10px;
        }
        .subscribeForm {
            padding: 10px 12px;
        }
        .subscribeBtn {
            flex-basis: 140px;
            height: 40px;
        }
        .subscribeBtn input {
            font-size: 16px;
        }
        .subscribeInput input {
            font-size: 15px;
            padding: 0 10px;
        }
        .footerTop {
            padding-top: 30px;
            padding-bottom: 25px;
        }
        .footerNav {
            margin-bottom: 35px;
        }
        .contactLinksWrap h4 {
            margin-bottom: 15px;
        }
        .footerDesc p {
            padding-top: 50px;
        }
        .footerIconText,
        .linksItem a {
            font-size: 14px;
            line-height: 25px;
        }
        .footerIcon {
            flex-basis: 25px;
            margin-top: 0;
        }
        .linksItem {
            padding-left: 15px;
        }
        .footerBottom {
            padding-top: 15px;
            padding-bottom: 25px;
        }
        .copyright {
            font-size: 12px;
        }
        .socialList {
            column-gap: 15px;
        }
        .innerContent h1 {
            font-size: 28px;
            margin-bottom: 20px;
        }
        /* Videos page starts here */
        .colLeftItem {
            padding: 22px 20px;
            margin-bottom: 25px;
        }
        .thumbImg {
            flex-basis: 200px;
            height: 185px;
        }
        .thumbText {
            flex-basis: calc(100% - 230px);
        }
        .thumbTitle {
            margin-bottom: 5px;
        }
        .thumbDetails {
            font-size: 15px;
            margin-bottom: 10px;
        }
        .thumbLink {
            font-size: 15px;
        }
        /* Videos page ends here */

        .search {
          height: 60px;
        }
      
        .search .innerSrchBtn {
            height: 46px;
            font-size: 16px;
            width: 125px;
        }
      
        .search .innerSrchInput {
            height: 46px;
            font-size: 16px;
            padding: 0 20px;
        }
      
      .search-filter .filterBtn {
          height: 60px;
          font-size: 16px;
          width: 160px;
      }
      .adWrap h4,
      .recentHead h4 {
        padding-bottom: 5px;
        margin-bottom: 35px;
      }
      .contact-form p {
        padding-bottom: 15px;
        margin-bottom: 35px;
      }
    }
    
    @media screen and (max-width: 1200px) {
        .searchresults-wrapper {
            padding: 25px;
        }
        .searchresults-wrapper>h4 {
            margin-bottom: 20px;
        }
    }
    
    /* @media screen and (max-width: 1040px) {
        .searchresult-item-left {
            width: 70%;
            padding-right: 10px;
        }
        .search {
            height: 60px;
            padding: 7px;
        }
        .search .innerSrchInput {
            padding: 0 20px;
            height: 48px;
            font-size: 15px;
        }
        .search .innerSrchBtn {
            height: 46px;
            font-size: 17px;
        }
        .search-filter .filterBtn {
            height: 60px;
            font-size: 19px;
        }
    } */
    
    @media screen and (max-width: 1300px) {
        .navList,
        .navWrap {
            column-gap: 18px;
        }
        .downloads-tableitem:nth-of-type(1) {
            width: 15%;
        }
        .downloads-tableitem:nth-of-type(2) {
            width: 45%;
        }
        .downloads-tableitem:nth-of-type(3) {
            width: 40%;
        }
    }
    
    @media screen and (max-width: 991px) {
        .hamburgerMenu,
        .mobileMenu {
            display: block;
        }
        .navWrap {
            display: none;
        }
        .pageHeader {
            padding-top: 20px;
            padding-bottom: 10px;
            height: 92px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
        }
        .headerLogo img {
            max-width: 175px;
        }
        .btnLink {
            max-width: 130px;
            margin: auto;
            margin-top: 15px;
        }
        .search .innerSrchBtn {
            margin: 0;
        }
        .pageContent {
            padding-top: 142px;
        }
        .innerPageContent {
            padding-top: 70px;
        }
        .searchWrap {
            margin-bottom: 40px;
        }
        .postWrap {
            display: block;
            padding-bottom: 40px;
        }
        .listMoreWrap {
            row-gap: 20px;
        }
        .recentWrap {
            margin-bottom: 40px;
        }
        .forumWrap h1 {
            margin-bottom: 30px;
        }
        .forumList {
            display: flex;
            flex-wrap: wrap;
            column-gap: 30px;
        }
        .forumItem {
            flex-basis: calc(33% - 20px);
        }
        .latestWrap {
            padding: 30px 20px 45px;
        }
        .latestBox {
            padding: 15px;
        }
        .videoWrap {
            padding-bottom: 40px;
        }
        .videoList {
            margin-top: 25px;
            margin-bottom: 0;
            align-items: flex-start;
        }
        .videoItem:nth-child(2n+1),
        .videoItem:nth-child(2n) {
            flex-basis: calc(50% - 10px);
            margin-bottom: 20px;
        }
        .videoImg img {
            border-radius: 15px;
            object-fit: cover;
            height: 30vw !important;
        }
        .rscDownloadWrap {
            padding: 40px 20px;
            display: block;
        }
        .rscImage {
            max-width: 400px;
            margin: auto;
            margin-bottom: 30px;
        }
        .rscWrap h2,
        .rscWrap p {
            text-align: center;
        }
        .rscWrap p {
            max-width: 460px;
            margin: auto;
            margin-bottom: 30px;
        }
        .rscList {
            max-width: 550px;
            margin: auto;
        }
        .rscText {
            margin-bottom: 0 !important;
        }
        .questionWrap {
            padding-top: 40px;
        }
        .questionWrap h2 {
            margin-bottom: 5px;
        }
        .innerBannerWrap {
            padding-top: 92px;
        }
        .contact-form-wrap label,
        .contact-form-wrap input,
        .contact-form-wrap .textarea-wrap textarea {
            font-size: 16px;
        }
        .contact-form-wrap input {
            height: 46px;
        }
        .submit-btn-wrap input {
            width: 46px;
            height: 46px;
            background-size: 22px;
            background-position: center;
        }
        .adList {
            display: flex;
            flex-wrap: wrap;
            column-gap: 2%;
        }
        .adItem {
            flex-basis: 32%;
            margin-bottom: 1%;
        }
        .aboutImg {
            margin-bottom: 30px;
        }
        .innerContent h1 {
            font-size: 26px;
        }
        /* .search .innerSrchInput {
            padding: 0 12px;
            font-size: 15px;
        }
        .search-filter .filterBtn {
            font-size: 18px;
            margin-left: 10px;
            width: 150px;
            background-size: 20%;
        } */
        .recentHead h4 {
          margin-bottom: 20px;
        }
        .filterOptions ul li a {
          font-size: 14px;
        }
        .footerIcon {
          flex-basis: 20px;
        }
    }
    
    @media screen and (max-width: 901px) {
        .search-filter-inner {
            justify-content: center;
            flex-direction: column;
        }
        .banner-searchform {
            margin-top: 25px;
        }
    }
    
    @media screen and (max-width: 767px) {
        h1 {
            font-size: 24px;
            line-height: 30px;
        }
        h2 {
            font-size: 22px;
            line-height: 28px;
        }
        h3 {
          font-size: 17px;
        }
        .pageCenter {
            padding: 0 20px;
        }
        .pageHeader {
            padding-top: 12px;
            padding-bottom: 8px;
            height: 72px;
        }
        .headerLogo img {
            max-width: 150px;
        }
        .hamburgerMenu,
        .hamburgerMenu::before,
        .hamburgerMenu::after {
            width: 30px;
            height: 4px;
        }
        .hamburgerMenu::before {
            top: -8px;
        }
        .hamburgerMenu::after {
            bottom: -8px;
        }
        .hamburgerMenu.open::before {
            transform: translateY(8px) rotate(45deg);
        }
        .hamburgerMenu.open::after {
            transform: translateY(-8px) rotate(-45deg);
        }
        .pageContent {
            padding-top: 122px;
        }
        .innerPageContent {
            padding-top: 50px;
        }
        .searchInput input,
        .searchBtn button,
        .subscribeBtn input,
        .subscribeInput input,
        footer .navItem .navLink {
            font-size: 14px;
        }
        .searchWrap .searchInput,
        .searchWrap .searchBtn,
        .subscribeBtn {
            height: 40px;
        }
        .searchWrap .searchBtn,
        .subscribeBtn {
            flex-basis: 110px;
        }
        .searchWrap .searchInput {
            flex-basis: calc(100% - 120px);
        }
        .searchInput input {
            padding: 0 15px;
        }
        .searchWrap {
            height: 50px;
            padding: 0 5px;
        }
        .recentText {
            flex-basis: calc(100% - 220px);
        }
        .forumItem {
            flex-basis: calc(50% - 15px);
        }
        .forumItem {
            margin-bottom: 30px;
        }
        .latestList {
            flex-direction: column;
        }
        .latestItemHead {
            order: 0;
            margin-bottom: 30px;
        }
        .latestBox {
            order: 1;
            margin-bottom: 20px !important;
        }
        .latestItemHead h1 br {
            display: none;
        }
        .latestItemHead h1,
        .latestItemHead p {
            text-align: center;
        }
        .rscList {
            max-width: 370px;
        }
        .rscItem {
            flex-basis: calc(33.33% - 20px);
            margin-bottom: 20px;
        }
        .subscribeForm {
            padding: 8px 8px;
            max-width: 350px;
        }
        .footerInfo {
            display: block;
        }
        .navListFooter {
            justify-content: center;
        }
        .footerDesc {
            margin-bottom: 30px;
        }
        .footerDesc p {
            padding-top: 0;
            margin: auto;
            text-align: center;
            max-width: 575px;
        }
        .innerBannerWrap {
            padding-top: 72px;
        }
        .innerBanner {
            /* height: 160px; */
            height: 200px;
        }
        .innerPageTitle h1 {
            font-size: 30px;
        }
        .contactLinksWrap {
            max-width: 450px;
            margin: auto;
        }
        .latestWrap:after {
            display: none;
        }
        .contact-form h4 {
            font-size: 22px;
            margin-bottom: 10px;
        }
        .contact-form p {
            padding-bottom: 10px;
            margin-bottom: 30px;
        }
        .contact-form-wrap label,
        .contact-form-wrap input,
        .contact-form-wrap .textarea-wrap textarea {
            font-size: 14px;
        }
        .contact-form-wrap label {
            margin-bottom: 6px;
        }
        .contact-form-wrap .textarea-btn-wrap {
            margin-top: 0;
        }
        .contact-form-wrap input {
            height: 38px;
            padding: 0 10px;
        }
        .contact-form-wrap .input-wrap {
            margin-bottom: 25px;
            flex-basis: calc(50% - 8px);
        }
        .submit-btn-wrap input {
            width: 38px;
            height: 38px;
            background-size: 18px;
            background-position: center;
        }
        .contact-details {
            padding: 40px 42px;
        }
        .contact-details h4,
        .contact-form h4 {
            font-size: 20px;
            margin-bottom: 10px;
        }
        .contact-details p {
            font-size: 14px;
            margin-bottom: 30px;
        }
        .contact-icon {
            flex-basis: 20px;
            margin-right: 18px;
        }
        .contact-text h6 {
            font-size: 15px;
        }
        .adWrap h4 {
            font-size: 20px;
        }
        /* .search .innerSrchInput {
            font-size: 14px;
        }
        .search-filter .filterBtn {
            font-size: 17px;
            width: 120px;
        }
        .search .innerSrchBtn {
            font-size: 16px;
        } */
        /* Videos page starts here */
        .thumbText {
            flex-basis: calc(100% - 220px);
        }
        /* Videos page ends here */
        /* Video detail page starts here */
        .videoPlayerWrap {
            margin-bottom: 20px;
        }
        /* Video detail page ends here */
        .downloads-button {
            flex-direction: column;
        }
        .downloads-tableitem:nth-of-type(1) {
            width: 93px;
        }
        .downloads-tableitem:nth-of-type(2) {
            width: 55%;
        }
        .downloads-tableitem:nth-of-type(3) {
            width: 30%;
        }
        .downloads-table-wrapper .searchresult-button a {
            padding: 9px 15px;
        }

        .banner-searchform {
          margin-top: 15px;
        }

        .search {
          height: 50px;
          padding: 0 5px;
        }
      
        .search .innerSrchBtn {
            height: 40px;
            font-size: 14px;
            width: 110px;
        }
      
        .search .innerSrchInput {
            height: 40px;
            font-size: 14px;
            padding: 0 15px;
        }
      
      .search-filter .filterBtn {
          height: 50px;
          font-size: 14px;
          width: 140px;
          margin-left: 10px;
          background-size: 28px;
      }
      .recentHead h4 {
        font-size: 20px;
        margin-bottom: 10px;
      }
      .recentWrap h1,
      .forumWrap h1 {
        font-size: 24px;
      }
      .filterOptions {
        left: 10px;
      }
    }
    
    @media screen and (max-width: 500px) {
        .rscDownloadWrap {
            padding: 40px 10px;
        }
        .footerNav {
            margin-bottom: 20px;
        }
        .footerDesc {
            margin-bottom: 25px;
        }
        .contactLinksWrap {
            display: block;
        }
        .contactLinksWrap h4 {
            margin-bottom: 10px;
            text-align: center;
        }
        .contactWrap {
            margin-bottom: 25px;
        }
        .linksWrap,
        .contactWrap {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .linksList,
        .contactList {
            width: fit-content;
        }
        .footerBottom {
            display: block;
        }
        .copyright {
            text-align: center;
            margin-bottom: 5px;
        }
        .socialList {
            justify-content: center;
        }
        .questionWrap h4 {
            margin-bottom: 15px;
        }
        .subscribeForm {
            background-color: transparent;
            box-shadow: none;
        }
        .subscribeWrap {
            display: block;
        }
        .subscribeInput {
            height: 40px;
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0px 9px 51px 0px rgb(215 216 227 / 60%);
            overflow: hidden;
            max-width: 300px;
            margin: auto;
            margin-bottom: 15px;
        }
        .subscribeBtn input {
            max-width: 130px;
            margin: auto;
        }
        .recentItem,
        .forumList,
        .videoList,
        .latestBox,
        .colLeftItem {
            display: block;
        }
        .videoImg img,
        .recentImg,
        .latestImg img {
            height: 60vw !important;
        }
        .recentImg,
        .latestImg {
            margin-bottom: 20px;
        }
        .latestBox {
            padding: 20px;
        }
        .contact-details h4,
        .contact-details>p,
        .contact-form h4,
        .contact-form p {
            text-align: center;
        }
        .contact-form p:after {
            display: none;
        }
        .contact-form-wrap {
            display: block;
        }
        .contact-details {
            padding: 40px 20px;
        }
        .call-box {
            flex-direction: column;
            align-items: flex-start;
        }
        .call-box span {
            display: none;
        }
        .adItem {
            flex-basis: 48%;
        }
        .searchresult-item {
            flex-direction: column;
            align-items: flex-start;
        }
        .searchresult-item-left {
            width: 100%;
            padding-right: 0px;
            margin-bottom: 15px;
        }
        .banner-searchform {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .searchresultsBanner {
            height: auto;
            padding: 20px 0;
        }
        .search {
            margin-bottom: 10px;
        }
        .search .innerSrchInput {
            width: 80%;
        }
        /* Videos page starts here */
        .thumbImg {
            height: 60vw !important;
            margin-bottom: 20px;
        }
        /* Videos page ends here */
        .downloads-table-wrapper {
            flex-direction: column;
        }
        .downloads-tableitem {
            width: 100% !important;
            text-align: center;
            border-left: none;
            border-top: solid 1px #dfe0e6;
            padding: 10px 0;
        }
        .downloads-button {
            flex-direction: initial;
            justify-content: center;
        }
        .downloads-tableitem .searchresult-button {
            margin-left: 10px;
        }
        .banner-searchform {
          display: block;
        }
        .search {
          height: 40px;
          padding: 0 4px;
        }
        .search .innerSrchBtn {
          height: 32px;
          width: 90px;
        }
        .search .innerSrchInput {
          height: 32px;
          padding: 0 10px;
        }
        .search-filter {
          width: fit-content;
          margin: auto;
        }
        .search-filter .filterBtn {
          height: 40px;
          margin: auto;
        }
        .filterOptions {
          left: 0;
        }
    }
    
    @media screen and (max-width: 320px) {
        .downloads-button {
            flex-direction: column;
        }
        .downloads-tableitem .searchresult-button {
            margin-left: 0;
            margin-top: 10px;
        }
    }