@font-face {
                                font-family: heading_font;
                               src: url('fonts/Mont-HeavyDEMO.OTF'); 
                            }
                            
                            @font-face {
                                font-family: hreguler_font;
                               src: url('fonts/Gotham-Medium.otf');  
                            }
                            
                            @font-face {
                                font-family: light_font;
                               src: url('fonts/Quicksand-Light.ttf'); 
                            }
                            
                            .special_car_font {
                                font-family: light_font;
                                font-weight: 600;
                            }
                            
                            .blue-color-text {
                                color: #0090d0;
                            }
                            
                            a:hover {
                                text-decoration: none;
                            }
                            
                            body {
                              /*  overflow: hidden;*/
                            }
                            
                            body,
                            section {
                                background: #fff;
                            }
                            
                            nav {
                                background: #fff;
                                border-bottom: 3px solid #0090d0;
                            }
                            
                            .animated {
                                -webkit-animation-fill-mode: none;
                                animation-fill-mode: none;
                            }
                            /*top nav bar*/
                            
                            .green_bg {
                                background: #0AA54A;
                            }
                            
                            .blue_bg {
                                background: #0090d0;
                            }
                            
                            .border-green {
                                border: 1px solid #0AA54A;
                            }
                            
                            .border-blue {
                                border: 1px solid #0090d0;
                            }
                            
                            .application_card .card-header {
                                color: #fff;
                            }
                            
                            .sidenav {
                                height: 100%;
                                width: 0;
                                position: fixed;
                                z-index: 9999;
                                top: 0;
                                right: 0;
                                background-color: #fff;
                                box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
                                overflow-x: hidden;
                                transition: 0.5s;
                                padding-top: 60px;
                            }
                            
                            .sidenav a {
                                padding: 3px 8px 3px 32px;
                                text-decoration: none;
                                font-size: 15px;
                                color: #0090d0;
                                font-weight: 700;
                                display: block;
                                transition: 0.3s;
                                border-bottom: 1px solid #ccc;
                            }
                            
                            .sidenav a:hover {
                                color: #0AA54A;
                            }
                            
                            .sidenav .closebtn {
                                position: absolute;
                                top: 0;
                                right: 25px;
                                font-size: 25px;
                                margin-left: 50px;
                                border: 0px;
                            }
                            /*top nav bar*/
                            
                            .heading_holder {
                                width: 100%;
                                text-align: center;
                                margin-top: 50vh;
                                transform: translateY(-115px);
                            }
                            
                            .heading_holder h2 {
                                display: inline-block;
                            }
                            
                            .big-font {
                                font-size: 10rem;
                                letter-spacing: -30px;
                                z-index: 99;
                                position: relative;
                                font-family: heading_font;
                                bottom: -1em;
                                animation: move-text 0.75s forwards;
                                color: rgba(0, 96, 188, 1);
                                display: inline-block;
                            }
                            
                            .big-font.first_big_text {
                                font-size: 16rem;
                                letter-spacing: -45px;
                            }
                            
                            .big-font span:nth-child(2n) {
                                color: rgba(0, 181, 240, 0.9);
                            }
                            
                            .big-font span:nth-child(3n) {
                                color: rgba(22, 135, 200, 0.9);
                            }
                            
                            .big-font span:nth-child(4n) {
                                color: rgba(34, 160, 233, 0.9);
                            }
                            
                            .big-font span:nth-child(5n) {
                                color: rgba(0, 96, 188, 1);
                            }
                            
                            .big-font span:nth-child(6n) {
                                color: rgba(22, 135, 200, 0.9);
                            }
                            
                            .big-font span:nth-child(7n) {
                                color: rgba(0, 181, 240, 0.9);
                            }
                            
                            .bottom-link-holder h3 {
                                margin-bottom: -68px;
                                margin-left: 7px;
                                padding-left: 5px;
                                font-weight: 800;
                                font-size: 21px;
                                color: #0090d0;
                            }
                            
                            .bottom-link-holder_bt h3 {
                                margin-top: -50px;
                                margin-right: -40px;
                                font-weight: 800;
                                font-size: 19px;
                                color: #0090d0;
                            }
                            
                            .heading_holder_inner {
                                position: absolute;
                                margin-top: 0px;
                                top: 50%;
                                -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                            }
                            
                            .heading_holder_inner .small_font {
                                font-size: 5.65rem;
                                letter-spacing: -15px;
                            }
                            
                            .heading_holder_inner .bottom-link-holder h3 {
                                margin-bottom: -8px;
                                margin-left: 0px;
                                padding-left: 5px;
                                font-weight: 800;
                                font-size: 15px;
                            }
                            
                            .heading_holder_inner .bottom-link-holder_bt h3 {
                                margin-top: -5px;
                                margin-right: -40px;
                                font-weight: 800;
                                font-size: 15px;
                                color: #0090d0;
                            }
                            
                            .link_text {
                                font-family: hreguler_font;
                            }
                            
                            .link_text span {
                                background: #8bd44c;
                                padding: 5px 10px;
                                border-radius: 5px;
                            }
                            
                            .slick-dotted.slick-slider {
                                margin-bottom: 0px;
                            }
                            
                            .slide {
                                height: 100vh;
                            }
                            
                            .slide a.link_text {
                                display: block;
                                text-align: right;
                                font-size: 20px;
                                color: #000;
                                margin-right: -25px;
                                letter-spacing: 1px;
                                font-weight: 600;
                                font-family: hreguler_font;
                            }
                            
                            .slick-prev:before,
                            .slick-next:before {
                                color: rgb(200, 200, 200);
                                z-index: 99;
                            }
                            
                            .slick-prev:before,
                            .slick-prev {
                                left: 50px;
                                display: none;
                            }
                            
                            .slick-next {
                                right: 70px;
                                font-size: 35px;
                            }
                            
                            .slick-next:before {
                                font-size: 65px;
                            }
                            
                            .slick-dots {
                                bottom: 20px;
                                text-align: right;
                            }
                            
                            .slick-dots li button::before {
                                font-size: 15px;
                                color: #0090d0;
                            }
                            
                            .slick-dots li.slick-active button:before {
                                color: #0090d0;
                            }
                            /*motion*/
                            
                            @-webkit-keyframes rotation {
                                from {
                                    -webkit-transform: rotate(0deg);
                                }
                                to {
                                    -webkit-transform: rotate(359deg);
                                }
                            }
                            
                            @keyframes move-text {
                                0% {
                                    bottom: -0.2em;
                                    opacity: 1;
                                }
                                50% {
                                    bottom: 0.2em;
                                }
                                100% {
                                    bottom: 0;
                                    opacity: 1;
                                }
                            }
                            
                            .bottom-link-holder,
                            .bottom-link-holder_bt {
                                display: block;
                                text-align: right;
                                font-size: 20px;
                                color: #000;
                                letter-spacing: 1px;
                                font-weight: 600;
                                font-family: hreguler_font;
                            }
                            
                            .rotation_30 {
                                -webkit-animation: rotation 30s infinite linear;
                            }
                            
                            .rotation_50 {
                                -webkit-animation: rotation 50s infinite linear;
                            }
                            
                            .circles,
                            .circles2,
                            .circles3 {
                                display: block;
                                width: 50px;
                                height: 50px;
                                background: url('../images/bg1.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 30s infinite linear;
                                position: absolute;
                                opacity: 0.8;
                                z-index: -1;
                            }
                            
                            .circles2 {
                                background: url('../images/bg12.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 50s infinite linear;
                                width: 40px;
                                height: 40px;
                            }
                            
                            .circles3 {
                                width: 30px;
                                height: 30px;
                                background: url('../images/bg13.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 70s infinite linear;
                            }
                            
                            .hex,
                            .hex2 {
                                display: block;
                                width: 30px;
                                height: 30px;
                                background: url('../images/hex1.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 70s infinite linear;
                                position: absolute;
                                opacity: 0.8;
                                z-index: -1;
                            }
                            
                            .hex2 {
                                background: url('../images/hex2.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                width: 30px;
                                height: 30px;
                            }
                            
                            .lyf,
                            .lyf2,
                            .lyf3 {
                                display: block;
                                width: 30px;
                                height: 30px;
                                background: url('../images/lvf1.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 70s infinite linear;
                                position: absolute;
                                opacity: 0.8;
                                z-index: -1;
                            }
                            
                            .lyf2 {
                                background: url('../images/lvf2.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                            }
                            
                            .lyf3 {
                                background: url('../images/lvf3.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                            }
                            
                            .str1,
                            .str2 {
                                display: block;
                                width: 30px;
                                height: 30px;
                                background: url('../images/st1.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 70s infinite linear;
                                position: absolute;
                                opacity: 0.8;
                                z-index: -1;
                            }
                            
                            .str2 {
                                background: url('../images/st2.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                            }
                            
                            .line1,
                            .line2 {
                                display: block;
                                background: url('../images/line1.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                position: absolute;
                                opacity: 0.8;
                                z-index: -1;
                            }
                            
                            .line1 {
                                -webkit-animation: rotation 20s infinite linear;
                            }
                            
                            .line2 {
                                background: url('../images/line2.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                            }
                            
                            .tri1,
                            .tri2 {
                                display: block;
                                width: 30px;
                                height: 30px;
                                background: url('../images/tri1.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                                -webkit-animation: rotation 70s infinite linear;
                                position: absolute;
                                opacity: 0.8;
                                z-index: -1;
                            }
                            
                            .tri2 {
                                background: url('../images/tri2.png')no-repeat;
                                background-position: center;
                                background-size: contain;
                            }
                            
                            .right_arrow {
                                display: block;
                                width: 30px;
                                height: 30px;
                                background: url('../images/right_arrow.png')no-repeat;
                                background-position: center;
                                background-size: cover;
                                position: absolute;
                                opacity: 0.5;
                                z-index: -1;
                            }
                            /*motion*/
                            
                            .purple {
                                -webkit-animation: purple linear 30s alternate infinite;
                                animation: purple linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 30px;
                                height: 30px;
                                transform: translate3d(20vw, 1vh, 0);
                                z-index: 11;
                            }
                            
                            .purple::before {
                                -webkit-animation: purple-pseudo linear 15s alternate infinite;
                                animation: purple-pseudo linear 15s alternate infinite;
                                background: #241379;
                                width: 38px;
                                height: 6px;
                                transform: translate3d(13vw, 10vh, 0) rotate(291deg);
                            }
                            
                            .purple::after {
                                -webkit-animation: purple-pseudo linear 20s alternate infinite;
                                animation: purple-pseudo linear 20s alternate infinite;
                                width: 19px;
                                height: 15px;
                                transform: translate3d(77vw, 57vh, 0) rotate(345deg);
                            }
                            
                            @-webkit-keyframes purple {
                                50% {
                                    transform: translate3d(80vw, 12vh, 0);
                                }
                                100% {
                                    transform: translate3d(16vw, 59vh, 0);
                                }
                            }
                            
                            @keyframes purple {
                                50% {
                                    transform: translate3d(80vw, 12vh, 0);
                                }
                                100% {
                                    transform: translate3d(16vw, 59vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes purple-pseudo {
                                33% {
                                    transform: translate3d(-20vw, 79vh, 0) rotate(159deg);
                                }
                                100% {
                                    transform: translate3d(70vw, -31vh, 0) rotate(211deg);
                                }
                            }
                            
                            @keyframes purple-pseudo {
                                33% {
                                    transform: translate3d(-20vw, 79vh, 0) rotate(159deg);
                                }
                                100% {
                                    transform: translate3d(70vw, -31vh, 0) rotate(211deg);
                                }
                            }
                            
                            .medium-blue {
                                -webkit-animation: medium-blue linear 30s alternate infinite;
                                animation: medium-blue linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 21px;
                                height: 21px;
                                transform: translate3d(23vw, 69vh, 0);
                                z-index: 2;
                            }
                            
                            .medium-blue::before {
                                -webkit-animation: medium-blue-pseudo linear 15s alternate infinite;
                                animation: medium-blue-pseudo linear 15s alternate infinite;
                                background: #2185bf;
                                width: 27px;
                                height: 23px;
                                transform: translate3d(57vw, -46vh, 0) rotate(259deg);
                            }
                            
                            .medium-blue::after {
                                -webkit-animation: medium-blue-pseudo linear 20s alternate infinite;
                                animation: medium-blue-pseudo linear 20s alternate infinite;
                                width: 17px;
                                height: 7px;
                                transform: translate3d(-3vw, -21vh, 0) rotate(151deg);
                            }
                            
                            @-webkit-keyframes medium-blue {
                                50% {
                                    transform: translate3d(9vw, 93vh, 0);
                                }
                                100% {
                                    transform: translate3d(28vw, 30vh, 0);
                                }
                            }
                            
                            @keyframes medium-blue {
                                50% {
                                    transform: translate3d(9vw, 93vh, 0);
                                }
                                100% {
                                    transform: translate3d(28vw, 30vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes medium-blue-pseudo {
                                33% {
                                    transform: translate3d(21vw, -40vh, 0) rotate(294deg);
                                }
                                100% {
                                    transform: translate3d(0vw, -17vh, 0) rotate(248deg);
                                }
                            }
                            
                            @keyframes medium-blue-pseudo {
                                33% {
                                    transform: translate3d(21vw, -40vh, 0) rotate(294deg);
                                }
                                100% {
                                    transform: translate3d(0vw, -17vh, 0) rotate(248deg);
                                }
                            }
                            
                            .light-blue {
                                -webkit-animation: light-blue linear 30s alternate infinite;
                                animation: light-blue linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 27px;
                                height: 27px;
                                transform: translate3d(58vw, 71vh, 0);
                                z-index: 12;
                            }
                            
                            .light-blue::before {
                                -webkit-animation: light-blue-pseudo linear 15s alternate infinite;
                                animation: light-blue-pseudo linear 15s alternate infinite;
                                background: #1fbce1;
                                width: 31px;
                                height: 17px;
                                transform: translate3d(24vw, -18vh, 0) rotate(61deg);
                            }
                            
                            .light-blue::after {
                                -webkit-animation: light-blue-pseudo linear 20s alternate infinite;
                                animation: light-blue-pseudo linear 20s alternate infinite;
                                width: 23px;
                                height: 32px;
                                transform: translate3d(-1vw, -59vh, 0) rotate(282deg);
                            }
                            
                            @-webkit-keyframes light-blue {
                                50% {
                                    transform: translate3d(91vw, 37vh, 0);
                                }
                                100% {
                                    transform: translate3d(43vw, 51vh, 0);
                                }
                            }
                            
                            @keyframes light-blue {
                                50% {
                                    transform: translate3d(91vw, 37vh, 0);
                                }
                                100% {
                                    transform: translate3d(43vw, 51vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes light-blue-pseudo {
                                33% {
                                    transform: translate3d(-67vw, 50vh, 0) rotate(344deg);
                                }
                                100% {
                                    transform: translate3d(26vw, 7vh, 0) rotate(213deg);
                                }
                            }
                            
                            @keyframes light-blue-pseudo {
                                33% {
                                    transform: translate3d(-67vw, 50vh, 0) rotate(344deg);
                                }
                                100% {
                                    transform: translate3d(26vw, 7vh, 0) rotate(213deg);
                                }
                            }
                            
                            .red {
                                -webkit-animation: red linear 30s alternate infinite;
                                animation: red linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 36px;
                                height: 36px;
                                transform: translate3d(33vw, 20vh, 0);
                                z-index: 1;
                            }
                            
                            .red::before {
                                -webkit-animation: red-pseudo linear 15s alternate infinite;
                                animation: red-pseudo linear 15s alternate infinite;
                                background: #b62f56;
                                width: 10px;
                                height: 8px;
                                transform: translate3d(21vw, 79vh, 0) rotate(303deg);
                            }
                            
                            .red::after {
                                -webkit-animation: red-pseudo linear 20s alternate infinite;
                                animation: red-pseudo linear 20s alternate infinite;
                                width: 10px;
                                height: 8px;
                                transform: translate3d(12vw, 19vh, 0) rotate(104deg);
                            }
                            
                            @-webkit-keyframes red {
                                50% {
                                    transform: translate3d(62vw, 96vh, 0);
                                }
                                100% {
                                    transform: translate3d(95vw, 38vh, 0);
                                }
                            }
                            
                            @keyframes red {
                                50% {
                                    transform: translate3d(62vw, 96vh, 0);
                                }
                                100% {
                                    transform: translate3d(95vw, 38vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes red-pseudo {
                                33% {
                                    transform: translate3d(-12vw, -20vh, 0) rotate(247deg);
                                }
                                100% {
                                    transform: translate3d(-13vw, -15vh, 0) rotate(14deg);
                                }
                            }
                            
                            @keyframes red-pseudo {
                                33% {
                                    transform: translate3d(-12vw, -20vh, 0) rotate(247deg);
                                }
                                100% {
                                    transform: translate3d(-13vw, -15vh, 0) rotate(14deg);
                                }
                            }
                            
                            .orange {
                                -webkit-animation: orange linear 30s alternate infinite;
                                animation: orange linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 39px;
                                height: 39px;
                                transform: translate3d(23vw, 50vh, 0);
                                z-index: 9;
                            }
                            
                            .orange::before {
                                -webkit-animation: orange-pseudo linear 15s alternate infinite;
                                animation: orange-pseudo linear 15s alternate infinite;
                                background: #d5764c;
                                width: 25px;
                                height: 8px;
                                transform: translate3d(-16vw, 39vh, 0) rotate(186deg);
                            }
                            
                            .orange::after {
                                -webkit-animation: orange-pseudo linear 20s alternate infinite;
                                animation: orange-pseudo linear 20s alternate infinite;
                                width: 33px;
                                height: 20px;
                                transform: translate3d(64vw, -16vh, 0) rotate(329deg);
                            }
                            
                            @-webkit-keyframes orange {
                                50% {
                                    transform: translate3d(98vw, 61vh, 0);
                                }
                                100% {
                                    transform: translate3d(26vw, 65vh, 0);
                                }
                            }
                            
                            @keyframes orange {
                                50% {
                                    transform: translate3d(98vw, 61vh, 0);
                                }
                                100% {
                                    transform: translate3d(26vw, 65vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes orange-pseudo {
                                33% {
                                    transform: translate3d(-73vw, 19vh, 0) rotate(104deg);
                                }
                                100% {
                                    transform: translate3d(36vw, -25vh, 0) rotate(41deg);
                                }
                            }
                            
                            @keyframes orange-pseudo {
                                33% {
                                    transform: translate3d(-73vw, 19vh, 0) rotate(104deg);
                                }
                                100% {
                                    transform: translate3d(36vw, -25vh, 0) rotate(41deg);
                                }
                            }
                            
                            .yellow {
                                -webkit-animation: yellow linear 30s alternate infinite;
                                animation: yellow linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 9px;
                                height: 9px;
                                transform: translate3d(67vw, 97vh, 0);
                                z-index: 9;
                            }
                            
                            .yellow::before {
                                -webkit-animation: yellow-pseudo linear 15s alternate infinite;
                                animation: yellow-pseudo linear 15s alternate infinite;
                                background: #ffd53e;
                                width: 24px;
                                height: 31px;
                                transform: translate3d(31vw, -44vh, 0) rotate(206deg);
                            }
                            
                            .yellow::after {
                                -webkit-animation: yellow-pseudo linear 20s alternate infinite;
                                animation: yellow-pseudo linear 20s alternate infinite;
                                width: 12px;
                                height: 46px;
                                transform: translate3d(30vw, -29vh, 0) rotate(163deg);
                            }
                            
                            @-webkit-keyframes yellow {
                                50% {
                                    transform: translate3d(62vw, 42vh, 0);
                                }
                                100% {
                                    transform: translate3d(67vw, 39vh, 0);
                                }
                            }
                            
                            @keyframes yellow {
                                50% {
                                    transform: translate3d(62vw, 42vh, 0);
                                }
                                100% {
                                    transform: translate3d(67vw, 39vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes yellow-pseudo {
                                33% {
                                    transform: translate3d(-9vw, -26vh, 0) rotate(159deg);
                                }
                                100% {
                                    transform: translate3d(-54vw, -20vh, 0) rotate(234deg);
                                }
                            }
                            
                            @keyframes yellow-pseudo {
                                33% {
                                    transform: translate3d(-9vw, -26vh, 0) rotate(159deg);
                                }
                                100% {
                                    transform: translate3d(-54vw, -20vh, 0) rotate(234deg);
                                }
                            }
                            
                            .cyan {
                                -webkit-animation: cyan linear 30s alternate infinite;
                                animation: cyan linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 27px;
                                height: 27px;
                                transform: translate3d(5vw, 16vh, 0);
                                z-index: 5;
                            }
                            
                            .cyan::before {
                                -webkit-animation: cyan-pseudo linear 15s alternate infinite;
                                animation: cyan-pseudo linear 15s alternate infinite;
                                background: #78ffba;
                                width: 21px;
                                height: 49px;
                                transform: translate3d(93vw, -11vh, 0) rotate(240deg);
                            }
                            
                            .cyan::after {
                                -webkit-animation: cyan-pseudo linear 20s alternate infinite;
                                animation: cyan-pseudo linear 20s alternate infinite;
                                width: 5px;
                                height: 23px;
                                transform: translate3d(73vw, -2vh, 0) rotate(153deg);
                            }
                            
                            @-webkit-keyframes cyan {
                                50% {
                                    transform: translate3d(79vw, 52vh, 0);
                                }
                                100% {
                                    transform: translate3d(32vw, 23vh, 0);
                                }
                            }
                            
                            @keyframes cyan {
                                50% {
                                    transform: translate3d(79vw, 52vh, 0);
                                }
                                100% {
                                    transform: translate3d(32vw, 23vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes cyan-pseudo {
                                33% {
                                    transform: translate3d(-10vw, -7vh, 0) rotate(131deg);
                                }
                                100% {
                                    transform: translate3d(7vw, 27vh, 0) rotate(172deg);
                                }
                            }
                            
                            @keyframes cyan-pseudo {
                                33% {
                                    transform: translate3d(-10vw, -7vh, 0) rotate(131deg);
                                }
                                100% {
                                    transform: translate3d(7vw, 27vh, 0) rotate(172deg);
                                }
                            }
                            
                            .light-green {
                                -webkit-animation: light-green linear 30s alternate infinite;
                                animation: light-green linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 16px;
                                height: 16px;
                                transform: translate3d(77vw, 3vh, 0);
                                z-index: 12;
                            }
                            
                            .light-green::before {
                                -webkit-animation: light-green-pseudo linear 15s alternate infinite;
                                animation: light-green-pseudo linear 15s alternate infinite;
                                background: #98fd85;
                                width: 46px;
                                height: 43px;
                                transform: translate3d(9vw, 26vh, 0) rotate(213deg);
                            }
                            
                            .light-green::after {
                                -webkit-animation: light-green-pseudo linear 20s alternate infinite;
                                animation: light-green-pseudo linear 20s alternate infinite;
                                width: 28px;
                                height: 42px;
                                transform: translate3d(-3vw, 3vh, 0) rotate(316deg);
                            }
                            
                            @-webkit-keyframes light-green {
                                50% {
                                    transform: translate3d(100vw, 33vh, 0);
                                }
                                100% {
                                    transform: translate3d(30vw, 36vh, 0);
                                }
                            }
                            
                            @keyframes light-green {
                                50% {
                                    transform: translate3d(100vw, 33vh, 0);
                                }
                                100% {
                                    transform: translate3d(30vw, 36vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes light-green-pseudo {
                                33% {
                                    transform: translate3d(-51vw, -19vh, 0) rotate(288deg);
                                }
                                100% {
                                    transform: translate3d(13vw, -29vh, 0) rotate(198deg);
                                }
                            }
                            
                            @keyframes light-green-pseudo {
                                33% {
                                    transform: translate3d(-51vw, -19vh, 0) rotate(288deg);
                                }
                                100% {
                                    transform: translate3d(13vw, -29vh, 0) rotate(198deg);
                                }
                            }
                            
                            .lime {
                                -webkit-animation: lime linear 30s alternate infinite;
                                animation: lime linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 33px;
                                height: 33px;
                                transform: translate3d(80vw, 37vh, 0);
                                z-index: 5;
                            }
                            
                            .lime::before {
                                -webkit-animation: lime-pseudo linear 15s alternate infinite;
                                animation: lime-pseudo linear 15s alternate infinite;
                                background: #befb46;
                                width: 31px;
                                height: 11px;
                                transform: translate3d(-26vw, 42vh, 0) rotate(250deg);
                            }
                            
                            .lime::after {
                                -webkit-animation: lime-pseudo linear 20s alternate infinite;
                                animation: lime-pseudo linear 20s alternate infinite;
                                width: 30px;
                                height: 29px;
                                transform: translate3d(10vw, 61vh, 0) rotate(29deg);
                            }
                            
                            @-webkit-keyframes lime {
                                50% {
                                    transform: translate3d(33vw, 74vh, 0);
                                }
                                100% {
                                    transform: translate3d(3vw, 11vh, 0);
                                }
                            }
                            
                            @keyframes lime {
                                50% {
                                    transform: translate3d(33vw, 74vh, 0);
                                }
                                100% {
                                    transform: translate3d(3vw, 11vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes lime-pseudo {
                                33% {
                                    transform: translate3d(9vw, 7vh, 0) rotate(88deg);
                                }
                                100% {
                                    transform: translate3d(87vw, -9vh, 0) rotate(138deg);
                                }
                            }
                            
                            @keyframes lime-pseudo {
                                33% {
                                    transform: translate3d(9vw, 7vh, 0) rotate(88deg);
                                }
                                100% {
                                    transform: translate3d(87vw, -9vh, 0) rotate(138deg);
                                }
                            }
                            
                            .magenta {
                                -webkit-animation: magenta linear 30s alternate infinite;
                                animation: magenta linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 14px;
                                height: 14px;
                                transform: translate3d(81vw, 15vh, 0);
                                z-index: 2;
                            }
                            
                            .magenta::before {
                                -webkit-animation: magenta-pseudo linear 15s alternate infinite;
                                animation: magenta-pseudo linear 15s alternate infinite;
                                background: #6c046c;
                                width: 23px;
                                height: 28px;
                                transform: translate3d(-60vw, -10vh, 0) rotate(73deg);
                            }
                            
                            .magenta::after {
                                -webkit-animation: magenta-pseudo linear 20s alternate infinite;
                                animation: magenta-pseudo linear 20s alternate infinite;
                                width: 22px;
                                height: 13px;
                                transform: translate3d(7vw, 47vh, 0) rotate(163deg);
                            }
                            
                            @-webkit-keyframes magenta {
                                50% {
                                    transform: translate3d(38vw, 11vh, 0);
                                }
                                100% {
                                    transform: translate3d(10vw, 12vh, 0);
                                }
                            }
                            
                            @keyframes magenta {
                                50% {
                                    transform: translate3d(38vw, 11vh, 0);
                                }
                                100% {
                                    transform: translate3d(10vw, 12vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes magenta-pseudo {
                                33% {
                                    transform: translate3d(1vw, 64vh, 0) rotate(181deg);
                                }
                                100% {
                                    transform: translate3d(58vw, 39vh, 0) rotate(218deg);
                                }
                            }
                            
                            @keyframes magenta-pseudo {
                                33% {
                                    transform: translate3d(1vw, 64vh, 0) rotate(181deg);
                                }
                                100% {
                                    transform: translate3d(58vw, 39vh, 0) rotate(218deg);
                                }
                            }
                            
                            .lightish-red {
                                -webkit-animation: lightish-red linear 30s alternate infinite;
                                animation: lightish-red linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 37px;
                                height: 37px;
                                transform: translate3d(47vw, 73vh, 0);
                                z-index: 5;
                            }
                            
                            .lightish-red::before {
                                -webkit-animation: lightish-red-pseudo linear 15s alternate infinite;
                                animation: lightish-red-pseudo linear 15s alternate infinite;
                                background: #f04c81;
                                width: 43px;
                                height: 12px;
                                transform: translate3d(-12vw, 12vh, 0) rotate(181deg);
                            }
                            
                            .lightish-red::after {
                                -webkit-animation: lightish-red-pseudo linear 20s alternate infinite;
                                animation: lightish-red-pseudo linear 20s alternate infinite;
                                width: 21px;
                                height: 42px;
                                transform: translate3d(-15vw, -18vh, 0) rotate(312deg);
                            }
                            
                            @-webkit-keyframes lightish-red {
                                50% {
                                    transform: translate3d(43vw, 41vh, 0);
                                }
                                100% {
                                    transform: translate3d(41vw, 55vh, 0);
                                }
                            }
                            
                            @keyframes lightish-red {
                                50% {
                                    transform: translate3d(43vw, 41vh, 0);
                                }
                                100% {
                                    transform: translate3d(41vw, 55vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes lightish-red-pseudo {
                                33% {
                                    transform: translate3d(34vw, 42vh, 0) rotate(195deg);
                                }
                                100% {
                                    transform: translate3d(-24vw, 18vh, 0) rotate(10deg);
                                }
                            }
                            
                            @keyframes lightish-red-pseudo {
                                33% {
                                    transform: translate3d(34vw, 42vh, 0) rotate(195deg);
                                }
                                100% {
                                    transform: translate3d(-24vw, 18vh, 0) rotate(10deg);
                                }
                            }
                            
                            .pink {
                                -webkit-animation: pink linear 30s alternate infinite;
                                animation: pink linear 30s alternate infinite;
                                border-radius: 100%;
                                width: 28px;
                                height: 28px;
                                transform: translate3d(59vw, 85vh, 0);
                                z-index: 7;
                            }
                            
                            .pink::before {
                                -webkit-animation: pink-pseudo linear 15s alternate infinite;
                                animation: pink-pseudo linear 15s alternate infinite;
                                background: #ff4293;
                                width: 23px;
                                height: 26px;
                                transform: translate3d(-30vw, -29vh, 0) rotate(25deg);
                            }
                            
                            .pink::after {
                                -webkit-animation: pink-pseudo linear 20s alternate infinite;
                                animation: pink-pseudo linear 20s alternate infinite;
                                width: 46px;
                                height: 30px;
                                transform: translate3d(22vw, -6vh, 0) rotate(306deg);
                            }
                            
                            @-webkit-keyframes pink {
                                50% {
                                    transform: translate3d(100vw, 24vh, 0);
                                }
                                100% {
                                    transform: translate3d(80vw, 5vh, 0);
                                }
                            }
                            
                            @keyframes pink {
                                50% {
                                    transform: translate3d(100vw, 24vh, 0);
                                }
                                100% {
                                    transform: translate3d(80vw, 5vh, 0);
                                }
                            }
                            
                            @-webkit-keyframes pink-pseudo {
                                33% {
                                    transform: translate3d(-32vw, 0vh, 0) rotate(106deg);
                                }
                                100% {
                                    transform: translate3d(-64vw, 83vh, 0) rotate(165deg);
                                }
                            }
                            
                            @keyframes pink-pseudo {
                                33% {
                                    transform: translate3d(-32vw, 0vh, 0) rotate(106deg);
                                }
                                100% {
                                    transform: translate3d(-64vw, 83vh, 0) rotate(165deg);
                                }
                            }
                            
                            .image_banner_holder {
                                width: 100%;
                                height: 45vh;
                                display: block;
                                position: absolute;
                                bottom: 0px;
                                right: 0px;
                                left: 0px;
                                z-index: -1;
                            }
                            /*pre loader*/
                            
                            .preloader {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                z-index: 9999;
                                background-repeat: no-repeat;
                                background-color: #FFF;
                                background-position: center;
                            }
                            /*pre loader*/
                            /*inner page*/
                            
                            body.inner_body {
                                overflow: scroll;
                                overflow-x: hidden;
                            }
                            
                            body.inner_body p,
                            body.inner_body li, footer p, footer li {
                                font-family: light_font;
                                margin-bottom: 25px;
                            }
                            
                            body.inner_body li {
                                margin-bottom: 10px;
                            }
                            
                            body.inner_body p {
                                text-align: justify;
                            }
                            
                            .top_section_inner {
                                height: 100vh;
                                overflow-y: hidden;
                            }
                            
                            .top_section_inner .slider_text {
                                font-size: 2rem;
                                font-family: heading_font;
                                color: #0090d0;
                                text-transform: uppercase;
                                vertical-align: middle;
                                margin-top: 35%;
                            }
                            
                            .top_section_inner .slider_text_inner {
                                font-size: 1rem;
                                font-family: light_font;
                                position: absolute;
                                margin-top: 0px;
                                top: 50%;
                                -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                                text-align: justify;
                            }
                            
                            .top_section_inner .slider_text_inner h2 {
                                color: #0090d0;
                                text-transform: uppercase;
                                font-family: hreguler_font;
                                font-weight: 700;
                                text-align: left;
                            }
                            /* .top_section_inner_other {
        min-height: 350px;
        height: auto;
    } */
                            
                            .body_text {
                                font-size: 1rem;
                                font-family: heading_font;
                                font-weight: 400;
                            }
                            
                            .inner_product_info {
                                padding-top: 35px;
                                padding-bottom: 35px;
                            }
                            
                            .first_section h2 {
                                font-size: 4.8rem;
                                color: #0090d0;
                                font-family: heading_font;
                                margin-bottom: 25px;
                                line-height: 5.2rem;
                            }
                            
                            .first_section .image_holder {
                                margin-bottom: 60px;
                            }
                            
                            .first_section .image_holder img {
                                height: 125px;
                            }
                            
                            .description_holder p {
                                font-size: 1.6rem;
                                font-family: hreguler_font;
                                font-weight: 500;
                            }
                            
                            .second_section img {
                                width: 85%;
                            }
                            
                            .twond_blue_container {
                                background: #0090d0;
                                padding: 105px 15px;
                            }
                            
                            .twond_blue_container .blue_cont_text {
                                font-size: 2.7rem;
                                color: #fff;
                                font-family: heading_font;
                                text-transform: uppercase;
                            }
                            
                            .twond_blue_container .blue_cont_text span {
                                color: #7DC041
                            }
                            
                            .three_compound_section {
                                padding: 50px 0px;
                            }
                            
                            .three_compound_section .description_holder p {
                                font-weight: 500;
                                font-size: 1.5rem;
                            }
                            
                            .three_compound_section .images_holder {
                                padding-top: 150px;
                                padding-bottom: 40px;
                            }
                            
                            .three_compound_section .images_holder img {
                                width: 80%;
                            }
                            /*cube animation*/
                            
                            .cube {
                                position: absolute;
                                top: 10vh;
                                left: 45vw;
                                width: 10px;
                                height: 10px;
                                transform-origin: top left;
                                transform: scale(0) rotate(0deg) translate(-50%, -50%);
                                -webkit-animation: cube 15s ease-in forwards infinite;
                                animation: cube 15s ease-in forwards infinite;
                            }
                            
                            .cube:first-child {
                                -webkit-animation-delay: 0s;
                                animation-delay: 0s;
                            }
                            
                            .cube:nth-child(2) {
                                -webkit-animation-delay: 6s;
                                animation-delay: 6s;
                                left: 25vw;
                                top: 30vh;
                            }
                            
                            .cube:nth-child(3) {
                                -webkit-animation-delay: 10s;
                                animation-delay: 10s;
                                left: 75vw;
                                top: 30vh;
                            }
                            
                            .cube:nth-child(4) {
                                -webkit-animation-delay: 20s;
                                animation-delay: 20s;
                                left: 50vw;
                                top: 10vh;
                            }
                            
                            .cube:nth-child(5) {
                                -webkit-animation-delay: 30s;
                                animation-delay: 30s;
                                left: 10vw;
                                top: 45vh;
                            }
                            
                            .cube:nth-child(6) {
                                -webkit-animation-delay: 40s;
                                animation-delay: 40s;
                                left: 50vw;
                                top: 10vh;
                            }
                            
                            @-webkit-keyframes cube {
                                from {
                                    transform: scale(0) rotate(0deg) translate(-50%, -50%);
                                    opacity: 1;
                                }
                                to {
                                    transform: scale(10) rotate(960deg) translate(-50%, -50%);
                                    opacity: 0;
                                }
                            }
                            
                            @keyframes cube {
                                from {
                                    transform: scale(0) rotate(0deg) translate(-50%, -50%);
                                    opacity: 1;
                                }
                                to {
                                    transform: scale(10) rotate(960deg) translate(-50%, -50%);
                                    opacity: 0;
                                }
                            }
                            /*cube animation*/
                            
                            .features_card_holder {
                                padding: 60px 0px 90px;
                            }
                            
                            .features_card_holder .feature_card {
                                border: 0px;
                                background: none;
                                transition: all 1s;
                            }
                            
                            .features_card_holder .feature_card:hover {
                                box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
                                border-radius: 10px;
                            }
                            
                            .features_card_holder .feature_card .feature_card_header {
                                background: none;
                                border-bottom: 0px;
                            }
                            
                            .line_holder {
                                position: relative;
                                top: 155px;
                                height: 10px;
                                width: 100%;
                                background: url('../images/top_section.png')no-repeat;
                                background-size: 95%;
                                background-position: center;
                            }
                            
                            .features_card_holder .feature_card .feature_card_header .feature_img img {
                                height: 80px;
                                text-align:center;
                            }
                            .feature_card_header .feature_img{text-align:center;}
                            .features_card_holder .feature_card:hover .feature_card_header .feature_img img {
                                transform: scale(1.1);
                            }
                            
                            .features_card_holder .feature_card .feature_card_header .feature_heading {
                                font-size: 1rem;
                                padding: 10px 0px;
                                color: #0090d0;
                                font-family: hreguler_font;
                                margin-bottom: 0px;
                                height: 50px;
                                text-align:center;
                            }
                            
                            .features_card_holder .feature_card .feature_body {
                                font-size: 1rem;
                                font-family: hreguler_font;
                                font-weight: 500;
                            }
                            
                            .feature_bottom_text p {
                                font-size: 1.2rem;
                                font-family: hreguler_font;
                            }
                            
                            .footer_section {
                                border-top: 10px solid transparent;
                                border-image-source: url('../images/footer_top_border.png');
                                padding: 30px 15px;
                                font-size: 1.2rem;
                                font-family: hreguler_font;
                                border-image-slice: 30;
                            }
                            
                            .footer_section .footer_logo_container img {
                                height: 70px;
                                margin-bottom: 35px;
                            }
                            
                            .address_holder {
                                padding-right: 80px;
                                border-right: 2px solid #1687C8;
                            }
                            
                            .address_holder p {
                                margin-bottom: 0px;
                            }
                            
                            .contact_details_container {
                                padding-left: 80px;
                            }
                            
                            .address_holder span {
                                color: #1687C8;
                                display: block;
                            }
                            
                            .main_list {
                                margin-bottom: 25px;
                            }
                            
                            .main_list li {
                                margin-bottom: 5px;
                            }
                            
                            .main_list a {
                                color: #000;
                            }
                            
                            .main_list .footer_icon {
                                width: 20px;
                                color: #1687C8;
                                margin-right: 15px;
                            }
                            
                            .social_list {
                                margin-top: 15px;
                            }
                            
                            .social_list li {
                                padding: 0px;
                            }
                            
                            .social_list li a {
                                width: 35px;
                                height: 35px;
                                display: inline-block;
                                border-radius: 50%;
                                background: #1687C8;
                                color: #fff;
                                text-align: center;
                                line-height: 35px;
                            }
                            
                            .social_list li a:hover {
                                background: #0AA54A;
                                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
                            }
                            
                            .slick-slide {
                                position: relative;
                                overflow: hidden;
                                left: 0px;
                                top: 0px;
                                z-index: 999;
                            }
                            
                            .slick-next {
                                right: 80px;
                            }
                            
                            .preloader2 {
                                position: absolute;
                                background: #fff url('add.png')no-repeat;
                                background-position: center;
                                z-index: 999;
                                display: block;
                                bottom: 0;
                                right: 0;
                                left: 0;
                                top: 0;
                            }
                            
                            .rot1 {
                                -webkit-animation: rotation 80s infinite linear;
                            }
                            
                            .rot2 {
                                -webkit-animation: rotation 100s infinite linear;
                            }
                            
                            .rot3 {
                                -webkit-animation: rotation 40s infinite linear;
                            }
                            
                            .rot4 {
                                -webkit-animation: rotation 50s infinite linear;
                            }
                            
                            @-webkit-keyframes rotation {
                                from {
                                    -webkit-transform: rotate(0deg);
                                }
                                to {
                                    -webkit-transform: rotate(359deg);
                                }
                            }
                            
                            .image_banner_holder2 {
                                position: absolute;
                                display: block;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
                                right: 0;
                                left: 0;
                                z-index: -1
                            }
                            
                            .zoom-in-zoom-out {
                                animation: zoom-in-zoom-out 2s ease-out;
                            }
                            
                            .zoom-in-zoom-out2 {
                                animation: zoom-in-zoom-out 6s ease-out;
                            }
                            
                            .zoom-in-zoom-out3 {
                                animation: zoom-in-zoom-out 12s ease-out;
                            }
                            
                            @keyframes zoom-in-zoom-out {
                                0% {
                                    transform: scale(2, 2);
                                }
                                100% {
                                    transform: scale(1, 1);
                                }
                            }
                            /* --------- THREE --------- */
                            
                            .three {
                                list-style: none;
                                padding: 0;
                                margin: 20px 0;
                            }
                            
                            .three>li {
                                background: #FFFFFF;
                                border: 1px solid rgba(150, 150, 150, 0.29);
                                -moz-box-shadow: 0px 0px 18px 0px rgba(103, 85, 85, 0.39);
                                box-shadow: 0px 0px 18px 0px rgba(103, 85, 85, 0.39);
                                width: calc( 33.33% - 50px);
                                height: 620px;
                                display: inline-block;
                                margin: 0 20px;
                                text-align: center;
                                overflow-x: hidden;
                            }
                            
                            .three>li img {
                                margin-top: 60px;
                            }
                            
                            .three>li:hover img {
                                margin-top: 40px;
                            }
                            
                            .three>li .wrapper p {
                                padding: 15px;
                                display: none;
                                margin-bottom: 0px;
                            }
                            
                            .three>li:hover {
                                -moz-box-shadow: 0px 0px 5px 0px rgba(103, 85, 85, 0.25);
                                box-shadow: 0px 0px 5px 0px rgba(103, 85, 85, 0.25);
                            }
                            
                            .three>li:hover .wrapper p {
                                display: block
                            }
                            
                            .three>li:hover span {
                                border-radius: 0;
                                -webkit-border-radius: 0;
                                -moz-border-radius: 0;
                                bottom: -600px;
                            }
                            
                            .three>li:hover h3 {
                                color: rgba(255, 255, 255, 1);
                                margin-top: 25px;
                            }
                            
                            .three>li .wrapper {
                                overflow: hidden;
                                position: absolute;
                                width: calc(33.33% - 60px);
                                height: 600px;
                            }
                            
                            .three>li span {
                                border-radius: 50%;
                                -webkit-border-radius: 50%;
                                -moz-border-radius: 50%;
                                height: 600px;
                                width: 600px;
                                background: #1687C8;
                                display: block;
                                position: absolute;
                                bottom: 150px;
                                left: -140px;
                            }
                            
                            .three>li span img {
                                margin-top: 10px;
                                width: 50px;
                            }
                            
                            .three>li span:hover {
                                background: #0AA54A;
                            }
                            
                            .three>li span i {
                                position: absolute;
                                bottom: -90px;
                                color: #0AA54A;
                                text-transform: uppercase;
                                border-radius: 50px;
                                -moz-border-radius: 50px;
                                -webkit-border-radius: 50px;
                                border: 2px solid #0AA54A;
                                padding: 10px 30px;
                                font-style: normal;
                                display: inline-block;
                                left: 240px;
                            }
                            
                            .three>li span .mamber-img {
                                width: 120px;
                                margin-top: 100px;
                                -webkit-filter: grayscale(100%);
                                -moz-filter: grayscale(100%);
                                filter: grayscale(100%);
                            }
                            
                            .three>li span .mamber-img+h3 {
                                margin-top: 20px;
                                font-size: 21px;
                                font-weight: 800;
                            }
                            
                            .three>li h3 {
                                margin-top: 25px;
                                font-size: 21px;
                                font-weight: 800;
                                color: rgba(255, 255, 255, 1);
                            }
                            
                            .three>li h3 em {
                                display: block;
                                font-style: normal;
                                text-transform: uppercase;
                                font-weight: 300;
                                font-size: 12px;
                                margin-top: 5px;
                            }
                            
                            .three .social {
                                list-style: none;
                                text-align: center;
                                margin: 0;
                                padding: 10px;
                            }
                            
                            .three .social li {
                                opacity: 0;
                                display: inline-block;
                                padding: 5px;
                            }
                            
                            .three>li:hover .social li {
                                opacity: 0.8;
                            }
                            
                            .three .social li a {
                                cursor: pointer;
                                display: block;
                            }
                            
                            .three .social li a:hover {
                                opacity: 0.5;
                            }
                            
                            .three .social li img {
                                width: 24px;
                            }
                            
                            .three>li.margin_left {
                                margin-left: 18%;
                            }
                            
                            .top_iner_slider_sections {
                                /* height: 100vh;
                    */
                                margin-top: 130px;
                                /* height: calc(100vh - 110px);*/
                                height: 80vh;
                            }
                            
                            .top_iner_slider_sections .slider_left_section {
                                height: 100%;
                                position: relative;
                            }
                            
                            .top_iner_slider_sections .slider_right_section {
                                height: 100%;
                                position: relative;
                            }
                            /*text_blue*/
                            
                            .text_blue {
                                color: #1687C8;
                                border-bottom: 3px solid #0AA54A;
                            }
                            
                            .text_green {
                                color: #0AA54A;
                                border-bottom: 3px solid #1687C8;
                                margin-left: -7px;
                                padding-left: 7px;
                            }
                            
                            .icon_heading_text {
                                color: #0AA54A;
                            }
                            
                            .side_nav_span {
                                font-size: 12px;
                                line-height:13px; margin-bottom:3px;
                                font-weight: normal;
                                color: rgb(116, 116, 116);
                                width: 100%;
                                display: block;
                            }
                            
                            .top_list_bread_crumb {
                                padding-top: 30px;
                                font-size: 15px;
                                float: right;
                            }
                            
                            .top_list_bread_crumb li {
                                padding: 5px 10px!important;
                            }
                            
                            .top_list_bread_crumb a {
                                color: rgb(146, 146, 146);
                            }
                            
                            .top_list_bread_crumb a.active {
                                font-weight: 800;
                                color: #1687C8;
                            }
                            
                            .top_iner_slider_sections .h4 {
                                font-family: hreguler_font;
                                font-weight: 600;
                                font-size: 1.1rem;
                            }
                            
                            .inner_header_font {
                                font-size: 5.8rem;
                                letter-spacing: -16px;
                            }
                            
                            .height_inner_obj {
                                height: 250px;
                            }
                            
                            .product_listing_item_sap li {
                                padding: 0px 20px 0px 10px;
                                border-right: 2px solid #4d4d4d;
                            }
                            
                            .product_listing_item_sap li:last-child {
                                border-right: 0px;
                            }
                            
                            .main-nav-holder {
                                width: 100%;
                                height: auto;
                                float: left;
                                margin: 30px 0 20px;
                            }
                            
                            .wizard-steps {
                                display: inline-block;
                                font-family: Arial;
                                font-size: 14px;
                                list-style-type: none;
                                margin: 0;
                                overflow: hidden;
                                text-align: center;
                                background-color: rgba(255, 255, 255, 0.1);
                            }
                            
                            .wizard-steps li {
                                float: left;
                            }
                            /*NORMAL GRAY WIZARD*/
                            
                            .wizard-steps li a {
                                background: none repeat scroll 0 0 #e0e0e0;
                                color: #666666;
                                display: block;
                                float: left;
                                height: 45px;
                                line-height: 45px;
                                margin-right: 14px;
                                padding: 0 20px 0 15px;
                                position: relative;
                                text-align: center;
                                text-decoration: none;
                                width: auto;
                                font-size: 18px;
                            }
                            /*NORMAL GRAY ARROW LEFT SIDE*/
                            
                            .wizard-steps li:nth-child(odd) a:before {
                                border-bottom: 23px solid #0AA54A;
                                border-left: 23px solid rgba(0, 0, 0, 0);
                                border-top: 22px solid #0AA54A;
                                content: "";
                                height: 0;
                                left: -22px;
                                position: absolute;
                                top: 0;
                                width: 0;
                            }
                            
                            .wizard-steps li:nth-child(even) a:before {
                                border-bottom: 23px solid #4CA5D1;
                                border-left: 23px solid rgba(0, 0, 0, 0);
                                border-top: 22px solid #4CA5D1;
                                content: "";
                                height: 0;
                                left: -22px;
                                position: absolute;
                                top: 0;
                                width: 0;
                            }
                            /*NORMAL GRAY ARROW RIGHT SIDE*/
                            
                            .wizard-steps li:nth-child(odd) a:after {
                                width: 0;
                                height: 0;
                                border-top: 23px solid transparent;
                                border-bottom: 23px solid transparent;
                                border-left: 22px solid #0AA54A;
                                position: absolute;
                                content: "";
                                top: 0px;
                                right: -22px;
                            }
                            
                            .wizard-steps li:nth-child(even) a:after {
                                width: 0;
                                height: 0;
                                border-top: 23px solid transparent;
                                border-bottom: 23px solid transparent;
                                border-left: 22px solid #4CA5D1;
                                position: absolute;
                                content: "";
                                top: 0px;
                                right: -22px;
                            }
                            /*FIRST LIST ITEM DOES NOT NEED THE LEFT SHAPED ATTACHMENT*/
                            /* .wizard-steps li:first-child a {
                                border-left: 0 none !important;
                                border-radius: 10px 0 0 10px !important;
                            } */
                            /* .wizard-steps li:first-child a:before {
                                border: 0 none !important;
                            } */
                            /*LAST LIST ITEM DOES NOT NEED RIGHT SHAPE TRIANGLE*/
                            /* .wizard-steps li:last-child a {
                                border-left: 0 none !important;
                                border-radius: 0 10px 10px 0px !important;
                                margin: 0 !important;
                            } */
                            /*NO NEED OF ARROWS ON RIGHT FOR TRIANGLE*/
                            /* .wizard-steps li:last-child a:after {
                                border: none !important;
                            } */
                            /* = COMPLETED STEPS
                                  ----------------------------*/
                            /* = ACTIVE STEPS
                                  ----------------------------*/
                            
                            .wizard-steps .active-step a {
                                background: #4CA5D1;
                                color: #ffffff;
                            }
                            
                            .wizard-steps .active-step a:before {
                                border-bottom: 19px solid #4CA5D1;
                                border-top: 16px solid #4CA5D1;
                            }
                            
                            .wizard-steps .active-step a:after {
                                border-left: 12px solid #4CA5D1;
                            }
                            /*****************************IOS BUTTON ********************************************/
                            
                            .wizard-steps li:nth-child(even) a {
                                background: #4CA5D1;
                                color: #fff;
                                font-weight: 600;
                            }
                            
                            .wizard-steps li:nth-child(odd) a {
                                background: #0AA54A;
                                color: #fff;
                                font-weight: 600;
                            }
                            
                            .ios-button {
                                display: block;
                                height: 30px;
                                width: 64px;
                                background: url('../img/back-button.png') no-repeat top left;
                                color: #fff;
                                font-size: 13px;
                                text-align: center;
                                line-height: 28px;
                            }
                            
                            .ios-button:hover,
                            .ios-button:focus {
                                text-decoration: none;
                                color: #fff;
                            }
                            
                            .outerwrapper {
                                float: left;
                                margin: 52px
                            }

 .product_card{border:1px solid #1687C8; border-radius:15px; }
     
    .product_card .card-img-top{width:94%; margin:10px;}
    .product_card .btn-primary{width:100%; border-radius: 40px;  background:#0AA54A ;}
    .product_card .btn-primary:hover{background:#1687C8 ;}
    .product_card .card-text{    overflow: hidden; color:#000;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;}
    .product_card .card-title{font-size: 1rem; color:#1687C8 ; font-weight: 600; min-height: 2.1rem;}
    .application_container .application_info_holder{maring-bottom:40px;}
    .application_container .application_info_holder .app-image-holder{border:0px;}
    .application_container .application_info_holder .app-info-holder{border:0px;}
    .home_heading{color:#1687C8; text-transform: uppercase;}
    .body_info_font{   font-family: light_font; }
    .bg-testimonial{ background:#1687C8;}
    .testimonial_card_slider .testimonial_card{border:0px;}
    .testimonial_card_slider .testimonial_card .card-body{padding:75px 15px 15px 75px; color:#fff; font-family: light_font;}
    .testimonial_card_slider .testimonial_card .btn{color:#fff; font-family: heading_font;}
    .bold-subheading{font-family: heading_font;}
    .heading-font-ordinary{font-family: heading_font; color:#1687C8;   }
  .slick-dots li{z-index:10;}
    @media screen and (max-width: 520px) {
.bt_hdfont h3{letter-spacing: 0px;}
.three_compound_section .heading_holder{margin-top: 50px;}
.bold-subheading{    font-size: 1rem;}
.body_info_font p.h4{font-size: 1rem;}
.product_card .card-title{font-size:0.9rem}
.home_heading{font-size:1.4rem;}
.app-info-holder h2.h4{font-size:1rem}
.address_holder{border-right:0px;}
body, .footer_section, .three_compound_section .description_holder p{font-size: 13px!important;}
.text .title{font-size:12px!important;}
.email{font-size:14px!important;}
h5 .text_blue, .h4 {line-height:28px;}
 }