* {
                        user-select: none;
                        box-sizing: border-box;
                        scroll-behavior: smooth;
                        /*    overflow: hidden;*/
                    }
                    html,
                    body,
                    div,
                    span,
                    object,
                    iframe,
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6,
                    p,
                    blockquote,
                    pre,
                    abbr,
                    address,
                    cite,
                    code,
                    del,
                    dfn,
                    em,
                    img,
                    ins,
                    kbd,
                    q,
                    samp,
                    small,
                    strong,
                    sub,
                    sup,
                    var,
                    b,
                    i,
                    dl,
                    dt,
                    dd,
                    ol,
                    ul,
                    li,
                    fieldset,
                    form,
                    label,
                    legend,
                    table,
                    caption,
                    tbody,
                    tfoot,
                    thead,
                    tr,
                    th,
                    td,
                    article,
                    aside,
                    canvas,
                    details,
                    figcaption,
                    figure,
                    footer,
                    header,
                    hgroup,
                    menu,
                    nav,
                    section,
                    summary,
                    time,
                    mark,
                    audio,
                    video {
                        margin: 0;
                        padding: 0;
                        border: 0;
                        outline: 0;
                        font-size: 10px;
                        vertical-align: baseline;
                        background: transparent;
                        text-decoration: none;
                    }
                    body {
                        line-height: 1;
                        font-family: 'Hanken Grotesk', sans-serif;
                    }
                    article,
                    aside,
                    details,
                    figcaption,
                    figure,
                    footer,
                    header,
                    hgroup,
                    menu,
                    nav,
                    section {
                        display: block;
                    }
                    nav ul {
                        list-style: none;
                    }
                    blockquote,
                    q {
                        quotes: none;
                    }
                    blockquote:before,
                    blockquote:after,
                    q:before,
                    q:after {
                        content: '';
                        content: none;
                    }
                    a {
                        margin: 0;
                        padding: 0;
                        font-size: 100%;
                        vertical-align: baseline;
                        background: transparent;
                        text-decoration: none;
                        list-style: none;
                    }
                    /* change colours to suit your needs */
                    
                    ins {
                        background-color: #ff9;
                        color: #000;
                        text-decoration: none;
                    }
                    /* change colours to suit your needs */
                    
                    mark {
                        background-color: #ff9;
                        color: #000;
                        font-style: italic;
                        font-weight: bold;
                    }
                    del {
                        text-decoration: line-through;
                    }
                    abbr[title],
                    dfn[title] {
                        border-bottom: 1px dotted;
                        cursor: help;
                    }
                    table {
                        border-collapse: collapse;
                        border-spacing: 0;
                    }
                    /* change border colour to suit your needs */
                    
                    hr {
                        display: block;
                        height: 3px;
                        border: 0;
                        border-top: 2px solid #444;
                        margin: 1rem 0;
                        padding: 0;
                    }
                    input,
                    select {
                        vertical-align: middle;
                    }
                    /*-------------------------------------------------------------------------------------------------all resets complete */
                    /*-------------------------*/
                    /*---------POPUP-----------*/
                    /*-------------------------*/
                    /*-------------------------*/
                    
                    .promo {
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 5000;
                        background: #fff;
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        border-radius: 20px;
                        display: none;
                    }
                    .contentBox {
                        position: relative;
                        width: 30rem;
                        height: 30rem;
                        display: flex;
                        background: url(Images/popup-sm.png);
                        background-size: contain;
                        background-position: center center;
                        background-repeat: no-repeat;
                        box-shadow: 0px 10px 25px rgba(0, 0, 0, 1);
                        border-radius: 20px;
                    }
                    button.prom {
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        transform: translate(-50%);
                        width: 50%;
                        height: 1.5rem;
                        margin: 1rem auto;
                        border: none;
                        outline: none;
                        background: #fff !important;
                        border-radius: 20px;
                    }
                    .promo a {
                        font-size: 1.3rem;
                        text-decoration: none;
                        list-style: none;
                        color: #222;
                    }
                    .closed {
                        position: absolute;
                        top: 1rem;
                        right: 1rem;
                        width: 3rem;
                        height: 3rem;
                        background: transparent;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        z-index: 9999;
                    }
                    .closed i {
                        color: #222;
                        font-size: 2.5rem;
                        cursor: pointer;
                        list-style: none;
                        text-decoration: none;
                    }
                    @media only screen and (min-width:768px) {
                        .contentBox {
                            position: relative;
                            width: 65rem;
                            height: 35rem;
                            background: url(Images/popup-md.png);
                        }
                        button.prom {
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            transform: translate(-50%);
                            width: 50%;
                            height: 3rem;
                            margin: 1rem auto;
                            border: none;
                            outline: none;
                            /*    background:red!important;*/
                            border-radius: 20px;
                        }
                        .promo a {
                            font-size: 2rem;
                            text-decoration: none;
                            list-style: none;
                            color: #222;
                        }
                    }
                    @media only screen and (min-width:1024px) {
                        .contentBox {
                            position: relative;
                            width: 80rem;
                            height: 40rem;
                            background: url(Images/popup-lrg.png);
                        }
                        button.prom {
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            transform: translate(-50%);
                            width: 50%;
                            height: 3rem;
                            margin: 1rem auto;
                            border: none;
                            outline: none;
                            background: #222;
                            border-radius: 20px;
                        }
                        .promo a {
                            font-size: 2rem;
                            text-decoration: none;
                            list-style: none;
                            color: #fff;
                        }
                    }
                    /*-------------------------*/
                    /*--------------------*/
                    /*-------------------------*/
                    /*-------------------------*/
                    
                    .og {
                        display: none;
                    }
                    .top {
                        background: #f3d921;
                        height: 8rem;
                        width: 100%;
                        padding: 0;
                        margin: 0;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        align-items: center;
                        justify-content: space-around;
                        text-decoration: none;
                        list-style: none;
                    }
                    .top i {
                        color: #38599e;
                        margin-right: 0rem 2rem;
                        font-size: 2.5rem;
                        padding: .5rem;
                        border-radius: 50%;
                        border: none;
                        opacity: 1;
                        transition: 0.2s all ease;
                    }
                    .top i:hover {
                        color: #474342;
                        opacity: 0.5;
                    }
                    a.cont {
                        font-family: 'Hanken Grotesk', sans-serif;
                        padding: 0rem 1.5rem;
                        border: none;
                        outline: none;
                    }
                    button.con {
                        padding: 1rem 1.5rem;
                        outline: none;
                        border: 2px solid #38599e;
                        border-radius: 10px;
                        margin-left: 1rem;
                        font-size: 1.7rem;
                        font-weight: 900;
                        color: #38599e;
                        background: none;
                        letter-spacing: 1px;
                        text-transform: capitalize;
                        transition: all 0.2s ease;
                    }
                    button.con:hover {
                        background: #38599e;
                        color: #fff;
                        border-radius: 11px;
                    }
                    @media only screen and (min-width:768px) {
                        .top {
                            /*    background:#101d2c;*/
                            height: 100% auto;
                            width: 100%;
                            padding: 0;
                            margin: 0 auto;
                            display: flex;
                            flex-direction: column;
                            flex-wrap: wrap;
                            justify-content: center;
                            text-decoration: none;
                            list-style: none;
                        }
                        .top i {
                            /*    color:#ffd700;*/
                            margin-right: 0;
                            font-size: 3rem;
                            padding: 10px;
                            border-radius: 50%;
                            justify-content: space-around;
                            /*    border:1px solid rgba(255, 255, 255, 0.4);*/
                        }
                        .top p {
                            /*    color:rgba(255, 255, 255, 0.4);*/
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-size: 1.7rem;
                            display: block;
                            margin: 0 auto;
                            padding: 15px;
                            font-weight: 600;
                        }
                        .top a.top-2 {
                            float: right;
                        }
                    }
                    /*-------------------Navbar ---------------------------
-----------------------------------------------------
----------------------------------------------------*/
                    
                    nav.navbar {
                        position: fixed;
                        width: 100%;
                        padding: 3rem 0;
                        transition: all 0.5s ease;
                        z-index: 900;
                    }
                    nav.navbar.sticky {
                        background: #38599e;
                        padding: 1.5rem 0;
                        top: 0;
                    }
                    .max-width {
                        width: 100%;
                        padding: 0 1rem;
                        margin: auto;
                    }
                    .navbar .max-width {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                    .navbar .logo a {
                        font-size: 2rem;
                        color: #38599e;
                        font-weight: 700;
                        font-family: 'Hanken Grotesk', sans-serif;
                        text-decoration: none;
                    }
                    .navbar .logo a span {
                        color: #474342;
                        transition: color 0.5s ease;
                        font-size: 2rem;
                        font-family: 'Hanken Grotesk', sans-serif;
                    }
                    .navbar.sticky .logo a {
                        color: #f3d921;
                    }
                    .navbar.sticky .logo a span {
                        color: #f3d921;
                    }
                    .navbar .menu li {
                        display: inline-block;
                    }
                    .navbar .menu li a {
                        display: block;
                        color: #38599e;
                        list-style: none;
                        text-decoration: none;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-size: 1.3rem;
                        margin-left: 1rem;
                        font-weight: bolder;
                        transition: all 0.3s ease;
                    }
                    .navbar .menu li a:hover {
                        color: #474342;
                        opacity: 0.85;
                    }
                    .navbar.sticky .menu li a {
                        color: #fff;
                    }
                    @media only screen and (min-width:1024px) {
                        .max-width {
                            padding: 0 4rem;
                        }
                        .navbar .logo a {
                            font-size: 2.5rem;
                        }
                        .navbar .logo a span {
                            font-size: 2.5rem;
                        }
                        .navbar .menu li a {
                            font-size: 1.1rem;
                            margin-left: .5rem;
                        }
                    }
                    @media only screen and (min-width:1280px) {
                        .max-width {
                            padding: 0 6rem;
                        }
                        .navbar .logo a {
                            font-size: 2.7rem;
                        }
                        .navbar .logo a span {
                            font-size: 2.7rem;
                        }
                        .navbar .menu li a {
                            font-size: 1.2rem;
                            margin-left: 1rem;
                        }
                    }
                    @media only screen and (min-width:1440px) {
                        .max-width {
                            padding: 0 6rem;
                        }
                        .navbar .logo a {
                            font-size: 3rem;
                        }
                        .navbar .logo a span {
                            font-size: 3rem;
                        }
                        .navbar .menu li a {
                            font-size: 1.5rem;
                            margin-left: 2rem;
                        }
                    }
                    /*-------------burger menu----------------*/
                    
                    .menu-btn {
                        color: #f3d921;
                        font-size: 1.8rem;
                        cursor: pointer;
                        display: none;
                        margin-right: 1rem;
                    }
                    .navbar.sticky .menu-btn {
                        color: #fff;
                    }
                    @media only screen and (max-width:920px) {
                        .menu-btn {
                            display: block;
                            z-index: 10000;
                        }
                        .menu-btn i.active:before {
                            content: "\f00d";
                        }
                        .navbar .menu {
                            position: fixed;
                            height: 100vh;
                            width: 100%;
                            left: -100%;
                            top: 0;
                            background: rgba(0, 0, 0, 0.85);
                            text-align: center;
                            padding-top: 1.5rem;
                            transition: all 0.5s ease;
                            display: flex;
                            flex-wrap: wrap;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }
                        .navbar .menu.active {
                            left: 0;
                        }
                        .navbar .menu li {
                            display: block;
                        }
                        .navbar .menu li a {
                            display: inline-block;
                            margin: 2rem 0;
                            font-size: 2rem;
                            color: #f3d921;
                        }
                    }
                    @media only screen and (max-width:500px) {
                        .menu-btn i.active:before {
                            content: "\f00d";
                        }
                        .navbar .menu {
                            padding-top: 4rem;
                            transition: all 0.5s ease;
                        }
                        .navbar .menu.active {
                            left: 0;
                        }
                        .navbar .menu li {
                            display: flex;
                            flex-wrap: wrap;
                            justify-content: center;
                            align-items: center;
                            z-index: 900;
                        }
                        .navbar .menu li a {
                            display: inline-block;
                            margin: 1rem 0;
                            font-size: 1.8rem;
                        }
                    }
                    /*******************************/
                    /********Video Landing*********/
                    /*******************************/
                    /*Landing Page bg vid style large*/
                    
                    .hero-small {
                        display: flex;
                        background: rgba(0, 0, 0, 0.0);
                        margin-bottom: 0rem;
                        position: relative;
                        overflow: hidden;
                        height: calc(100vh - 16rem);
                    }
                    .vid-bg {
                        position: absolute;
                        z-index: -1;
                        top: 0;
                        left: 50%;
                        transform: translate(-50%);
                        max-width: 100%;
                        min-height: 100%;
                        background-position: top;
                    }
                    .hero a {
                        position: absolute;
                        left: 50%;
                        transform: translate(-50%);
                        bottom: 2rem;
                        padding: .5rem 1rem;
                        color: #38599e;
                        background: transparent;
                        border: 2px solid #38599e;
                        border-radius: 15px;
                        font-size: 1.6rem;
                        font-weight: 600;
                        z-index: 99;
                        list-style: none;
                        text-decoration: none !important;
                        font-family: 'Hanken Grotesk', sans-serif;
                        transition: all 0.5s ease;
                    }
                    .hero a:hover {
                        color: #38599e;
                        padding: .6rem 1.1rem;
                        border: 2px solid #f3d921;
                        background: #f3d921;
                    }
                    @media only screen and (min-width:768px) {
                        /* logo styling */
                        .navbar-brand {
                            width: 100%;
                            position: absolute;
                            max-width: 30rem;
                            top: 2.5rem;
                            left: 50%;
                            transform: translateX(-50%);
                            transition: all 0.5s;
                        }
                        .hero-small {
                            display: none;
                            background: rgba(0, 0, 0, 0.0);
                            margin-bottom: 0rem;
                            position: relative;
                            overflow: hidden;
                            height: calc(100vh - 10rem);
                        }
                        .hero {
                            display: flex;
                            background: rgba(0, 0, 0, 0.0);
                            margin-bottom: 0rem;
                            position: relative;
                            overflow: hidden;
                            height: calc(100vh - 20rem);
                        }
                        .vid-bg {
                            position: absolute;
                            z-index: -1;
                            top: 0;
                            left: 50%;
                            transform: translate(-50%);
                            max-width: 100%;
                            min-height: 100%;
                            background-position: top;
                        }
                    }
                    @media only screen and (min-width:1024px) {
                        .hero a {
                            position: absolute;
                            left: 50%;
                            transform: translate(-50%);
                            bottom: 2rem;
                            padding: .5rem 1rem;
                            color: #2a4362;
                            border-radius: 15px;
                            font-size: 2.5rem;
                            font-weight: 800;
                            z-index: 100;
                            list-style: none;
                            text-decoration: none !important;
                            /*    display: none;*/
                        }
                        .hero {
                            display: flex;
                            background: rgba(0, 0, 0, 0.0);
                            margin-bottom: 0rem;
                            position: relative;
                            overflow: hidden;
                            height: calc(100vh - 10rem);
                        }
                    }
                    @media only screen and (min-width:1850px) {
                        .hero {
                            display: flex;
                            background: rgba(0, 0, 0, 0.0);
                            margin-bottom: 0rem;
                            position: relative;
                            overflow: hidden;
                            height: calc(100vh - 20rem);
                        }
                    }
                    /*******************************/
                    /******** Breakers *********/
                    /*******************************/
                    
                    .breaker1 {
                        width: 100%;
                        height: 20rem;
                        margin: 3rem auto;
                        padding: 0;
                        background: url(images/br-1.png);
                        background-position: center center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-attachment: fixed;
                    }
                    .breaker2 {
                        width: 100%;
                        height: 30rem;
                        margin: 3rem auto;
                        padding: 0;
                        background: url(images/br-2.png);
                        background-position: center center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-attachment: fixed;
                    }
                    h2.quote {
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-style: italic;
                        color: #38599e;
                        font-weight: bolder;
                        font-size: 2.5rem;
                        padding: 8rem 0rem 0 2rem;
                    }
                    @media only screen and (min-width:768px) {
                        .breaker1 {
                            width: 100%;
                            height: 30rem;
                            margin: 3rem auto;
                            padding: 0;
                            background: url(images/br-1.png);
                            background-position: center center;
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-attachment: fixed;
                        }
                        .breaker2 {
                            width: 100%;
                            height: 30rem;
                            margin: 3rem auto;
                            padding: 0;
                            background: url(images/br-2.png);
                            background-position: center center;
                            background-size: inherit;
                            background-repeat: no-repeat;
                            background-attachment: fixed;
                        }
                        h2.quote {
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-style: italic;
                            color: #38599e;
                            font-weight: bolder;
                            font-size: 3.5rem;
                            padding: 1.5rem;
                            text-align: center;
                        }
                    }
                    @media only screen and (min-width:1024px) {
                        .breaker1 {
                            width: 100%;
                            height: 35rem;
                            margin: 3rem auto;
                            padding: 0;
                            background: url(images/br-1.png);
                            background-position: center center;
                            background-size: inherit;
                            background-repeat: no-repeat;
                            background-attachment: fixed;
                        }
                        h2.quote {
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-style: italic;
                            color: #38599e;
                            font-weight: bolder;
                            font-size: 4.2rem;
                            padding: 1.5rem;
                        }
                    }
                    /*******************************/
                    /******** Brteakers end *********/
                    /*******************************/
                    /*******************************/
                    /******** Services Start *********/
                    /*******************************/
                    
                    .services {
                        background: #fff;
                        width: 99%;
                        margin: 6rem auto;
                        text-align: center;
                        padding: 0;
                    }
                    h2.serv {
                        padding: 8rem 0 1rem 0;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 800;
                        color: #38599e;
                        font-size: 5rem;
                    }
                    p.serv {
                        padding: 1rem;
                        text-align: center;
                        font-family: 'Hanken Grotesk', sans-serif;
                        color: #444;
                        font-weight: 600;
                        font-size: 1.3rem;
                    }
                    p.servs {
                        padding: .5rem;
                        text-align: left;
                        font-family: 'Hanken Grotesk', sans-serif;
                        color: #444;
                        font-weight: 600;
                        font-size: 1.3rem;
                        margin-left: 5rem;
                    }
                    p.servs i {
                        color: darkgreen;
                        font-size: 2rem;
                    }
                    .services a {
                        padding: 1rem;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-size: 2rem;
                    }
                    .services a button {
                        outline: none !important;
                        border: 2px solid #f3d921;
                        background: transparent;
                        color: #38599e;
                        padding: 1rem 1.5rem;
                        border-radius: 10px;
                        font-weight: bolder;
                        transition: all 0.5s ease;
                    }
                    .services a button:hover {
                        background: #38599e;
                        color: #fff;
                    }
                    @media only screen and (min-width:768px) {
                        h2.serv {
                            padding: 8rem 0 1rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 6.5rem;
                        }
                        p.serv {
                            padding: 2rem;
                            text-align: center;
                            font-family: 'Hanken Grotesk', sans-serif;
                            color: #444;
                            font-weight: 600;
                            font-size: 1.7rem;
                        }
                        p.servs {
                            padding: .5rem;
                            text-align: left;
                            font-family: 'Hanken Grotesk', sans-serif;
                            color: #444;
                            font-weight: 600;
                            font-size: 1.65rem;
                            margin-left: 1rem;
                        }
                        p.servs i {
                            color: darkgreen;
                            font-size: 2.5rem;
                        }
                        .services a {
                            padding: 1rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-size: 2.5rem;
                        }
                    }
                    @media only screen and (min-width:1024px) {
                        h2.serv {
                            padding: 8rem 0 1rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 6.5rem;
                        }
                        p.serv {
                            padding: 3rem;
                            text-align: center;
                            font-family: 'Hanken Grotesk', sans-serif;
                            color: #444;
                            font-weight: 600;
                            font-size: 2.5rem;
                        }
                        p.servs {
                            padding: .5rem;
                            text-align: left;
                            font-family: 'Hanken Grotesk', sans-serif;
                            color: #444;
                            font-weight: 600;
                            font-size: 1.8rem;
                            margin-left: 1rem;
                        }
                        p.servs i {
                            color: darkgreen;
                            font-size: 2.5rem;
                        }
                        .services a {
                            padding: 1rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-size: 2.5rem;
                        }
                    }
                    /*******************************/
                    /******** Services end *********/
                    /*******************************/
                    /*******************************/
                    /******** Promo Start *********/
                    /*******************************/
                    
                    .promotion {
                        width: 90%;
                        margin: 0 auto;
                        text-align: center;
                        padding: 1rem;
                        background: #fff;
                    }
                    h2.prom {
                        padding: 3rem 0 1rem 0;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 800;
                        color: #38599e;
                        font-size: 5rem;
                    }
                    .promotion img {
                        padding: 2rem;
                    }
                    .promotion a {
                        padding: 1rem 1.5rem;
                        background: #075e54;
                        font-family: 'Hanken Grotesk', sans-serif;
                        color: #fff;
                        font-size: 2rem;
                        font-weight: 600;
                        border-radius: 10px;
                        margin: 1.5rem auto;
                        text-decoration: none;
                        list-style: none;
                        transform-style: all 0.5s ease;
                    }
                    .promotion a:hover {
                        list-style: none;
                        text-decoration: none;
                        font-weight: 500;
                        color: #fff;
                    }
                    /*******************************/
                    /******** Promo end *********/
                    /*******************************/
                    /*******************************/
                    /******** aBOUT Start *********/
                    /*******************************/
                    
                    .about {
                        width: 100%;
                        padding: 1rem;
                        background: #fff;
                        margin: 0 auto;
                    }
                    h2.ab {
                        padding: 8rem 0 1rem 0;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 800;
                        color: #38599e;
                        font-size: 5rem;
                        text-align: center;
                    }
                    .abim {
                        width: 100%;
                        height: 100%;
                        padding: 0;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                    }
                    .abim img {
                        width: 90%;
                        padding: 3rem;
                        border-radius: 5px;
                    }
                    h3.ab {
                        padding: 3rem 0 1rem 0;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 800;
                        color: #38599e;
                        font-size: 3.5rem;
                        text-align: center;
                        opacity: 50%;
                    }
                    p.ab {
                        padding: 1rem;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 600;
                        color: #444;
                        font-size: 1.3rem;
                        text-align: left;
                    }
                    .contacts {
                        width: 100%;
                        height: 5rem;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: space-around;
                        align-items: center;
                        background: #444;
                    }
                    .abs {
                        width: 100%;
                        padding: 1rem;
                        background: #fff;
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        height: inherit;
                    }
                    p.hrs {
                        padding: .2rem;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 600;
                        color: #38599e;
                        font-size: 1.5rem;
                        text-align: left;
                    }
                    p.hrs span {
                        margin-left: 1rem;
                        font-size: 1.6rem;
                        color: #444;
                        font-weight: bolder;
                    }
                    p.adr {
                        padding: .2rem;
                        font-family: 'Hanken Grotesk', sans-serif;
                        font-weight: 600;
                        color: #444;
                        font-size: 1.5rem;
                        text-align: left;
                    }
                    .social {
                        width: 100%;
                        height: 5rem;
                        background: #1877f2;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin: 2rem 0;
                    }
                    .about a {
                        text-align: center;
                        color: #f3d921;
                        font-size: 3rem;
                    }
                    .fa-facebook {
                        color: #fff;
                        font-size: 3.5rem;
                    }
                    @media only screen and (min-width:768px) {
                        h2.ab {
                            padding: 8rem 0 1rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 5rem;
                            text-align: center;
                        }
                        .abim {
                            width: 100%;
                            height: 100%;
                            padding: 0;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }
                        .abim img {
                            width: 100%;
                            padding: 0rem;
                            border-radius: 5px;
                        }
                        h3.ab {
                            padding: 1.5rem 0 0rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 2.5rem;
                            text-align: center;
                            opacity: 55%;
                        }
                        p.ab {
                            padding: 1rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 700;
                            color: #444;
                            font-size: 1.5rem;
                            text-align: left;
                        }
                        .contacts {
                            width: 100%;
                            height: 7rem;
                            display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;
                            justify-content: space-around;
                            align-items: center;
                            background: #444;
                        }
                        .abs {
                            width: 100%;
                            padding: 1rem;
                            background: #fff;
                            display: flex;
                            flex-direction: column;
                            flex-wrap: wrap;
                            justify-content: center;
                            align-items: center;
                            height: inherit;
                        }
                        p.hrs {
                            padding: .2rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 700;
                            color: #38599e;
                            font-size: 1.6rem;
                            text-align: left;
                        }
                        p.hrs span {
                            margin-left: 1rem;
                            font-size: 1.8rem;
                            color: #444;
                            font-weight: bolder;
                        }
                        p.adr {
                            padding: .2rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 600;
                            color: #444;
                            font-size: 1.7rem;
                            text-align: left;
                        }
                        .social {
                            width: 100%;
                            height: 5rem;
                            background: #1877f2;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 2rem 0;
                        }
                        .about a {
                            text-align: center;
                            color: #f3d921;
                            font-size: 4.5rem;
                        }
                        .fa-facebook {
                            color: #fff;
                            font-size: 3.5rem;
                        }
                    }
                    @media only screen and (min-width:1024px) {
                        h2.ab {
                            padding: 8rem 0 1rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 5rem;
                            text-align: center;
                        }
                        .abim {
                            width: 100%;
                            height: 100%;
                            padding: 0;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }
                        .abim img {
                            width: 90%;
                            padding: 0rem;
                            border-radius: 5px;
                        }
                        h3.ab {
                            padding: 1.5rem 0 0rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 3.5rem;
                            text-align: center;
                            opacity: 55%;
                        }
                        p.ab {
                            padding: 1rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 700;
                            color: #444;
                            font-size: 1.5rem;
                            text-align: left;
                        }
                        .contacts {
                            width: 100%;
                            height: 7rem;
                            display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;
                            justify-content: space-around;
                            align-items: center;
                            background: #444;
                            margin: 3rem 0;
                        }
                        .abs {
                            width: 100%;
                            padding: 1rem;
                            background: #fff;
                            display: flex;
                            flex-direction: column;
                            flex-wrap: wrap;
                            justify-content: center;
                            align-items: center;
                            height: inherit;
                        }
                        p.hrs {
                            padding: .2rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 700;
                            color: #38599e;
                            font-size: 1.6rem;
                            text-align: left;
                        }
                        p.hrs span {
                            margin-left: 1rem;
                            font-size: 1.8rem;
                            color: #444;
                            font-weight: bolder;
                        }
                        p.adr {
                            padding: .2rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 600;
                            color: #444;
                            font-size: 1.7rem;
                            text-align: left;
                        }
                        .social {
                            width: 100%;
                            height: 5rem;
                            background: #1877f2;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 2rem 0;
                        }
                        .about a {
                            text-align: center;
                            color: #f3d921;
                            font-size: 4.5rem;
                        }
                        .fa-facebook {
                            color: #fff;
                            font-size: 3.5rem;
                        }
                    }
                    @media only screen and (min-width:1220px) {
                        .abim img {
                            width: 50%;
                            padding: 0rem;
                            border-radius: 5px;
                        }
                        h3.ab {
                            padding: 1.5rem 0 0rem 0;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 800;
                            color: #38599e;
                            font-size: 4.5rem;
                            text-align: center;
                            opacity: 55%;
                        }
                        p.ab {
                            padding: 1rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 700;
                            color: #444;
                            font-size: 1.7rem;
                            text-align: left;
                        }
                        p.hrs {
                            padding: .2rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 700;
                            color: #38599e;
                            font-size: 1.6rem;
                            text-align: left;
                        }
                        p.hrs span {
                            margin-left: 1rem;
                            font-size: 1.8rem;
                            color: #444;
                            font-weight: bolder;
                        }
                        p.adr {
                            padding: .2rem;
                            font-family: 'Hanken Grotesk', sans-serif;
                            font-weight: 600;
                            color: #444;
                            font-size: 1.7rem;
                            text-align: left;
                        }
                    }
                    /*******************************/
                    /******** About end *********/
                    /*******************************/
                    /*******************************/
                    /******** Contact Start *********/
                    /*******************************/
                    
                    .contact {
                        width: 100%;
                        padding: 2rem;
                        margin: 0 auto;
                        text-align: center;
                        background: #fff;
                        margin-top: 3rem;
                    }
                    h2.cont {
                        padding: 8rem 0 0 0;
                        font-size: 8rem;
                        color: #38599e;
                        font-family: text-align: center;
                        font-weight: 600;
                        font-family: 'Hanken Grotesk', sans-serif;
                    }
                    .conform {
                        background: transparent;
                        width: 100%;
                        margin: 30px auto;
                        position: relative;
                        border-radius: 5px;
                        box-shadow: 2px 2px 10px #2a4362;
                    }
                    @media only screen and (min-width:768px) {
                        .conform {
                            width: 100%;
                        }
                    }
                    #form-box {
                        padding: 20px;
                        padding-bottom: 0px;
                    }
                    .inp,
                    #msg-box {
                        display: block;
                        width: 95%;
                        padding: 20px;
                        border: 2px solid #2a4362;
                        font-size: 13px;
                        color: #444!important;
                        margin-bottom: 15px;
                        border-radius: 10px;
                    }
                    .inp:focus,
                    #msg-box:focus {
                        outline: none;
                        box-shadow: 0 0 3px 1px #244362 !important;
                    }
                    ::-webkit-input-placeholder {
                        color: #444 !important;
                    }
                    #msg-box {
                        resize: none;
                        height: 170px;
                    }
                    .sub-btn {
                        width: 100%;
                        padding: 10px;
                        cursor: pointer;
                        margin-left: 0;
                        border: none;
                        border-radius: 5px;
                        background: #2a4362;
                        color: #fff;
                        font-size: 20px;
                        margin-bottom: 25px;
                        font-family: 'Josefin Sans', sans-serif;
                    }
                    .cont {
                        margin: 3rem auto;
                        text-align: center;
                    }
                    /*******************************/
                    /******** Contact end *********/
                    /*******************************/
                    /*******************************/
                    /******** Footer Start *********/
                    /*******************************/
                    
                    .footer {
                        position: relative;
                        margin-top: 45px;
                        padding-top: 180px;
                        background: #38599e;
                        font-family: 'Hanken Grotesk', sans-serif;
                        bottom: 0;
                    }
                    .footer .footer-about,
                    .footer .footer-link,
                    .footer .footer-contact {
                        position: relative;
                        margin-bottom: 45px;
                        color: #fff;
                    }
                    .footer .footer-about h2,
                    .footer .footer-link h2,
                    .footer .footer-contact h2 {
                        position: relative;
                        margin-bottom: 30px;
                        font-size: 25px;
                        font-weight: 600;
                        color: #fff;
                    }
                    .footer-about p {
                        font-size: 1.3rem;
                    }
                    .footer .footer-link a {
                        display: block;
                        margin: 0 0 10px 5px;
                        color: #fff;
                        transition: .3s;
                        font-size: 1.2rem;
                        text-align: left;
                    }
                    .footer .footer-link a::before {
                        position: relative;
                        content: "\f105";
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        margin-right: 10px;
                    }
                    .footer .footer-link a:hover {
                        color: #ccc;
                        letter-spacing: 1px;
                    }
                    .footer .footer-contact p {
                        text-align: left;
                    }
                    .footer .footer-contact p i {
                        width: 25px;
                        text-align: left;
                        color: #fff;
                    }
                    .footer .footer-social {
                        position: relative;
                        margin-top: 20px;
                    }
                    .footer .footer-social a {
                        display: inline-block;
                    }
                    .footer .footer-social a i {
                        margin-right: 15px;
                        font-size: 18px;
                        color: #fff;
                    }
                    .footer .footer-social a:last-child i {
                        margin: 0;
                    }
                    .footer .footer-social a:hover i {
                        color: #fff;
                    }
                    .footer .footer-menu .f-menu {
                        position: relative;
                        padding: 15px 0;
                        font-size: 0;
                        text-align: center;
                    }
                    .footer .footer-menu .f-menu a {
                        color: #fff;
                        font-size: 16px;
                        margin-right: 15px;
                        padding-right: 15px;
                        border-right: 1px solid rgba(255, 255, 255, .3);
                    }
                    .footer .footer-menu .f-menu a:hover {
                        color: #fff;
                    }
                    .footer .footer-menu .f-menu a:last-child {
                        margin-right: 0;
                        padding-right: 0;
                        border-right: none;
                    }
                    .footer .copyright {
                        padding: 30px 15px;
                    }
                    .footer .copyright p {
                        margin: 0;
                        color: #fff;
                    }
                    .footer .copyright .col-md-6:last-child p {
                        text-align: right;
                    }
                    .footer .copyright p a {
                        color: #fff;
                        font-weight: 500;
                        letter-spacing: 1px;
                    }
                    .footer .copyright p a:hover {
                        color: #ddd;
                    }
                    @media (max-width: 768px) {
                        .footer .copyright p,
                        .footer .copyright .col-md-6:last-child p {
                            margin: 5px 0;
                            text-align: center;
                        }
                    }
                    /*******************************/
                    /******** Footer end *********/
                    /*******************************/
                    
                    .thanks {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        margin: 4rem auto;
                        text-align: center;
                        width: 70%;
                    }
                    .og {
                        display: none;
                    }