@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
                /* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700;800&display=swap'); */
                
                @font-face {
                    font-family: myFlamaRegular;
                    src: url(../myfont/flamaRegular.woff);
                }
                
                @font-face {
                    font-family: myFlamaBold;
                    src: url(../myfont/Flama-Bold.woff);
                }
                
                @font-face {
                    font-family: myFlamaLight;
                    src: url(../myfont/Flama-Light.woff);
                }
                
                html {
                    scroll-behavior: smooth;
                }
                
                body {
                    background-color: #414042;
                }
                
                a:hover {
                    cursor: pointer;
                }
                
                p {
                    text-align: justify;
                    text-justify: inter-word;
                }
                
                #banner-section {
                    height: 100vh;
                    background: rgb(0, 169, 234);
                    /* Old browsers */
                    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 169, 234, 1) 0%, rgba(0, 48, 106, 1) 100%);
                    /* FF3.6-15 */
                    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 169, 234, 1) 0%, rgba(0, 48, 106, 1) 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: radial-gradient(ellipse at center, rgba(0, 169, 234, 1) 0%, rgba(0, 48, 106, 1) 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a9ea', endColorstr='#00306a', GradientType=1);
                    /* IE6-9 fallback on horizontal gradient */
                }
                
                section {
                    min-height: 100vh;
                    background-color: #fff;
                }
                
                @media(max-width:768px) {
                    section {
                        min-height: auto;
                        height: auto;
                    }
                }
                /* -----------------stars animation------------------- */
                
                canvas {
                    display: block;
                }
                
                #particles-js {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    /* background-color: brown; */
                }
                /* ------------orbit animation---------------- */
                
                .main-orbit-container {
                    display: flex;
                    height: 100%;
                    /* width: 100%; */
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden;
                }
                
                .banner-title {
                    /* margin-top: 400px; */
                    display: block;
                    color: #fff;
                    font-weight: 600;
                    font-size: 2.5rem;
                    color: #fff;
                    font-family: 'Open Sans', sans-serif;
                    text-align: left;
                    line-height: 3rem;
                }
                
                .banner-title span {
                    /* font-family: 'Open Sans', sans-serif; */
                    /* margin-top: 100px; */
                    margin-top: 1rem;
                    display: block;
                    font-weight: 400;
                    font-size: 1.5rem;
                    letter-spacing: 1px;
                    /* letter-spacing: 5px; */
                    word-spacing: 5px;
                    line-height: 2.2rem;
                }
                
                .circle {
                    display: block;
                    position: absolute;
                    height: 300px;
                    width: 300px;
                    border-radius: 50%;
                    z-index: 4;
                    background: url(../images/bubble.png) no-repeat;
                    background-size: 100% 100%;
                    background-position: center center;
                }
                
                .circle img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 75px;
                    height: 150px;
                    width: 150px;
                }
                
                .dot-container {
                    position: absolute;
                    transform: translate3d(0, 0, 0);
                    animation: 16s orbit-move ease-in-out infinite;
                    opacity: 0;
                }
                
                .A {
                    transform: translate3d(0, 0, 0);
                    animation: 16s orbit-moveA -4s ease-in-out infinite;
                    opacity: 0;
                }
                
                .B {
                    transform: translate3d(0, 0, 0);
                    animation: 16s orbit-moveB -8s ease-in-out infinite;
                    opacity: 0;
                }
                
                .dot {
                    display: block;
                    position: absolute;
                    top: calc(50%-12px);
                    left: calc(50%-12px);
                    width: 24px;
                    height: 24px;
                    /* background-color: rgba(255, 255, 255, 0.9); */
                    border-radius: 50%;
                    /* will-change: transform; */
                    /* background: radial-gradient(circle at 90% 45%, hsla(0, 0%, 100%, 0.88) 10%, hsla(240, 3%, 40%, 0.95) 42%, hsla(240, 5%, 20%, 0.9) 60%, #888), url(http://img.weburbanist.com/wp-content/uploads/2009/03/360-water-landscape-panorama.jpg) no-repeat; */
                    /* animation: 12s light-move1 linear infinite; */
                }
                
                .energy {
                    background: url(../images/circle-energy-ball.png) no-repeat;
                    background-size: cover;
                }
                
                .power {
                    background: url(../images/circle-power-ball.png) no-repeat;
                    background-size: cover;
                }
                
                .drive {
                    background: url(../images/circle-drive-ball.png) no-repeat;
                    background-size: cover;
                }
                
                .dot-container i {
                    font-style: normal;
                    color: #fff;
                    text-align: center;
                    display: block;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                    text-shadow: 0 0 10px #003461;
                }
                
                @keyframes light-move1 {
                    0% {
                        background-position: 45% 45%;
                    }
                    25% {
                        background-position: 45% 0%;
                    }
                    50% {
                        background-position: left center;
                    }
                    75% {
                        background-position: center center;
                    }
                    100% {
                        background-position: right center;
                    }
                }
                
                @keyframes orbit-move {
                    0% {
                        z-index: 4;
                        transform: translate(-210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.41, .01, .7, .71);
                        opacity: .75;
                    }
                    25% {
                        z-index: 4;
                        transform: translate(0px, 0px) scale(.5);
                        animation-timing-function: cubic-bezier(.41, .3, .78, 1);
                        opacity: .3;
                    }
                    50% {
                        z-index: 4;
                        transform: translate(210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.34, 0, .52, .53);
                        opacity: .75;
                    }
                    75% {
                        z-index: 12;
                        transform: translate(0px, 0px) scale(1.5);
                        animation-timing-function: cubic-bezier(.36, .36, .73, .99);
                        opacity: 1;
                    }
                    100% {
                        z-index: 12;
                        transform: translate(-210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.41, .01, .7, .71);
                        opacity: .75;
                    }
                }
                
                @keyframes orbit-moveA {
                    0% {
                        z-index: 4;
                        transform: translate(-210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.41, .01, .7, .71);
                        opacity: .75;
                    }
                    25% {
                        z-index: 4;
                        transform: translate(0px, 0px) scale(.5);
                        animation-timing-function: cubic-bezier(.41, .3, .78, 1);
                        opacity: .3;
                    }
                    50% {
                        z-index: 4;
                        transform: translate(210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.34, 0, .52, .53);
                        opacity: .75;
                    }
                    75% {
                        z-index: 12;
                        transform: translate(0px, 0px) scale(1.5);
                        animation-timing-function: cubic-bezier(.36, .36, .73, .99);
                        opacity: 1;
                    }
                    100% {
                        z-index: 12;
                        transform: translate(-210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.41, .01, .7, .71);
                        opacity: .75;
                    }
                }
                
                @keyframes orbit-moveB {
                    0% {
                        z-index: 4;
                        transform: translate(-210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.41, .01, .7, .71);
                        opacity: .75;
                    }
                    25% {
                        z-index: 4;
                        transform: translate(0px, 0px) scale(.5);
                        animation-timing-function: cubic-bezier(.41, .3, .78, 1);
                        opacity: .3;
                    }
                    50% {
                        z-index: 4;
                        transform: translate(210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.34, 0, .52, .53);
                        opacity: .75;
                    }
                    75% {
                        z-index: 12;
                        transform: translate(0px, 0px) scale(1.5);
                        animation-timing-function: cubic-bezier(.36, .36, .73, .99);
                        opacity: 1;
                    }
                    100% {
                        z-index: 12;
                        transform: translate(-210px, 0px) scale(1);
                        animation-timing-function: cubic-bezier(.41, .01, .7, .71);
                        opacity: .75;
                    }
                }
                
                .h-100vh-banner {
                    height: 100vh;
                    overflow: hidden;
                }
                /* .block-768 {
                display: inline;
            } */
                
                @media(max-width:768px) {
                    .banner-section {
                        height: auto;
                    }
                    .banner-title {
                        /* margin-top: 400px; */
                        text-align: center;
                    }
                    .banner-title span {
                        /* margin-top: 100px; */
                        margin-top: 20px;
                        line-height: 2.2rem;
                        font-size: 1.5rem;
                        letter-spacing: 5px;
                        word-spacing: 5px;
                    }
                    .h-100vh-banner {
                        min-height: 100vh;
                        height: auto;
                        overflow: hidden;
                    }
                    .circle {
                        height: 200px;
                        width: 200px;
                        background-size: 100% 100%;
                        position: relative;
                    }
                    .circle img {
                        margin-top: 62px;
                        height: 75px;
                        width: 75px;
                    }
                    /* .block-768 {
                    margin-top: 0;
                    display: block;
                } */
                }
                /* ------------------menu---------------- */
                /* -----------------------------accordion menu------------------ */
                
                .card {
                    background-color: #731459;
                    border-radius: 0;
                }
                
                .card-header {
                    background-color: transparent;
                }
                
                .card-header h2 button {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                    padding-left: 0;
                    color: #D8A6CB;
                    outline: 0;
                    border: none;
                    /* background-color: tomato; */
                    border-radius: 0;
                    transition: all 0.2s linear;
                }
                
                .card-header h2 button:hover {
                    text-decoration: none;
                    border: none;
                    color: #fff;
                }
                
                .card-header h2 button:focus,
                .card-header h2 button:active {
                    outline: none;
                    border: none;
                    color: #fff;
                    /* background-color: teal; */
                }
                /* -----------------------------accordion ends------------------ */
                
                .offcanvas-active {
                    overflow: hidden;
                }
                
                .screen-overlay {
                    width: 0%;
                    height: 100%;
                    z-index: 30;
                    position: fixed;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    visibility: hidden;
                    background-color: rgba(34, 34, 34, 0.6);
                    transition: opacity .2s linear, visibility .1s, width 1s ease-in;
                }
                
                .screen-overlay.show {
                    transition: opacity .5s ease, width 0s;
                    opacity: 1;
                    width: 100%;
                    visibility: visible;
                }
                
                .offcanvas {
                    width: 350px;
                    visibility: hidden;
                    transform: translateX(-100%);
                    transition: all .2s;
                    border-radius: 0;
                    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
                    display: block;
                    position: fixed;
                    top: 0;
                    left: 0;
                    height: 100%;
                    z-index: 1200;
                    /* background-color: #fff; */
                    /* background-color: #731459; */
                    background-color: rgba(115, 20, 89, 1);
                    /* overflow-y: scroll; */
                    overflow-x: hidden;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                }
                
                .offcanvas header {
                    background-color: #fff;
                }
                
                .offcanvas.offcanvas-right {
                    right: 0;
                    left: auto;
                    transform: translateX(100%);
                }
                
                .offcanvas.show {
                    visibility: visible;
                    transform: translateX(0);
                    transition: transform .4s;
                }
                
                .btn-outline-danger {
                    border-color: #982F7C;
                    color: #982F7C;
                }
                
                .btn-outline-danger:hover,
                .btn-outline-danger:focus {
                    background-color: #982F7C;
                    color: #fff;
                    border-color: #982F7C;
                }
                
                .btn-outline-danger:active {
                    background-color: #982F7C !important;
                    color: #fff;
                    border-color: #982F7C !important;
                }
                
                .offcanvas .btn-close {
                    position: absolute;
                    right: 15px;
                    top: 35px;
                }
                
                .list-group-flush a {
                    /* background-color: rgba(152, 47, 124, .7); */
                    background: transparent;
                    color: #D8A6CB;
                    text-decoration: none;
                    font-weight: 600;
                    font-size: .875rem;
                    transition: all 0.2s linear;
                }
                
                .list-group-flush a:hover {
                    color: #fff;
                }
                
                .bar-left {
                    left: 5%;
                }
                
                .btn-logo {
                    width: 200px;
                    height: 60px;
                    position: absolute;
                    z-index: 500;
                    right: 5%;
                    top: 5%;
                    user-select: none;
                    overflow: hidden;
                    /* background-color: #fff; */
                    padding: 0;
                    border-radius: 0;
                }
                
                .btn-logo img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
                
                .btn-bars {
                    width: 60px;
                    height: 60px;
                    position: absolute;
                    z-index: 500;
                    right: 5%;
                    top: 5%;
                    border-radius: 50%;
                    user-select: none;
                    border: 1px solid #003461;
                    background-color: rgba(255, 255, 255, .7);
                }
                
                .btn-bars i {
                    font-size: 1.5rem;
                    line-height: 3rem;
                    color: #982F7C;
                }
                
                .btn.btn-bars:hover {
                    background-color: rgba(255, 255, 255, 1);
                    border: 1px solid #982F7C;
                }
                
                .btn.btn-bars:focus,
                .btn.btn-bars:active {
                    outline: none;
                }
                
                @media(max-width:768px) {
                    .btn.btn-bars.bar-left {
                        display: none;
                    }
                }
                /* ------------modal------------------- */
                
                a.nav-link {
                    color: #003461;
                    text-decoration: none;
                    background-color: transparent;
                }
                
                .nav-tabs {
                    border-bottom-color: #003461;
                }
                
                .nav-tabs .nav-link {
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                }
                
                .nav-tabs .nav-link:hover {
                    border-color: #003461;
                }
                
                .nav-tabs .nav-link.active {
                    background-color: #003461;
                    border-color: #003461;
                    color: #fff;
                }
                
                @media (max-width:1200px) {
                    .nav-tabs .nav-link {
                        border-color: #003461;
                        margin-left: 5px;
                        /* margin-top: 5px; */
                        margin-bottom: 5px;
                    }
                }
                /* ---------------------------content-------------------------- */
                
                .h-100vh {
                    height: 100vh;
                }
                
                .h-100vh-fixed {
                    height: 100vh;
                }
                
                .h-100vh-min {
                    min-height: 100vh;
                }
                
                .bg-white {
                    background-color: #fff;
                }
                
                .bg-grey {
                    background-color: #f2f2f2;
                }
                
                .bg-grey2 {
                    background-color: #F8F8F8;
                }
                
                .bg-purple-gradient {
                    background: rgb(152, 47, 124);
                    background: -moz-radial-gradient(circle, rgba(152, 47, 124, 1) 0%, rgba(101, 15, 78, 1) 100%);
                    background: -webkit-radial-gradient(circle, rgba(152, 47, 124, 1) 0%, rgba(101, 15, 78, 1) 100%);
                    background: radial-gradient(circle, rgba(152, 47, 124, 1) 0%, rgba(101, 15, 78, 1) 100%);
                    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#982f7c", endColorstr="#650f4e", GradientType=1);
                }
                
                .bg-purple-border {
                    border: 2rem solid rgb(152, 47, 124);
                    border-style: inset;
                }
                
                .bg-wwwant {
                    background: url('../images/investment.jpg') no-repeat;
                    background-size: cover;
                    background-position: center;
                }
                
                .menu-heading {
                    text-transform: uppercase;
                    font-size: 1rem;
                    color: #003461;
                }
                
                .menu-heading2 {
                    text-transform: uppercase;
                    font-size: 1rem;
                    color: #fff;
                    text-align: center;
                }
                
                .menu-h-hr {
                    border: 2px solid #003461;
                    background-color: #003461;
                    border-radius: 3px;
                    width: 4rem;
                    margin-left: 0;
                }
                
                .menu-h-hr2 {
                    border: 2px solid #fff;
                    border-radius: 3px;
                    width: 4rem;
                    background-color: #003461;
                }
                
                .main-title {
                    font-weight: 400;
                    font-size: 2.5rem;
                    color: #003461;
                    font-family: 'Open Sans', sans-serif;
                }
                
                .main-title2 {
                    font-weight: 400;
                    font-size: 2.5rem;
                    color: #003461;
                    font-family: 'Open Sans', sans-serif;
                }
                
                .main-title3 {
                    font-weight: 500;
                    font-size: 2.5rem;
                    color: #fff;
                    text-align: center;
                    font-family: 'Open Sans', sans-serif;
                }
                
                .main-title4 {
                    font-weight: 400;
                    font-size: 2.5rem;
                    color: #fff;
                    font-family: 'Open Sans', sans-serif;
                    width: 60%;
                    filter: drop-shadow(0 0 .8rem rgba(0, 0, 0, .5));
                }
                
                .main-title5 {
                    font-weight: 500;
                    font-size: 2.5rem;
                    color: #fff;
                    text-align: center;
                    font-family: 'Open Sans', sans-serif;
                }
                
                .main-title span {
                    font-weight: 800;
                    display: block;
                }
                
                .main-title2 span {
                    font-weight: 800;
                    display: block;
                }
                
                .heading6 {
                    font-weight: 300;
                    font-size: 1.125rem;
                    color: #003461;
                    /* letter-spacing: 1px; */
                }
                
                .gyat {
                    font-weight: 600;
                }
                
                .k {
                    opacity: .5;
                }
                
                .awards-heading {
                    background-color: #f2f2f2;
                    font-family: 'Open Sans', sans-serif;
                    text-align: left;
                    display: block;
                    font-weight: 400;
                    font-size: 1.5rem;
                    letter-spacing: 2px;
                    word-spacing: 2px;
                    line-height: 1.8rem;
                    padding: 5px 10px;
                    color: #003461;
                }
                
                .awards-img-container {
                    width: 100%;
                    height: 70px;
                    overflow: hidden;
                    /* background-color: thistle; */
                    text-align: left;
                    display: flex;
                }
                
                .awards-img-container img {
                    object-fit: contain;
                    height: 100%;
                    width: 100%;
                }
                
                .para1 {
                    color: #003461;
                    font-weight: 300;
                    font-family: 'Roboto', sans-serif;
                    font-size: 1.125rem;
                }
                
                .para2 {
                    text-align: center;
                    color: #fff;
                    font-weight: 300;
                    font-family: 'Roboto', sans-serif;
                    font-size: 1.125rem;
                }
                
                .para3 {
                    color: #fff;
                    font-weight: 300;
                    font-family: 'Roboto', sans-serif;
                    font-size: 1.125rem;
                    width: 60%;
                    filter: drop-shadow(0 0 .8rem rgba(0, 0, 0, .5));
                }
                
                .para-small {
                    font-family: 'Roboto', sans-serif;
                    font-weight: 300;
                    color: #414042;
                    font-style: italic;
                    font-size: 0.875rem;
                }
                
                .imgStyle1 {
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                }
                
                .imgStyle2 {
                    height: 100vh;
                    width: 100%;
                    object-fit: cover;
                }
                
                .imgStyle3 {
                    height: auto;
                    width: 80%;
                    max-height: 312px;
                    max-width: 540px;
                    object-fit: cover;
                }
                /* .ulStyle1 {
                list-style: none;
                color: #003461;
                font-weight: 300;
                font-family: 'Roboto', sans-serif;
                margin: 0;
                padding: 0;
                font-size: 1.125rem;
                
            } */
                
                .ulStyle1 {
                    list-style: none;
                    color: #000;
                    font-weight: 300;
                    font-family: 'Roboto', sans-serif;
                    margin: 0;
                    padding: 0;
                    font-size: 1rem;
                }
                
                .btn-purple {
                    display: block;
                    padding: 1rem 2rem;
                    background-color: #982F7C;
                    border-radius: 0rem;
                    color: #fff;
                    transition: all 0.2s linear;
                    width: 100%;
                }
                
                .btn-purple:hover {
                    background-color: #fff;
                    color: #003461;
                }
                
                .btn-purple2 {
                    padding: 1rem 2rem;
                    background-color: transparent;
                    border-radius: 4rem;
                    color: #982F7C;
                    transition: all 0.2s linear;
                    border: 1px solid #982F7C;
                }
                
                .btn-purple2:hover {
                    background-color: #982F7C;
                    color: #fff;
                }
                
                .btn-purple3 {
                    display: block;
                    padding: 1rem 2rem;
                    background-color: #982F7C;
                    border-radius: 0rem;
                    color: #fff;
                    transition: all 0.2s linear;
                    width: 100%;
                    border: 1px solid #982F7C;
                }
                
                .btn-purple3:hover {
                    border: 1px solid #982F7C;
                    background-color: #fff;
                    color: #982F7C;
                }
                
                .btn-blue {
                    padding: .75rem 2rem;
                    background-color: transparent;
                    border-radius: 0rem;
                    /* color: #003461; */
                    color: #982F7C;
                    transition: all 0.3s linear;
                    /* border: 1px solid #003461; */
                    border: 1px solid #982F7C;
                    display: inline-block;
                }
                
                .btn-blue:hover {
                    /* background-color: #003461; */
                    background-color: #982F7C;
                    color: #fff;
                }
                
                .ulStyle1 li:first-child {
                    margin-top: 5px;
                }
                
                .ulStyle1 li::before {
                    content: "";
                    display: block;
                    background: url("../images/metal-ball.png") no-repeat;
                    background-size: 10px 10px;
                    margin-top: 6px;
                    width: 10px;
                    height: 10px;
                    left: 0;
                    position: absolute;
                }
                /* .ulStyle1 li {
                display: block;
                font-weight: 400;
                color: #982F7C;
                margin-top: 5px;
                padding-left: 30px;
                position: relative;
            } */
                
                .ulStyle1 li {
                    display: block;
                    font-weight: 400;
                    color: #000;
                    margin-top: 5px;
                    padding-left: 20px;
                    position: relative;
                }
                
                .ulStyle1 li a {
                    color: #000;
                    cursor: pointer;
                    display: block;
                }
                
                .ulStyle1 li a:hover {
                    text-decoration: underline;
                }
                
                #gyatk-engine-video {
                    height: 200px;
                    width: auto;
                }
                
                .table-patents {
                    background-color: #000;
                    color: #fff;
                    font-size: .875rem;
                    font-weight: 400;
                    font-family: 'Roboto', sans-serif;
                }
                
                .table-patents thead th {
                    font-weight: 700;
                    background-color: rgba(0, 52, 97, 1);
                    border: none;
                    border-top: none;
                }
                
                .table-patents td {
                    border-color: rgba(255, 255, 255, .7);
                }
                
                .table-patents tr:first-child td {
                    border: none;
                }
                
                .table-patents ul {
                    margin: 0;
                    padding: 0;
                    padding-left: 1rem;
                }
                
                .table-patents ul li {
                    font-size: .75rem;
                }
                /* .div-attach-top {
                position: absolute;
                top: 3rem;
                width: 100%;
            }
            
            .div-attach-bottom {
                position: absolute;
                bottom: 3rem;
                width: 100%;
            } */
                
                .gyatk-logo-contact {
                    height: 154px;
                    width: auto;
                }
                
                .contact-ul {
                    list-style: none;
                    padding: 0;
                }
                
                .contact-ul li {
                    font-size: 1.125rem;
                    font-weight: 400;
                    font-family: 'Roboto', sans-serif;
                    color: #003461;
                    margin-top: 30px;
                }
                
                .email-li::before {
                    content: "";
                    display: block;
                    background: url("../images/email.svg") no-repeat;
                    background-size: 24px 24px;
                    width: 24px;
                    height: 24px;
                    float: left;
                    margin: 0 15px 0 0;
                }
                
                .phone-li::before {
                    content: "";
                    display: block;
                    background: url("../images/phone.svg") no-repeat;
                    background-size: 24px 24px;
                    width: 24px;
                    height: 24px;
                    float: left;
                    margin: 0 15px 0 0;
                    fill: #003461;
                }
                /* ---------form---------------- */
                
                .form-container {
                    background-color: #003461;
                }
                
                .form-group {
                    position: relative;
                    margin-bottom: 1.5rem;
                    font-family: 'Open Sans', sans-serif;
                }
                
                .form-control-placeholder {
                    position: absolute;
                    top: 0;
                    padding: 7px 0 0 13px;
                    transition: all 200ms;
                    opacity: 0.5;
                    color: #fff;
                }
                
                .form-control:focus+.form-control-placeholder,
                .form-control:valid+.form-control-placeholder {
                    font-size: 75%;
                    transform: translate3d(0, -100%, 0);
                    opacity: 1;
                }
                
                .form-group input,
                .form-group textarea {
                    border: none;
                    border-bottom: 1px solid rgba(255, 255, 255, .7);
                    border-radius: 0;
                    background-color: transparent;
                    color: #fff;
                    font-family: 'Open Sans', sans-serif;
                    -webkit-appearance: none;
                }
                
                .form-group input:focus,
                .form-group textarea:focus {
                    border: none;
                    border-bottom: 1px solid rgba(255, 255, 255, .9);
                    background-color: transparent;
                    outline: 0px !important;
                    -webkit-appearance: none;
                    color: #fff;
                    box-shadow: none;
                }
                /* ---------------------inner pages---------------  */
                
                .innerpages-ul {
                    padding: 0;
                    list-style: none;
                    margin: 0;
                }
                
                .innerpages-ul li {
                    margin-top: 15px;
                }
                
                .innerpages-ul li a {
                    color: #003461;
                    font-family: 'Roboto', sans-serif;
                    font-size: 1rem;
                }
                
                @media(max-width:768px) {
                    .main-title {
                        font-size: 2.5rem;
                    }
                    .main-title6 {
                        font-size: 2.5rem;
                    }
                    .main-title2 {
                        font-size: 2.5rem;
                    }
                    .main-title2 span {
                        display: inline;
                    }
                    .main-title3 {
                        font-size: 2.5rem;
                    }
                    .main-title4 {
                        width: 100%;
                        font-size: 2rem;
                        font-weight: 300;
                        filter: drop-shadow(0 0 .8rem rgba(0, 0, 0, 1));
                    }
                    .main-title5 {
                        font-size: 2.5rem;
                        font-weight: 300;
                    }
                    .para3 {
                        width: 100%;
                        filter: drop-shadow(0 0 .8rem rgba(0, 0, 0, 1));
                    }
                    .imgStyle1 {
                        width: 100%;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                        object-fit: cover;
                    }
                    .imgStyle2 {
                        height: auto;
                    }
                    .h-100vh {
                        height: auto;
                    }
                    .h-100vh-min {
                        height: auto;
                        min-height: auto;
                    }
                    .ulStyle1 {
                        font-size: 1rem;
                    }
                    .ulStyle1 li::before {
                        margin-top: 6px;
                    }
                    .hide-sm {
                        display: none;
                    }
                    .imgStyle3 {
                        height: auto;
                        width: 100%;
                        object-fit: cover;
                    }
                    .bg-wwwant {
                        background-size: cover;
                        background-position: 80% center;
                    }
                    #gyatk-engine-video {
                        height: auto;
                        width: 100%;
                    }
                    .div-attach-top {
                        position: relative;
                        top: 0;
                        /* width: 100%; */
                    }
                    .div-attach-bottom {
                        bottom: 0;
                        position: relative;
                        /* width: 100%; */
                    }
                    .gyatk-logo-contact {
                        height: auto;
                        width: 80%;
                    }
                    .awards-heading {
                        border-left: 2px solid #444444;
                    }
                    .awards-img-container {
                        height: 70px;
                    }
                    .awards-img-container img {
                        object-fit: fill;
                        height: 100%;
                        width: auto;
                    }
                }
                
                @media(min-width:768px) {
                    .hide-lg {
                        display: none;
                    }
                    .awards-img-container {
                        height: 70px;
                    }
                    .awards-img-container img {
                        object-fit: contain;
                        object-position: 0% 50%;
                        height: 100%;
                        width: 100%;
                    }
                    #gyatk-engine-video {
                        padding: 2rem;
                        height: auto;
                        width: 100%;
                    }
                }
                /* ----------footer-------------- */
                
                .social-media-ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    text-align: center;
                }
                
                .social-media-ul li {
                    display: inline;
                    margin-left: 1rem;
                }
                
                .social-media-ul li a {
                    opacity: .5;
                    height: 30px;
                    width: 30px;
                    display: inline-block;
                    transition: all .2s linear;
                }
                
                .social-media-ul li a:hover {
                    text-decoration: none;
                    opacity: 1;
                }
                
                footer {
                    background-color: #003461;
                }
                
                footer h6 {
                    font-size: 0.75rem;
                    text-align: center;
                    color: rgba(255, 255, 255, .7);
                }
                
                a.fb {
                    background: url(../images/facebook.svg) no-repeat;
                    background-size: 30px 30px;
                }
                
                a.tw {
                    background: url(../images/twitter.svg) no-repeat;
                    background-size: 30px 30px;
                }
                
                a.ln {
                    background: url(../images/linkedin.svg) no-repeat;
                    background-size: 30px 30px;
                }
                
                a.yt {
                    background: url(../images/youtube.svg) no-repeat;
                    background-size: 30px 30px;
                }
                /* ----------------about rvcr page---------------- */
                
                .text-box {
                    box-shadow: 0px 0px 20px 0px rgba(156, 219, 248, .7);
                }
                
                .b-shadow-grey {
                    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
                }
                
                .text-box p {
                    color: #003461;
                    font-weight: 300;
                    font-family: 'Roboto', sans-serif;
                    font-size: 1rem;
                }
                
                .img-container {
                    max-width: 100%;
                    height: 400px;
                    /* overflow: hidden; */
                    text-align: center;
                }
                
                .img-container img {
                    max-height: 100%;
                    max-width: 100%;
                    object-fit: contain;
                }
                
                .default-para {
                    font-size: .875rem;
                }
                
                @media(max-width:768px) {
                    .img-container {
                        height: auto;
                        width: 100%;
                    }
                    .img-container img {
                        max-height: 100%;
                        max-width: 100%;
                        object-fit: contain;
                        box-shadow: none;
                        display: block;
                    }
                }
                
                @media(min-width:768px) {
                    .img-container {
                        height: 400px;
                        width: 100%;
                        display: flex;
                        text-align: center;
                    }
                    .img-container img {
                        max-height: 100%;
                        max-width: 100%;
                        object-fit: contain;
                        box-shadow: none;
                        display: block;
                        margin-top: auto;
                        margin-bottom: auto;
                        margin-left: auto;
                        margin-right: auto;
                        box-shadow: 0px 0px 20px 0px rgba(156, 219, 248, .7);
                    }
                }
                /* ----------------gallery------------------------ */
                
                .btn-back {
                    background-color: #982F7C;
                    border-radius: 0;
                    color: #fff;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                    font-size: .875rem;
                    border: 1px solid #982F7C;
                }
                
                .btn-back:hover,
                btn-back:active {
                    color: #982F7C;
                    background-color: #fff;
                    border: 1px solid #982F7C;
                }
                
                .gallery-nav {
                    height: 50px;
                }
                
                .bc1 {
                    background-color: #fff;
                    height: auto;
                    border-radius: 0;
                    margin-bottom: 0;
                    padding: 0;
                    min-height: 60px;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                    font-size: 1rem;
                }
                /* .bc1 li {
                background-color: #dedede;
            } */
                
                .bc1 li a {
                    display: block;
                    color: #003461;
                    /* background-color: aquamarine; */
                }
                
                .breadcrumb-item+.breadcrumb-item::before {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                    color: #9D9D99;
                }
                
                .picture-thumbnail {
                    background-color: #f2f2f2;
                    border-left: 24px solid #fff;
                    padding: 12px 0px 12px 0px;
                }
                
                .thumbnail-img {
                    /* border: 8px solid #fff; */
                    border-left: 1px solid #f2f2f2;
                    background-color: #fff;
                    padding: 8px 8px 8px 8px;
                    margin-left: -24px;
                    height: 100%;
                    width: calc(100% + 12px);
                    /* background-color: bisque; */
                }
                
                .thumbnail-img img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
                
                .thumbnail-desc-div {
                    padding: 0px 12px 8px 8px;
                    color: #003461;
                }
                
                .thumbnail-hr {
                    height: 4px;
                    background-color: #982F7C;
                    border: 0;
                    border-radius: 2px;
                    width: 25%;
                    margin-left: 0;
                }
                
                .thumbnail-title {
                    font-family: 'Roboto', sans-serif;
                    font-weight: 700;
                    font-size: 1rem;
                    color: #003461;
                    letter-spacing: 1px;
                }
                
                .thumbnail-details {
                    font-family: 'Roboto', sans-serif;
                    font-weight: 400;
                    font-size: .875rem;
                }
                
                .thumbnail-details span {
                    margin-left: 6px;
                    margin-right: 6px;
                    color: #9D9D99;
                }
                
                .thumbnail-para {
                    font-family: 'Roboto', sans-serif;
                    font-weight: 300;
                    font-size: .875rem;
                }
                
                .btn-thumbnail {
                    color: #982F7C;
                    background-color: #fff;
                    border: 1px solid #982F7C;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                    font-size: .875rem;
                    border: 1px solid #982F7C;
                    border-radius: 0;
                }
                
                .btn-thumbnail:hover,
                btn-back:active {
                    background-color: #982F7C;
                    color: #fff;
                }
                
                @media(max-width:768px) {
                    .picture-thumbnail {
                        height: 200px;
                    }
                }
                
                @media(min-width:768px) and (max-width:992px) {
                    .picture-thumbnail {
                        height: 200px;
                    }
                }
                
                @media(min-width:992px) {
                    .picture-thumbnail {
                        height: 250px;
                    }
                }
                /* --------patents----------- */
                
                .fullheight-section {
                    min-height: calc(100vh - 61px);
                    background-color: #fff;
                }
                
                @media(mzx-width:768) {
                    .fullheight-section {
                        min-height: auto;
                    }
                }
                
                .patent-row1 {
                    height: calc(20vh - 61px);
                    /* background-color: #f2f2f2; */
                }
                
                .patent-row2 {
                    height: calc(70vh - 61px);
                    /* background-color: #dbdbdb; */
                }
                
                .patent-row3 {
                    height: calc(10vh - 61px);
                    /* background-color: #858585; */
                }
                
                .world-map {
                    /* background-image: url('../images/world-map.svg');
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center; */
                    height: 100%;
                    width: 100%;
                    position: relative;
                    /* background-color: #f2f2f2;
                overflow: hidden; */
                }
                
                .world-map svg {
                    height: 100%;
                    width: 100%;
                    object-fit: contain;
                }
                
                .patent-active-icon {
                    background: url('../images/patent-icon.svg') no-repeat;
                    background-size: contain;
                    height: 30px;
                    width: 30px;
                    position: absolute;
                }
                
                .patent-footer {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                    font-size: .75rem;
                    font-style: italic;
                    color: #003461;
                }
                
                .status-ul {
                    padding: 0;
                    margin: 0;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                    font-size: .75rem;
                    color: #003461;
                }
                
                .status-ul li {
                    display: inline-block;
                    margin-left: 10px;
                }
                
                .status-ul li:before {
                    content: ' ';
                    display: inline-block;
                    height: 10px;
                    width: 10px;
                    background-color: #982F7C;
                    margin-right: 2px;
                    border-radius: 5px;
                }
                
                li.status-pending:before {
                    background-color: #92C3E2;
                }
                
                li.status-expired:before {
                    background-color: #8DA2AF;
                }
                
                .patent-table {
                    font-family: 'Open Sans', sans-serif;
                    font-size: .875rem;
                    color: #003461;
                    border: 1px solid #003461;
                }
                
                .patent-table thead th {
                    border-bottom: 1px solid #003461;
                    background-color: #003461;
                    color: #fff;
                }
                
                .patent-table td,
                .patent-table th {
                    border-color: #003461;
                }
                
                table.patent-table thead tr th {
                    font-weight: 400;
                    border-top-color: #003461;
                }
                
                .patent-table td {
                    font-weight: 400;
                }
                
                .patent-table-active {
                    background-color: #982F7C;
                    border-color: #003461 !important;
                    color: #fff;
                    letter-spacing: 2px;
                }
                
                .patent-table-pending {
                    background-color: #92C3E2;
                    color: #fff;
                    letter-spacing: 2px;
                }
                
                .patent-table-expired {
                    background-color: #8DA2AF;
                    color: #fff;
                    letter-spacing: 2px;
                }
                
                .simple-link {
                    font-family: 'Open Sans', sans-serif;
                    font-size: .875rem;
                    display: block;
                    color: #fff;
                    margin-left: 12px;
                    padding: 10px 10px;
                    border: 1px solid #fff;
                    text-align: center;
                    transition: all .2s;
                }
                
                .simple-link:hover {
                    color: #000;
                    text-decoration: none;
                    background-color: rgba(255, 255, 255, 1);
                }
                
                @media(max-width:767px) {
                    .patent-map {
                        display: none;
                    }
                    .patent-table-section {
                        display: block;
                    }
                }
                
                @media(min-width:768px) {
                    .patent-map {
                        display: block;
                    }
                    .patent-table-section {
                        display: none;
                    }
                }
                /* -------------landing page----------------- */
                
                ul.landing-ul {
                    /* background-color: #f2f2f2; */
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    color: #003461;
                }
                
                ul.landing-ul li {
                    margin-top: 15px;
                    position: relative;
                    padding-left: 20px;
                    font-weight: 300;
                    font-family: 'Roboto', sans-serif;
                    font-size: 1rem;
                }
                
                ul.landing-ul li::before {
                    content: "";
                    height: 10px;
                    width: 10px;
                    border-radius: 50%;
                    position: absolute;
                    background-color: #982F7C;
                    left: 0;
                    top: 5px;
                }
                
                #gyatk-engine-video2 {
                    height: 270px;
                    width: 270px;
                    text-align: center;
                    object-fit: cover;
                    border-radius: 50%;
                }
                
                .landing-video-container {
                    background-color: #F8F8F8;
                    /* border-radius: 50%; */
                    overflow: hidden;
                    height: 300px;
                    width: 300px;
                    padding: 15px;
                    /* border: 4px solid #982F7C; */
                    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='150' ry='150' stroke='%23982F7CFF' stroke-width='7' stroke-dasharray='50%25%2c 13%25' stroke-dashoffset='86' stroke-linecap='butt'/%3e%3c/svg%3e");
                    border-radius: 150px;
                    display: inline-block;
                }
                
                .bg-purple {
                    background-color: #982F7C;
                }
                
                .landing-content-title-ct {
                    position: absolute;
                    top: -150px;
                }
                
                .landing-profile-div {
                    margin-top: 0px;
                }
                
                .title7 {
                    font-size: 1.2rem;
                    color: #fff;
                    text-align: center;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                }
                
                .title8 {
                    font-size: .875rem;
                    color: rgba(255, 255, 255, .7);
                    text-align: center;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                }
                
                .profile-ct {
                    width: 50%;
                    /* background-color: skyblue; */
                }
                
                .profile-number {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 800;
                    font-size: 6rem;
                    color: rgba(255, 255, 255, .3);
                    line-height: 4.6rem;
                    float: left;
                    /* background-color: aqua; */
                    text-align: left;
                    width: 50%;
                }
                
                .profile-title {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                    font-size: 1rem;
                    color: #fff;
                    text-align: left;
                    float: left;
                    /* background-color: sienna; */
                    width: 50%;
                }
                
                .profile-anchor {
                    display: block;
                    transition: .2s all linear;
                }
                
                .profile-anchor:hover {
                    background-color: rgba(255, 255, 255, .1);
                }
                
                .landing-section {
                    min-height: auto;
                }
                
                .landing-hero {
                    background-image: url('../images/landing-hero.png');
                    background-repeat: no-repeat;
                    background-position: top center;
                    background-size: 100%;
                }
                
                .para4 {
                    font-family: 'Open Sans', sans-serif;
                    font-size: .875rem;
                    margin-top: 15px;
                }
                /* ---------form---------------- */
                
                .form-container2 {
                    background-color: #f2f2f2;
                }
                
                .form-group {
                    position: relative;
                    margin-bottom: 1.5rem;
                    font-family: 'Open Sans', sans-serif;
                }
                
                .form-control-placeholder2 {
                    position: absolute;
                    top: 0;
                    padding: 7px 0 0 13px;
                    transition: all 200ms;
                    opacity: 1;
                    color: #003461;
                }
                
                .form-control:focus+.form-control-placeholder2,
                .form-control:valid+.form-control-placeholder2 {
                    font-size: 75%;
                    transform: translate3d(0, -100%, 0);
                    opacity: .5;
                }
                
                .select-option-lbl {
                    font-size: 75%;
                    opacity: .5;
                    color: #003461;
                    padding-left: 15px;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
                
                .form-container2 .form-group input,
                .form-container2 .form-group textarea {
                    border: none;
                    border-bottom: 1px solid #003461;
                    border-radius: 0;
                    background-color: transparent;
                    color: #003461 !important;
                    font-family: 'Open Sans', sans-serif;
                    -webkit-appearance: none;
                }
                
                .form-container2 .form-group textarea {
                    min-height: 40px;
                }
                
                .form-group input:focus,
                .form-group textarea:focus {
                    border: none;
                    border-bottom: 1px solid #003461;
                    background-color: transparent;
                    outline: 0px !important;
                    -webkit-appearance: none;
                    color: #fff;
                    box-shadow: none;
                }
                
                .form-container2 .form-group select {
                    border: none;
                    border-bottom: 1px solid #003461;
                    border-radius: 0;
                    background-color: transparent;
                    color: #003461;
                    font-family: 'Open Sans', sans-serif;
                    /* -webkit-appearance: none; */
                }
                
                @media(min-width:1200px) {
                    .profile-anchor {
                        height: 100%;
                    }
                    .profile-ct {
                        width: 50%;
                        /* background-color: royalblue; */
                    }
                    .profile-title {
                        width: 50%;
                    }
                    .landing-section {
                        padding-top: 80px !important;
                        padding-bottom: 60px !important;
                    }
                }
                /*
       * Tablet Portrait ONLY
       * Inherits from previous queries.
       * Subsequent queries will not inherit these values.
       */
                
                @media screen and (min-device-width: 48em) and (max-device-width: 63.999em) {
                    .landing-section {
                        min-height: auto;
                    }
                    .landing-video-container {
                        height: 200px;
                        width: 200px;
                        border-radius: 100px;
                    }
                    #gyatk-engine-video2 {
                        height: 170px;
                        width: 170px;
                    }
                    .profile-ct {
                        width: 90%;
                    }
                    .profile-title {
                        width: 60%;
                        font-size: .875rem;
                    }
                    .profile-number {
                        font-size: 4rem;
                        line-height: 3.6rem;
                        float: left;
                        /* background-color: aqua; */
                        text-align: left;
                        width: 40%;
                    }
                }
                /*
       * Tablet Landscape or larger
       * Display both text and icon.
       */
                
                @media (min-width: 62em) and (max-width: 75em) {
                    .profile-ct {
                        width: 70%;
                    }
                    .profile-title {
                        width: 70%;
                    }
                    .profile-number {
                        font-size: 4rem;
                        line-height: 3.6rem;
                        float: left;
                        /* background-color: aqua; */
                        text-align: left;
                        width: 30%;
                    }
                }
                
                @media (min-width:36em) and (max-width: 48em) {
                    .profile-ct {
                        width: 90%;
                    }
                    .profile-title {
                        width: 65%;
                        font-size: .875rem;
                    }
                    .profile-number {
                        font-size: 4rem;
                        line-height: 3.6rem;
                        float: left;
                        /* background-color: aqua; */
                        text-align: left;
                        width: 35%;
                    }
                }
                
                @media (max-width:36em) {
                    .profile-ct {
                        width: 100%;
                        padding: 15px;
                    }
                    .profile-title {
                        width: 65%;
                        font-size: .875rem;
                    }
                    .profile-number {
                        font-size: 4rem;
                        line-height: 3.6rem;
                        float: left;
                        /* background-color: aqua; */
                        text-align: right;
                        width: 35%;
                    }
                    .profile-anchor {
                        background-color: rgba(255, 255, 255, .1);
                    }
                }
                /* -----------gallery section--------- */
                
                .gallery-home {
                    background-image: url('../images/gallery/gallery.jpg');
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }
                
                .home-gallery-slide {
                    width: auto;
                    /* overflow: hidden; */
                    background-color: #fff;
                    border: 1px solid #003461;
                    padding: 7px;
                }
                
                .home-gallery-slide .carousel-item {
                    height: 370px;
                }
                
                .home-gallery-slide img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
                
                #home-g-carousel .carousel-indicators {
                    bottom: -65px;
                }
                
                #home-g-carousel .carousel-indicators>li {
                    border-radius: 50%;
                    width: 8px;
                    height: 8px;
                    background-color: #fff;
                    border: 1px solid #003461;
                }
                
                #home-g-carousel .carousel-indicators>li.active {
                    background-color: #003461;
                }
                
                .home-g-caption {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 1rem;
                    font-weight: 400;
                    color: #fff;
                    background-color: #003461;
                    padding: 8px 15px;
                }
                /* --------------home landing section-------------- */
                
                .btn-white {
                    padding: .75rem 2rem;
                    background-color: transparent;
                    border-radius: 0rem;
                    /* color: #003461; */
                    color: #fff;
                    transition: all 0.3s linear;
                    /* border: 1px solid #003461; */
                    border: 1px solid #fff;
                    display: inline-block;
                }
                
                .btn-white:hover {
                    /* background-color: #003461; */
                    background-color: #fff;
                    color: #982F7C;
                }
                
                .para-with-spacing {
                    color: #fff;
                    font-weight: 300;
                    font-size: 1rem;
                    color: #fff;
                    font-family: 'Open Sans', sans-serif;
                    text-align: left;
                    line-height: 1.5rem;
                    letter-spacing: 2px;
                }
                
                .bg-landing {
                    background-color: #982F7C;
                    background-image: url('../images/landing-bg.png');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                }