@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Montserrat:300,400,400i,500,500i,600,600i,700,700i,800,800i|Open+Sans:300,400,400i,600,600i,700,700i,800&display=swap');
        @font-face {
            font-family: Flaticon;
            src: url(../fonts/Flaticon.eot);
            src: url(../fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(../fonts/Flaticon.woff) format("woff"), url(../fonts/Flaticon.ttf) format("truetype"), url(../fonts/Flaticon.svg#Flaticon) format("svg");
            font-weight: 400;
            font-style: normal
        }
        
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            @font-face {
                font-family: Flaticon;
                src: url(../fonts/Flaticon.svg#Flaticon) format("svg")
            }
        }
        
        [class*=" flaticon-"]:after,
        [class*=" flaticon-"]:before,
        [class^=flaticon-]:after,
        [class^=flaticon-]:before {
            font-family: Flaticon;
            font-style: normal
        }
        
        .flaticon-at:before {
            content: "\f100";
        }
        
        .flaticon-telephone:before {
            content: "\f101";
        }
        
        .flaticon-survey:before {
            content: "\f102";
        }
        
        .flaticon-order:before {
            content: "\f103";
        }
        
        .flaticon-visa:before {
            content: "\f104";
        }
        
        .flaticon-right:before {
            content: "\f105";
        }
        
        .flaticon-back:before {
            content: "\f106";
        }
        
        .flaticon-next:before {
            content: "\f107";
        }
        
        .flaticon-next-1:before {
            content: "\f108";
        }
        
        .flaticon-right-quotation-mark:before {
            content: "\f109";
        }
        
        body {
            color: #333;
            font-size: 14px;
            font-family: 'Lato', sans-serif;
            margin: 0;
            background: #fff;
            overflow-y: scroll;
            overflow-x: hidden!important;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 0;
            padding: 0;
        }
        
        p {
            width: 100%;
            color: #101010;
            font-size: 14px;
            font-weight: 400;
            line-height: 23px;
            text-align: justify;
        }
        
        ul {
            padding: 0;
            margin: 0
        }
        
        ol,
        ul {
            list-style: none
        }
        
        #scrl::-webkit-scrollbar {
            width: 6px;
            background-color: #0592c6
        }
        
        #scrl::-webkit-scrollbar-thumb {
            background-color: #104271;
            border-radius: 10px
        }
        
        .fl {
            float: left
        }
        
        .fr {
            float: right
        }
        
        .p0 {
            padding: 0
        }
        
        .pr {
            padding: 0 7.5px 0 0
        }
        
        .pl {
            padding: 0 0 0 7.5px
        }
        
        button {
            outline: 0!important
        }
        
        button:focus {
            outline: 0!important
        }
        
         :focus {
            outline: 0!important
        }
        
        a {
            text-decoration: none!important;
            -webkit-transition: .4s ease-in-out;
            -moz-transition: .4s ease-in-out;
            -ms-transition: .4s ease-in-out
        }
        
        a:hover {
            text-decoration: none!important
        }
        
        .reset {
            clear: both
        }
        /* cbp-af-header */
        
        .header {
            width: 100%;
            float: left;
            z-index: 99;
            position: relative;
            height: 0;
            -webkit-transition: height 0.5s;
            -moz-transition: height 0.5s;
            transition: all 0.4s ease-in-out;
        }
        
        .cbp-af-header.cbp-af-header-shrink {
            top: 0;
        }
        
        .cbp-af-header.cbp-af-header-shrink .nav-toggle:before {
            content: "";
            position: absolute;
            width: 24px;
            height: 2px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
        }
        
        .cbp-af-header.cbp-af-header-shrink .logo {
            background: url(../images/logo_shrink.svg);
            display: inline-block;
            width: 59px;
            height: 56px;
            transition: all .4s ease-in-out;
            background-repeat: no-repeat;
            margin: 5px 0px 0px 0px;
        }
        
        .cbp-af-header {
            position: fixed;
            top: 10px;
            left: 0;
            width: 100%;
            z-index: 999;
            transition: all 0.4s ease-in-out;
        }
        
        .cbp-af-header.cbp-af-header-shrink .header {
            background: rgb(17, 72, 122);
            background: linear-gradient(135deg, rgba(17, 72, 122, 1) 0%, rgba(3, 154, 207, 1) 100%);
            height: 58px;
            border-bottom: 1px solid #0000000d;
        }
        
        .cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {
            color: #fff;
        }
        
        .cbp-af-header.cbp-af-header-shrink .nav-menu>li:hover>a,
        .cbp-af-header.cbp-af-header-shrink .nav-menu>li.active>a,
        .cbp-af-header.cbp-af-header-shrink .nav-menu>li.focus>a {
            color: #bddff6;
        }
        
        .cbp-af-header.cbp-af-header-shrink .navigation-portrait .nav-menu>li>a {
            color: #114779;
        }
        
        .cbp-af-header.cbp-af-header-shrink .navigation-portrait .nav-menu>li:hover>a,
        .cbp-af-header.cbp-af-header-shrink .navigation-portrait .nav-menu>li.active>a,
        .cbp-af-header.cbp-af-header-shrink .navigation-portrait .nav-menu>li.focus>a {
            color: #039acf;
        }
        
        .logo {
            background: url(../images/logo.svg);
            display: inline-block;
            width: 156px;
            height: 61px;
            transition: all .4s ease-in-out;
            background-repeat: no-repeat;
            margin: 5px 0px 0px 0px;
        }
        
        .cbp-af-header.cbp-af-header-shrink .navs {
            border: none;
            background: none;
            font-weight: 400;
            color: #6c2180;
            cursor: pointer;
            font-size: 28px;
        }
        /* close cbp-af-header */
        /* owl */
        
        .open h4{ font-weight:800; font-size:26px; color:#0592c6; background: #fff; padding:10px 15px; display: inline-block; }
        
        .intro .owl-carousel {
            margin: 0
        }
        
        .intro .owl-pagination {
            display: block;
            float: right;
        }
        
        .intro .owl-theme .owl-controls .owl-page {
            display: block;
            zoom: 1;
        }
        
        .intro .owl-theme,
        .testimonial_bg .owl-theme,
        .testimonial_bg .owl-carousel {
            width: 100%;
            margin: 0
        }
        
        .intro .owl-prev {
            position: absolute;
            right: auto;
            left: 0
        }
        
        .intro .owl-next {
            position: absolute;
            right: 0;
            left: auto
        }
        
        .intro .owl-theme .owl-controls {
            position: absolute;
            width: 100%;
            top: 45%;
            right: 10px;
        }
        
        .intro .owl-theme .owl-controls .owl-buttons div {
            display: none
        }
        
        .carousel-control-prev {
            left: 0;
            font-size: 50px
        }
        
        .carousel-control-next {
            right: 0;
            font-size: 50px
        }
        
        .testimonial_box {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            position: relative;
            margin-top: 40px;
            background: #104271;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            padding: 100px 20px 20px 20px;
        }
        
        .testimonial_box::before {
            content: "\f109";
            font-family: flaticon;
            position: absolute;
            right: 35px;
            top: 35px;
            font-size: 75px;
            color: #206593;
        }
        
        .testimonial_bg .owl-controls .owl-buttons div,
        .testimonial_bg .owl-controls .owl-page {
            display: none
        }
        
        .testimonial_bg .owl-theme .owl-controls {
            text-align: left;
            margin-top: 20px;
            margin-left: 20px;
        }
        
        .testimonial_box i {
            font-size: 40px;
            color: #cab5ce;
        }
        
        .testimonial_box p {
            color: #fff;
            font-size: 14px;
            text-align: justify;
            font-weight: 500;
            position: relative;
        }
        
        .testimonial_image>img {
            width: 60px;
            position: relative;
            margin-bottom: 15px;
            -webkit-border-radius: 5px;
            border-radius: 50%
        }
        
        .qootes {
            position: absolute;
            width: 80px;
            height: 80px;
            float: left;
            z-index: 999;
            left: 40px
        }
        
        .qootes>img {
            width: 80px;
            position: relative;
            margin-bottom: 15px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 2px solid #cac9ca
        }
        
        .testimonial_wrapper {
            margin: 0 20px
        }
        
        .testimonial_client h3 {
            font-size: 15px;
            font-weight: 700;
            color: #000;
            text-align: left;
            text-transform: uppercase;
            transition: all .4s ease-in-out
        }
        
        .testimonial_client h5 {
            font-size: 13px;
            font-weight: 400px;
            margin-top: 3px;
            color: #333;
            transition: all .4s ease-in-out
        }
        
        .testimonial_box h5 {
            color: #fff;
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 10px;
            margin-left: 25px;
        }
        
        .testimonial_box h5::before {
            content: "";
            position: absolute;
            display: block;
            width: 15px;
            left: 22px;
            margin-top: 8px;
            height: 2px;
            background: #206593;
        }
        
        .testimonial_box small {
            font-size: 15px;
            color: #457fb6;
            display: block;
            margin-top: 5px;
        }
        /*owl theme start */
        
        .owl-item {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: auto !important;
        }
        
        .owl-carousel {
            position: relative;
            width: 100%;
            float: left;
            margin: 30px 0 0;
            -ms-touch-action: pan-y
        }
        
        .owl-carousel .owl-wrapper {
            display: none;
            position: relative;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .owl-carousel .owl-wrapper-outer {
            overflow: hidden;
            position: relative;
            width: 100%
        }
        
        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height .5s ease-in-out;
            -moz-transition: height .5s ease-in-out;
            -ms-transition: height .5s ease-in-out;
            -o-transition: height .5s ease-in-out;
            transition: height .5s ease-in-out
        }
        
        .owl-carousel .owl-item {
            float: left;
            padding: 0
        }
        
        .owl-controls .owl-buttons div,
        .owl-controls .owl-page {
            cursor: pointer
        }
        
        .owl-controls {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent
        }
        
        .carousel-control-prev {
            left: 0;
            font-size: 50px
        }
        
        .carousel-control-next {
            right: 0;
            font-size: 50px
        }
        
        .grabbing {
            cursor: url(grabbing.png) 8 8, move
        }
        
        .owl-carousel .owl-item,
        .owl-carousel .owl-wrapper {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .owl-theme .owl-controls {
            margin-top: 35px;
            text-align: center
        }
        
        .owl-prev::before {
            font-family: Flaticon;
            content: "\f10f"
        }
        
        .owl-next::before {
            font-family: Flaticon;
            content: "\f100";
        }
        
        .owl-theme .owl-controls .owl-page {
            display: inline-block;
            zoom: 1
        }
        
        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 15px;
            height: 15px;
            margin: 5px 2px;
            background: #104271;
            border: #104271 1px solid;
            border-radius: 50%
        }
        
        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            background: #0592c6;
            border: #0592c6 1px solid;
        }
        
        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px
        }
        
        .owl-item.loading {
            min-height: 150px;
            background: url(../images/AjaxLoader.gif) no-repeat center center
        }
        
        .owl-theme .owl-controls {
            margin: 0 0 0;
            width: 100%;
            float: left
        }
        
        .owl-goDown-out {
            -webkit-animation: scaleToFade .7s ease both;
            -moz-animation: scaleToFade .7s ease both;
            animation: scaleToFade .7s ease both
        }
        
        .owl-goDown-in {
            -webkit-animation: goDown .6s ease both;
            -moz-animation: goDown .6s ease both;
            animation: goDown .6s ease both
        }
        
        .owl-fade-out {
            z-index: 10;
            -webkit-animation: fadeOut .7s both ease;
            -moz-animation: fadeOut .7s both ease;
            animation: fadeOut .7s both ease
        }
        
        .owl-fade-in {
            -webkit-animation: fadeIn .7s both ease;
            -moz-animation: fadeIn .7s both ease;
            animation: fadeIn .7s both ease
        }
        
        @-webkit-keyframes empty {
            0% {
                opacity: 1
            }
        }
        
        @-moz-keyframes empty {
            0% {
                opacity: 1
            }
        }
        
        @keyframes empty {
            0% {
                opacity: 1
            }
        }
        
        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        @-moz-keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        
        @-moz-keyframes fadeOut {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        
        @keyframes fadeOut {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        
        @-webkit-keyframes scaleToFade {
            to {
                opacity: 0;
                -webkit-transform: scale(.8);
            }
        }
        
        @-moz-keyframes scaleToFade {
            to {
                opacity: 0;
                -moz-transform: scale(.8);
            }
        }
        
        @keyframes scaleToFade {
            to {
                opacity: 0;
                transform: scale(.8);
            }
        }
        
        @-webkit-keyframes goDown {
            from {
                -webkit-transform: translateY(-100%);
            }
        }
        
        @-moz-keyframes goDown {
            from {
                -moz-transform: translateY(-100%);
            }
        }
        
        @keyframes goDown {
            from {
                transform: translateY(-100%);
            }
        }
        /* close owl */
        /*navigation  */
        
        .navigation {
            width: 100%;
            height: 70px;
            display: table;
            position: relative;
            font-family: inherit;
            background: none;
        }
        
        .navigation * {
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }
        
        .navigation-portrait {
            height: 48px;
        }
        
        .navigation-fixed-wrapper {
            width: 100%;
            left: 0;
            z-index: 19998;
            will-change: opacity;
        }
        
        .navigation-fixed-wrapper.fixed {
            position: fixed !important;
            -webkit-animation: fade .50s;
            animation: fade .50s;
        }
        
        @keyframes fade {
            from {
                opacity: 0.999;
            }
            to {
                opacity: 1;
            }
        }
        
        .navigation-fixed-wrapper .navigation {
            margin-right: auto;
            margin-left: auto;
        }
        
        .navigation-fixed-placeholder {
            width: 100%;
            display: none;
        }
        
        .navigation-fixed-placeholder.navigation-fixed-placeholder.visible {
            display: block;
        }
        
        .navigation-hidden {
            width: 0 !important;
            height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            position: absolute;
            top: -9999px;
        }
        
        .align-to-right {
            float: right;
        }
        
        .nav-header {
            float: left;
        }
        
        .navigation-hidden .nav-header {
            display: none;
        }
        
        .nav-brand {
            line-height: 70px;
            padding: 0 15px;
            color: #70798b;
            font-size: 24px;
            text-decoration: none !important;
        }
        
        .nav-brand:hover,
        .nav-brand:focus {
            color: #70798b;
        }
        
        .navigation-portrait .nav-brand {
            font-size: 18px;
            line-height: 48px;
        }
        
        .nav-logo>img {
            height: 48px;
            margin: 11px auto;
            padding: 0 15px;
            float: left;
        }
        
        .nav-logo:focus>img {
            outline: initial;
        }
        
        .navigation-portrait .nav-logo>img {
            height: 36px;
            margin: 6px auto 6px 15px;
            padding: 0;
        }
        
        .nav-toggle {
            width: 30px;
            height: 30px;
            padding: 6px 2px 0;
            position: absolute;
            top: 50%;
            margin-top: -14px;
            right: 15px;
            display: none;
            cursor: pointer;
        }
        
        .nav-toggle:before {
            content: "";
            position: absolute;
            width: 24px;
            height: 2px;
            background-color: #104271;
            border-radius: 10px;
            box-shadow: 0 0.5em 0 0 #104271, 0 1em 0 0 #104271;
        }
        
        .navigation-portrait .nav-toggle {
            display: block;
        }
        
        .navigation-portrait .nav-menus-wrapper {
            width: 320px;
            height: 100%;
            top: 0;
            left: -400px;
            position: fixed;
            background-color: #ffffff;
            z-index: 20000;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            -webkit-transition-duration: .8s;
            transition-duration: .8s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }
        
        .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
            left: auto;
            right: -400px;
        }
        
        .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
            left: 0;
        }
        
        .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
            left: auto;
            right: 0;
        }
        
        .nav-menus-wrapper-close-button {
            width: 30px;
            height: 40px;
            margin: 10px 7px;
            display: none;
            float: right;
            color: #70798b;
            font-size: 26px;
            cursor: pointer;
        }
        
        .navigation-portrait .nav-menus-wrapper-close-button {
            display: block;
        }
        
        .nav-menu {
            margin: 0;
            padding: 0;
            list-style: none;
            line-height: normal;
            font-size: 0;
        }
        
        .navigation-portrait .nav-menu {
            width: 100%;
        }
        
        .navigation-portrait .nav-menu>li a::before {
            display: none;
        }
        
        .nav-menu.nav-menu-centered {
            text-align: center;
        }
        
        .nav-menu.nav-menu-centered>li {
            float: none;
        }
        
        .nav-menu>li {
            display: inline-block;
            float: left;
            text-align: left;
            text-transform: uppercase;
        }
        
        .navigation-portrait .nav-menu>li {
            width: 100%;
            position: relative;
            border-top: solid 1px #f0f0f0;
        }
        
        .navigation-portrait .nav-menu>li:last-child {
            border-bottom: solid 1px #f0f0f0;
        }
        
        .nav-menu+.nav-menu>li:first-child {
            border-top: none;
        }
        
        .nav-menu>li>a {
            height: 60px;
            padding: 26px 6px;
            display: inline-block;
            position: relative;
            text-decoration: none;
            font-size: 13px;
            color: #114779;
            font-weight: 600;
            -webkit-transition: color 0.3s, background 0.3s;
            transition: color 0.3s, background 0.3s;
        }
        
        .navigation-portrait .nav-menu>li>a {
            width: 100%;
            height: auto;
            padding: 12px 15px 12px 26px;
        }
        
        .nav-menu>li:hover>a,
        .nav-menu>li.active>a,
        .nav-menu>li.focus>a {
            color: #039acf;
        }
        
        .nav-menu>li a:before {
            content: "";
            width: 2px;
            height: 0;
            left: 50%;
            top: 0;
            bottom: auto;
            transition: all .4s ease-in-out
        }
        
        .nav-menu>li:hover>a:before {
            content: "";
            width: 2px;
            height: 18px;
            background: #114779;
            position: absolute;
            left: 50%;
            top: 0;
            bottom: auto;
        }
        
        .nav-menu>li>a>i,
        .nav-menu>li>a>[class*="ion-"] {
            width: 18px;
            height: 16px;
            line-height: 16px;
            -webkit-transform: scale(1.4);
            -ms-transform: scale(1.4);
            transform: scale(1.4);
        }
        
        .nav-menu>li>a>[class*="ion-"] {
            width: 16px;
            display: inline-block;
            -webkit-transform: scale(1.8);
            -ms-transform: scale(1.8);
            transform: scale(1.8);
        }
        
        .navigation-portrait .nav-menu.nav-menu-social {
            width: 100%;
            text-align: center;
        }
        
        .nav-menu.nav-menu-social>li {
            text-align: center;
            float: none;
            border: none !important;
        }
        
        .navigation-portrait .nav-menu.nav-menu-social>li {
            width: auto;
        }
        
        .nav-menu.nav-menu-social>li>a>[class*="ion-"] {
            font-size: 12px;
        }
        
        .nav-menu.nav-menu-social>li>a>.fa {
            font-size: 14px;
        }
        
        .navigation-portrait .nav-menu.nav-menu-social>li>a {
            padding: 15px;
        }
        
        .submenu-indicator {
            margin-left: 6px;
            margin-top: 6px;
            float: right;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }
        
        .navigation-portrait .submenu-indicator {
            width: 54px;
            height: 44px;
            margin-top: 0;
            position: absolute;
            top: 0;
            right: 0;
            text-align: center;
            z-index: 20000;
        }
        
        .submenu-indicator-chevron {
            height: 6px;
            width: 6px;
            display: block;
            border-style: solid;
            border-width: 0 1px 1px 0;
            border-color: transparent #000 #000 transparent;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: border 0.3s;
            transition: border 0.3s;
        }
        
        .navigation-portrait .submenu-indicator-chevron {
            position: absolute;
            top: 18px;
            left: 24px;
        }
        
        .nav-menu>li:hover>a .submenu-indicator-chevron,
        .nav-menu>.active>a .submenu-indicator-chevron,
        .nav-menu>.focus>a .submenu-indicator-chevron {
            border-color: transparent #000 #000 transparent;
        }
        
        .navigation-portrait .submenu-indicator.submenu-indicator-up {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }
        
        .nav-overlay-panel {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: fixed;
            display: none;
            z-index: 19999;
        }
        
        .no-scroll {
            /*width: 100%;
      overflow: hidden;*/
            touch-action: none;
            overflow-x: hidden;
        }
        /* SEARCH PANEL */
        
        .nav-search {
            height: 70px;
            float: right;
            z-index: 19998;
        }
        
        .navigation-portrait .nav-search {
            height: 48px;
            padding: 0 10px;
            margin-right: 52px;
        }
        
        .navigation-hidden .nav-search {
            display: none;
        }
        
        .nav-search-button {
            width: 70px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            cursor: pointer;
            background-color: #fbfcfd;
        }
        
        .navigation-portrait .nav-search-button {
            width: 50px;
            height: 48px;
            line-height: 46px;
            font-size: 22px;
        }
        
        .nav-search-icon {
            width: 14px;
            height: 14px;
            margin: 2px 8px 8px 4px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            color: #70798b;
            text-align: left;
            text-indent: -9999px;
            border: 2px solid;
            border-radius: 50%;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: color 0.3s;
            transition: color 0.3s;
        }
        
        .nav-search-icon:after,
        .nav-search-icon:before {
            content: '';
            pointer-events: none;
        }
        
        .nav-search-icon:before {
            width: 2px;
            height: 11px;
            top: 11px;
            position: absolute;
            left: 50%;
            border-radius: 0 0 1px 1px;
            box-shadow: inset 0 0 0 32px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        
        .nav-search-button:hover .nav-search-icon {
            color: #8CC152;
        }
        
        .nav-search>form {
            width: 100%;
            height: 100%;
            padding: 0 auto;
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            background-color: #ffffff;
            z-index: 99;
        }
        
        .nav-search-inner {
            width: 70%;
            height: 70px;
            margin: auto;
            display: table;
        }
        
        .navigation-portrait .nav-search-inner {
            height: 48px;
        }
        
        .nav-search-inner input[type=text],
        .nav-search-inner input[type=search] {
            height: 70px;
            width: 100%;
            margin: 0;
            padding: 0 12px;
            font-size: 26px;
            text-align: center;
            color: #70798b;
            outline: none;
            line-height: 70px;
            border: none;
            background-color: transparent;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }
        
        .navigation-portrait .nav-search-inner input[type=text],
        .navigation-portrait .nav-search-inner input[type=search] {
            height: 48px;
            font-size: 18px;
            line-height: 48px;
        }
        
        .nav-search-close-button {
            width: 28px;
            height: 28px;
            display: block;
            position: absolute;
            right: 20px;
            top: 20px;
            line-height: normal;
            color: #70798b;
            font-size: 20px;
            cursor: pointer;
            text-align: center;
        }
        
        .navigation-portrait .nav-search-close-button {
            top: 10px;
            right: 14px;
        }
        /* NAVIGATION BUTTON */
        
        .nav-button {
            margin: 18px 15px 0;
            padding: 8px 14px;
            display: inline-block;
            color: #fff;
            font-size: 13px;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            background: rgb(3, 154, 207);
            background: linear-gradient(90deg, rgba(3, 154, 207, 1) 0%, rgba(17, 72, 122, 1) 100%);
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
            transition: all 0.4s ease-in-out;
        }
        
        .nav-button:hover,
        .nav-button:focus {
            color: #fff;
            text-decoration: none;
        }
        
        .navigation-portrait .nav-button {
            width: calc(100% - 52px);
            margin: 17px 26px;
        }
        /* NAVIGATION TEXT */
        
        .nav-text {
            margin: 25px 15px;
            display: inline-block;
            color: #70798b;
            font-size: 14px;
        }
        
        .navigation-portrait .nav-text {
            width: calc(100% - 52px);
            margin: 12px 26px 0;
        }
        
        .navigation-portrait .nav-text+ul {
            margin-top: 15px;
        }
        /* DROPDOWN EXTENSION */
        
        .nav-dropdown {
            min-width: 180px;
            margin: 0;
            padding: 0;
            display: none;
            position: absolute;
            list-style: none;
            z-index: 98;
            white-space: nowrap;
        }
        
        .navigation-portrait .nav-dropdown {
            width: 100%;
            position: static;
            left: 0;
        }
        
        .nav-dropdown .nav-dropdown {
            left: 100%;
        }
        
        .nav-menu>li>.nav-dropdown {
            border-top: solid 1px #f0f0f0;
        }
        
        .nav-dropdown>li {
            width: 100%;
            float: left;
            clear: both;
            position: relative;
            text-align: left;
        }
        
        .nav-dropdown>li>a {
            width: 100%;
            padding: 16px 20px;
            display: inline-block;
            text-decoration: none;
            float: left;
            font-size: 13px;
            color: #114779;
            background-color: #fdfdfd;
            -webkit-transition: color 0.3s, background 0.3s;
            transition: color 0.3s, background 0.3s;
        }
        
        .nav-dropdown>li:hover>a,
        .nav-dropdown>li.focus>a {
            color: #039acf;
            background: #f7f7f7
        }
        
        .nav-dropdown.nav-dropdown-left {
            right: 0;
        }
        
        .nav-dropdown>li>.nav-dropdown-left {
            left: auto;
            right: 100%;
        }
        
        .navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
            text-align: right;
        }
        
        .navigation-portrait .nav-dropdown>li>a {
            padding: 12px 20px 12px 30px;
        }
        
        .navigation-portrait .nav-dropdown>li>ul>li>a {
            padding-left: 50px;
        }
        
        .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
            padding-left: 70px;
        }
        
        .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
            padding-left: 90px;
        }
        
        .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
            padding-left: 110px;
        }
        
        .nav-dropdown .submenu-indicator {
            right: 15px;
            top: 16px;
            position: absolute;
        }
        
        .navigation-portrait .nav-dropdown .submenu-indicator {
            right: 0;
            top: 0;
        }
        
        .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
        
        .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .nav-dropdown>li:hover>a .submenu-indicator-chevron,
        .nav-dropdown>.focus>a .submenu-indicator-chevron {
            border-color: transparent #8CC152 #8CC152 transparent;
        }
        
        .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
            left: 10px;
        }
        
        .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }
        /* HORIZONTAL DROPDOWN EXTENSION */
        
        .nav-dropdown-horizontal {
            width: 100%;
            left: 0;
            background-color: #fdfdfd;
            border-top: solid 1px #f0f0f0;
        }
        
        .nav-dropdown-horizontal .nav-dropdown-horizontal {
            width: 100%;
            top: 100%;
            left: 0;
        }
        
        .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
            border-top: none;
        }
        
        .nav-dropdown-horizontal>li {
            width: auto;
            clear: none;
            position: static;
        }
        
        .navigation-portrait .nav-dropdown-horizontal>li {
            width: 100%;
        }
        
        .nav-dropdown-horizontal>li>a {
            position: relative;
        }
        
        .nav-dropdown-horizontal .submenu-indicator {
            height: 18px;
            top: 11px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
            height: 42px;
            top: 0;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        
        .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }
        /*  navigation close*/
        
        .content {
            width: 100%;
            height: auto;
            position: absolute;
            z-index: 999;
        }
        
        .intro {
            height: 97vh;
            background: #ffffff;
            margin: 10px;
            position: relative;
            overflow: hidden;
        }
        
        .intro h2 {
            color: #114779;
            font-size: 24px;
            font-weight: 500;
        }
        
        .intro h3 {
            font-size: 50px;
            color: #fff;
            font-weight: 800;
        }
        
        .slide__caption {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            top: 0;
            left: 5%;
            display: flex;
            align-items: center;
            color: #fff;
        }
        
        .mainbtn {
            border: 2px solid #fff;
            padding: 10px 20px;
            color: #fff;
            background: none;
            margin-top: 10px;
            position: relative;
            transition: all 0.4s ease-in-out;
        }
        
        .mainbtn:hover {
            background: #fff;
            color: #039acf;
        }
        
        .mainbtn::before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            left: -6px;
            top: 15px;
            transition: all 0.4s ease-in-out;
        }
        
        .mainbtn:hover::before {
            left: 5;
            opacity: 0;
        }
        
        .contact_header {
            width: 100%;
            bottom: 5px;
            position: absolute;
            z-index: 99;
            padding-left: 10px;
        }
        
        .contact_header ul {
            float: left;
        }
        
        .contact_header ul li {
            list-style: none;
            float: left;
            color: #fff;
            padding-right: 10px;
        }
        
        .contact_header ul li a {
            color: #fff;
        }
        
        .inner_container .card h2::after {
            display: none;
        }
        
        .welcome {
            background: rgb(3, 154, 207);
            background: linear-gradient(135deg, rgba(3, 154, 207, 1) 0%, rgba(17, 72, 122, 1) 100%);
            padding: 80px 0px;
            position: relative;
        }
        
        .welcome::after {
            background: #fff;
            position: absolute;
            bottom: 0px;
            height: 127px;
            left: 0;
            width: 100%;
            content: '';
            clip-path: polygon(0 21%, 100% 0, 100% 100%, 0% 100%);
        }
        
        .welcome h3,
        .experience h3 {
            color: #77cbf1;
            font-size: 24px;
            letter-spacing: 4px;
            font-weight: 300;
        }
        
        .welcome h2,
        .experience h2 {
            color: #fff;
            font-size: 36px;
            font-weight: 800;
        }
        
        .welcome h2 {
            color: #fff;
        }
        
        .experience h2 {
            color: #000;
        }
        
        .experiencebg {
            background: #09447abf;
            padding: 30px;
        }
        
        .experiencebg h2 {
            color: #fff;
        }
        
        .welcome p {
            color: #fff;
            margin-top: 20px;
            letter-spacing: .5px;
            text-align: left;
        }
        
        .welcome img {
            z-index: 9;
            position: relative;
        }
        
        .service {
            padding: 60px 0px;
            background: url(../images/service_bgimg.jpg) no-repeat bottom left #fff;
        }
        
        .service h3,
        .news_successstories h3 {
            color: #292b2b;
            font-size: 24px;
            letter-spacing: 4px;
            font-weight: 300;
        }
        
        .service h2,
        .news_successstories h2,
        .stepsbg h2 {
            color: #104271;
            font-size: 36px;
            font-weight: 800;
            margin-bottom: 10px;
        }
        
        .stepsbg h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        
        .servicepic {
            width: 100%;
            position: relative;
            transition: all 0.4s ease-in-out;
            background: #104271;
            overflow: hidden;
        }
        
        .servicepic_heading {
            background: #104271;
            bottom: 0;
            transform: translateY(-15px);
            padding: 10px;
            color: #fff;
            font-size: 18px;
            position: absolute;
            width: 100%;
            text-align: center;
            font-weight: 600;
            transition: all 0.4s ease-in-out;
            z-index: 99;
        }
        
        .servicepic img {
            transition: all 0.4s ease-in-out;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }
        
        .servicepic:hover {
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            transform: translateY(-15px);
            -webkit-box-shadow: 0px 17px 24px -11px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 17px 24px -11px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 17px 24px -11px rgba(0, 0, 0, 0.75);
        }
        
        .servicepic:hover img {
            background: #104271;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            opacity: 0.5;
        }
        
        .servicepic:hover .servicepic_heading {
            transform: translateY(0px);
            background: #0592c6;
        }
        
        .experience {
            padding: 60px 0px;
            background-image: linear-gradient(to right, #e5e5e5d1, #ffffff42), url(../images/experts_bg.jpg);
            background-size: cover;
            position: relative;
        }
        /* .experience::after {
            content: "";
            position: absolute;
            background: url(../images/shape3.png) no-repeat;
            bottom: 0;
            left: 0;
            right: 0;
            height: 186px;
        } */
        
        .experience p {
            color: #fff;
        }
        
        .stepsbg {
            background: #f3f3f3;
            padding: 60px 0px;
        }
        
        .step {
            width: 100%;
            background: #fff;
            transition: all 0.4s ease-in-out;
            box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
        }
        
        .step:hover .stepscontent {
            background: #dcf1fa;
        }
        
        .stepsheading {
            padding: 10px;
            background: #0592c6;
        }
        
        .stepsheading i {
            float: right;
            color: #fff;
            font-size: 43px;
            transform: translateY(-8px);
        }
        
        .stepsheading h4 {
            color: #fff;
            font-size: 18px;
            font-weight: 700;
        }
        
        .stepsheading h4 span {
            color: #64cff6;
            display: block;
            font-weight: 400;
            font-size: 15px;
            margin-bottom: 5px;
        }
        
        .stepscontent {
            background: #fff;
            padding: 18px;
            transition: all 0.4s ease-in-out;
        }
        
        .stepscontent p {
            color: #101010;
        }
        
        .readmore {
            border: none;
            font-size: 16px;
            color: #104271;
            background: none;
            font-weight: 700;
            transition: all 0.4s ease-in-out;
            padding: 0px;
        }
        
        .readmore:hover {
            color: #0592c6;
            letter-spacing: 1px;
        }
        
        .readmore i {
            font-weight: 700;
            color: #0592c6;
            transition: all 0.4s ease-in-out;
            padding-left: 6px;
            font-size: 13px;
        }
        
        .readmore:hover i {
            opacity: 0;
            padding-left: 20px;
        }
        
        .experience .bullets ul li {
            color: #000;
            padding-left: 20px;
        }
        
        .experience .bullets ul li:before {
            position: absolute;
            color: #000;
            left: 0;
        }
        
         .stepscontent .bullets ul li {
            color: #000;
            padding-left: 20px;
        }
        
         .stepscontent .bullets ul li:before {
            position: absolute;
            color: #0592c6;
            left: 0;
        }
        
       
        
        .bullets {
            position: relative;
            padding-right: 10px;
            text-align: left;
        }
        
        .bullets ul {
            position: relative;
            z-index: 3;
        }
        
        .bullets ul li {
            position: relative;
            line-height: 24px;
            padding-top: 6px;
            text-align: justify;
            color: #fff;
        }
        
        .university {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/university.jpg);
        }
        
        .bullets ul li:before {
            content: "\f108";
            font-family: Flaticon;
            display: inline-block;
            padding-right: 10px;
            color: #fff;
            font-weight: 600;
        }
        
        .bullets ul {
            padding: 0;
            margin: 0;
        }
        
        .bullets ul li {
            list-style: none;
        }
        
        .innerbullets .bullets {
            margin-bottom: 15px;
        }
        
        .innerbullets .bullets ul li {
            color: #000;
        }
        
        .innerbullets .bullets ul li:before {
            color: #0498cd;
        }
        
        .form-control {
            display: block;
            width: 100%;
            height: auto;
            color: #fff;
            padding: .5rem 1rem;
            font-size: 13px;
            font-weight: 400;
            line-height: 1.6;
            background-color: #fff0;
            background-clip: padding-box;
            border: 2px solid #dfe2e5;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }
        
        .form-control:focus {
            color: #77cbf1;
            background-color: #fff0;
            border-color: #77cbf1;
            outline: 0;
            box-shadow: none;
            transition: all .6s ease-in-out
        }
        
        .form-control::placeholder {
            color: #fff;
            opacity: 1
        }
        
        .form-control:disabled,
        .form-control[readonly] {
            background-color: #f0f1f3;
            opacity: 1
        }
        
        textarea.form-control {
            height: auto;
        }
        
        .btnmore {
            padding: 10px 30px;
            border-radius: 26px;
            -moz-boder-radius: 26px;
            color: #fff;
            border: 0;
            font-size: 16px;
            background: #104271;
            transition: all 0.8s ease-in-out;
            font-weight: 500;
        }
        
        .btnmore::after {
            content: "\f108";
            transition: all .25s;
            opacity: 0;
            margin-left: -.5em;
            font-family: Flaticon;
            display: inline-block;
            transition: all 0.4s ease-in-out;
        }
        
        .btnmore:hover::after {
            opacity: 1;
            margin-left: .7em
        }
        
        .news_successstories {
            background: url(../images/testimonialbg.jpg) repeat-x bottom #fff;
            padding: 80px 0px;
        }
        
        .frontnews {
            background: #fff;
            padding: 20px;
            -webkit-box-shadow: 0px 0px 21px -9px rgba(0, 0, 0, 0.21);
            -moz-box-shadow: 0px 0px 21px -9px rgba(0, 0, 0, 0.21);
            box-shadow: 0px 0px 21px -9px rgba(0, 0, 0, 0.21);
            border-radius: 15px;
            margin-top: 25px;
            position: relative;
        }
        
        .frontnews h5,
        .news h3 {
            font-size: 18px;
            color: #282929;
            font-weight: 600;
            margin: 10px 0px 5px 0px;
            text-align: justify;
            display: -webkit-box;
            height: 44px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
        }
        
        .frontnews p {
            text-align: justify;
            display: -webkit-box;
            height: 66px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 5px;
        }
        
        .frontnews .date {
            position: absolute;
            top: 0;
            background: #0592c6;
            display: block;
            padding: 5px 10px;
            border-radius: 10px;
            transform: translateY(-15px);
        }
        
        .viewall {
            border: none;
            color: #058cc0;
            font-size: 16px;
            margin: 10px 0px;
            background: none;
            font-weight: 600;
        }
        
        .viewall i {
            font-size: 13px;
            color: #104271;
            padding-left: 5px;
        }
        
        .call {
            background: rgb(17, 72, 122);
            background: linear-gradient(135deg, rgba(17, 72, 122, 1) 0%, rgba(3, 154, 207, 1) 100%);
            padding: 40px 0px;
        }
        
        .call h4 {
            font-size: 24px;
            text-align: center;
            color: #fff;
            font-weight: 600;
        }
        
        .call h4 a {
            color: #fcdb56;
            text-decoration: underline !important;
        }
        
        footer {
            background: url(../images/map-bg.png) #fff;
            padding: 60px 20px;
        }
        
        footer h3 {
            background: linear-gradient(to right, #104271, #0592c6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 600;
            font-size: 18px;
        }
        
        .ftr_img {
            background: url(../images/ftr_img.png) no-repeat left;
            padding: 40px 0px;
        }
        
        footer ul {
            width: 100%;
        }
        
        footer ul li {
            list-style: none;
            padding: 2px 0px;
            font-size: 14px;
            font-weight: 600;
        }
        
        footer ul li a {
            color: #444646;
            position: relative;
            font-weight: 600;
        }
        
        footer ul li a:hover {
            color: #444646;
        }
        
        footer ul li a::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 1px;
            top: 100%;
            left: 0;
            background: #058cc0;
            transition: transform 0.8s;
            transform: scaleX(0);
            transform-origin: right;
            z-index: 9
        }
        
        footer ul li a:hover::after {
            transform: scaleX(1);
            transform-origin: left;
        }
        
        footer ul li span {
            color: #0784b7;
            font-size: 14px;
            display: block;
        }
        
        .subscribe_form {
            width: 100%;
            float: left;
        }
        
        .subscribe_form .input-group>.form-control {
            color: #000;
            font-size: 14px;
            border-radius: 0;
            box-shadow: none;
            background: #f6f5f5;
            padding: 21px 5px;
        }
        
        .subscribe_form .input-group .btn {
            padding: 13px 15px;
            border-radius: 0;
            font-size: 14px;
            border: 0;
            color: #fff;
            background: #058cc0
        }
        
        .subscribe_form .form-control::placeholder {
            color: #949393;
        }
        
        .social {
            width: 100%;
            margin-top: 10px;
        }
        
        .social ul li {
            padding: 0px 5px;
            list-style: none;
            display: inline-block;
        }
        
        .social ul li a {
            color: #fff;
            background: #0396cb;
            padding: 8px;
            border-radius: 50%;
            text-align: center;
        }
        
        .social ul li a i {
            width: 15px;
            height: 15px;
        }
        
        .social ul li a:hover {
            color: #104271;
            background: #fff;
        }
        
        footer .social ul li::after {
            display: none;
        }
        
        footer .social ul li a::after {
            display: none;
        }
        
        .powered {
            text-align: center;
            padding: 30px 0px;
        }
        
        .powered a {
            color: #3f4951;
        }
        
        .powered a:hover {
            color: #191b1d;
        }
        
        .up {
            position: relative;
            color: #fff;
            background: #105386;
            display: table;
            float: none;
            margin: 0 auto;
            clear: both;
            text-align: center;
            font-style: normal;
            z-index: 9;
            cursor: pointer;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            transition: all 0.5s ease-in-out;
        }
        
        .up::before {
            transform: translateX(-50%) translateY(-50%) rotate(-90deg);
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 20px;
            content: "\f107";
            font-family: Flaticon;
        }
        
        .up:hover {
            color: #fff;
            background: #104271;
        }
        
        .inner_intro {
            width: 100%;
            position: relative;
            background-size: cover;
            clip-path: polygon(50% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
            padding: 200px 0 120px 0;
        }
        
        .about_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/inner_banner.jpg);
        }
        
        .contact_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/contact_banner.jpg);
        }
        
        .testimonialbg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/testi.jpg);
        }
        
        .apply_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/apply_bg.jpg);
        }
        
        .blog_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/blog_bg.jpg);
        }
        
        .faq_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/faq_bg.jpg);
        }
        
        .news-bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/news-bg.jpg);
        }
        
        .return_practice_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/return_practice_bg.jpg);
        }
        
        .intl_recruitment_bg {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/intl_recruitment_bg.jpg);
        }
        
        .sponcer-license {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(3, 154, 207, 0.65) 59%, rgba(17, 72, 122, 1) 100%), url(../images/sponcer-license.jpg);
        }
        
        .inner_intro h2 {
            text-align: center;
            font-size: 36px;
            font-weight: 800;
            color: #fff;
        }
        
        .inner_intro ul {
            width: 100%;
            text-align: center;
        }
        
        .inner_intro ul li {
            list-style: none;
            text-align: center;
            display: inline-block;
            padding: 10px;
            font-size: 18px;
            font-weight: 700;
        }
        
        .inner_intro ul li a {
            color: #114779;
        }
        
        .inner_intro ul li a:hover {
            color: #0784b7;
        }
        
        .inner_intro ul li.active {
            color: #114779;
        }
        
        .inner_intro ul li::after {
            content: "/";
            padding-left: 20px;
            color: #fff;
        }
        
        .inner_intro ul li:last-child::after {
            display: none;
        }
        
        .inner_container {
            padding: 80px 0px;
        }
        
        .inner_container h2,
        .map h2,
        .about_container h2 {
            font-size: 30px;
            color: #104271;
            font-weight: 800;
            margin-bottom: 20px;
        }
        
        .inner_container h4,
        .about_container h4 {
            font-size: 18px;
            color: #104271;
            font-weight: 600;
        }
        
        .about_container h4 {
            margin-bottom: 10px;
        }
        
        .inner_container h2::after,
        .map h2::after,
        .about_container h2::after {
            content: "";
            display: block;
            width: 50px;
            position: absolute;
            height: 3px;
            background: #0498cd;
        }
        
        .about_container {
            padding: 80px 0px 40px 0px;
            background: url(../images/service_bgimg.jpg) no-repeat bottom left #fff;
        }
        
        .main h3 {
            font-size: 40px;
            color: #104271;
            font-weight: 800;
            margin-bottom: 20px;
        }
        
        .founder {
            font-size: 24px;
            color: #282929;
            line-height: 30px;
        }
        
        .tieup {
            padding: 30px 0px;
        }
        
        .tieup h4 {
            font-size: 50px;
            font-weight: 500;
            text-align: center;
            background: linear-gradient(to right, #104271, #0592c6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .tieup h5 {
            display: block;
            font-size: 18px;
            text-align: center;
            color: #101010 !important;
            font-weight: 300;
        }
        
        .mgt {
            background: #fff;
            padding: 80px 0px;
            position: relative;
        }
        
        .mgt h3 {
            text-align: center;
            font-size: 30px;
            font-weight: 800;
            z-index: 999;
            color: white;
        }
        
        .mgt::before {
            position: absolute;
            top: 0;
            height: 500px;
            background-size: cover;
            left: 0;
            width: 100%;
            content: '';
            background: rgb(17, 72, 122);
            background: linear-gradient(180deg, rgba(17, 72, 122, 0.81) 0%, rgba(3, 154, 207, 0.9) 100%), url(../images/mv.jpg);
        }
        
        .mv {
            background: #fff;
            padding: 30px;
            margin-top: 30px;
            -webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.41);
            -moz-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.41);
            box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.41);
            transition: all 0.4s ease-in-out;
        }
        
        .mv:hover {
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
            background: #e1f0fd;
        }
        
        .mv h3 {
            color: #000;
            text-align: left;
            font-size: 18px;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .mv h3 span {
            display: block;
            font-size: 15px;
            font-weight: 400;
            color: #7b7b7b;
        }
        
        .mv h3::after {
            position: absolute;
            content: "";
            width: 60px;
            margin-top: 2px;
            height: 2px;
            display: block;
            background: #1e4c72;
        }
        
        .contact_section p {
            text-align: left;
            font-size: 18px;
            color: #5a5a59;
            font-weight: 700;
            margin-top: 10px;
        }
        
        .contact_section p a {
            color: #000;
        }
        
        .hvr img {
            transition: all 0.4s ease-in-out;
        }
        
        .hvr:hover img {
            padding-left: 10px;
        }
        
        .contact_form {
            padding-top: 40px
        }
        
        .map {
            background: #efefef;
            padding: 60px 0px
        }
        
        .apply {
            padding: 40px 20px;
            background: rgb(247, 247, 247);
            -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.43);
            -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.43);
            box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.43);
        }
        
        .map .form-control,
        .apply .form-control {
            color: #5a5a59;
            border-color: #cccccc;
        }
        
        .map .form-control:focus {
            color: #5a5a59;
            background-color: #cccccc;
            border-color: #d1d1d1;
            outline: 0;
            box-shadow: none;
            transition: all .6s ease-in-out
        }
        
        .apply .form-control:focus {
            color: #5a5a59;
            background-color: #c1e8fd;
            border-color: #9ad3f3;
            outline: 0;
            box-shadow: none;
            transition: all .6s ease-in-out
        }
        
        .map .form-control::placeholder,
        .apply .form-control::placeholder {
            color: #5a5a59;
        }
        
        .apply .form-control:disabled,
        .apply .form-control[readonly] {
            opacity: 1;
            background: rgb(247, 247, 247);
        }
        
        textarea .map .form-control,
        textarea .apply .form-control {
            height: auto;
        }
        
        .inner_container .card-header {
            background: #058cc0;
        }
        
        .inner_container .btn-link {
            font-weight: 600;
            color: #fff;
            font-size: 18px;
            text-decoration: none;
            width: 100%;
            text-align: left;
        }
        
        .inner_container .btn-link {
            position: relative;
        }
        
        .inner_container .btn-link::after {
            content: "\f106";
            color: #fff;
            top: 6px;
            right: 0px;
            position: absolute;
            font-family: Flaticon;
            transition: all 0.4s ease-in-out;
            transform: rotate(-180deg);
        }
        
        .inner_container .btn-link[aria-expanded="true"]::after {
            content: "\f106";
            transform: rotate(-90deg);
        }
        
        .news,
        .news_detail {
            background: #e7f6fd;
            position: relative;
            -webkit-box-shadow: 0px 42px 21px -32px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0px 42px 21px -32px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 42px 21px -32px rgba(0, 0, 0, 0.25);
        }
        
        .news::before,
        .news_detail::before {
            content: "";
            background: #fff;
            height: 30px;
            position: absolute;
            width: 100%;
        }
        
        .newsimage {
            padding: 0px 20px;
            transform: translateY(0px);
            width: 100%;
        }
        
        .newsimage img {
            width: 100%;
        }
        
        .newscontent {
            padding: 0px 20px 20px 20px;
        }
        
        .news p {
            text-align: justify;
            display: -webkit-box;
            height: 66px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 5px;
        }
        
        .date {
            background: #0396cb;
            color: #fff;
            padding: 10px 20px;
            display: inline-block;
            transform: translateY(-12px);
        }
        
        .news_detail h3 {
            font-size: 18px;
            color: #282929;
            font-weight: 600;
            margin: 10px 0px 5px 0px;
        }
        
        .latestnews {
            width: 100%;
        }
        
        .latestnews li {
            display: grid;
            padding: 10px 10px;
            border-bottom: 1px solid #ececec;
            transition: all 0.4s ease-in-out;
        }
        
        .latestnews li h4 {
            font-size: 18px;
            color: #282929;
            font-weight: 600;
            margin: 10px 0px 5px 0px;
            text-align: justify;
            display: -webkit-box;
            height: 44px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
        }
        
        .latestnews li:hover {
            background: #f1f3f3;
        }
        
        .latestnews li span {
            color: #282929;
        }
        
        .latestnews li span i {
            color: #0396cb;
        }
        
        .gender {
            display: block;
            width: 100%;
        }
        
        .testi_bg {
            padding: 80px 40px 20px 40px;
            background: #efefef;
            position: relative;
            border-radius: 20px 0px 20px 20px;
            -mozoborder-radius: 20px 0px 20px 20px;
            -webkit-border-radius: 20px 0px 20px 20px;
            -webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.41);
            -moz-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.41);
            box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.41);
            transition: all 0.4s ease-in-out;
            margin-bottom: 60px;
        }
        
        .testi_bg h5 {
            font-size: 18px;
            color: #114779;
            font-weight: 600;
        }
        
        .testi_bg h5 span {
            font-size: 16px;
            font-weight: 400;
            color: #191b1d;
            display: block;
        }
        
        .testi_img {
            position: absolute;
            right: 30px;
            top: -40px;
            width: 100px;
            height: 100px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 3px solid #fff;
        }
        
        .testi_img img {
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }
        
        .testi_bg::before {
            content: "\f109";
            font-family: flaticon;
            position: absolute;
            left: 20;
            top: -40px;
            font-size: 75px;
            color: #206593;
            transform: rotate(180deg);
        }
        /* start mediaquery */
        
        @media (min-width:1400px) and (max-width:1920px) {}
        
        @media only screen and (max-width:1240px) and (min-width: 768px) {
            .intro {
                height: auto;
            }
        }
        
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            .intro {
                height: auto;
                margin: 0px;
            }
            .nav-toggle {
                top: 35%;
            }
            .welcome::after {
                display: none;
            }
            .ftr_img {
                background: none;
                padding: 0;
            }
        }
        
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
        
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
            .welcome::after {
                height: 50px;
            }
        }
        
        @media only screen and (min-width: 768px) and (max-width: 991px) {
            .intro {
                height: auto;
                margin: 0px;
            }
            .welcome h2,
            .experience h2 {
                font-size: 28px;
            }
            .stepsheading h4 {
                font-size: 13px;
            }
            .social ul li a {
                padding: 6px;
            }
            .social ul li {
                padding: 0px 2px;
            }
        }
        
        @media (max-width:767px) {
            .intro {
                height: auto;
                margin: 0px;
            }
            .intro h3 {
                font-size: 26px;
            }
            .intro h2 {
                font-size: 24px;
            }
            .ftr_img {
                background: none;
                padding: 0;
            }
            .social ul li {
                padding: 0px 1px;
            }
            .inner_intro {
                padding: 100px 0 60px 0;
            }
            .founder {
                font-size: 18px;
            }
            .main h3 {
                font-size: 28px;
            }
        }
        
        @media (max-width:600px) {
            .logo {
                background: url(../images/logo-mob.svg);
                width: 96px;
                height: 38px;
            }
            .cbp-af-header.cbp-af-header-shrink .logo {
                background: url(../images/logo_shrink_mob.svg) no-repeat;
                ;
                width: 96px;
                height: 37px;
            }
            .intro h3 {
                font-size: 22px;
            }
            .intro h2 {
                font-size: 20px;
            }
            .mainbtn {
                border: 2px solid #fff;
                padding: 5px 12px;
                margin-top: 10px;
                font-size: 12px;
            }
            .welcome h2,
            .experience h2,
            .service h2,
            .news_successstories h2 {
                font-size: 30px;
            }
            .welcome h3,
            .experience h3,
            .welcome h3,
            .experience h3 {
                font-size: 26px;
            }
            .welcome {
                padding: 40px 0px;
            }
            .inner_intro h2 {
                font-size: 28px;
            }
            .card-header {
                padding: 10px 10px;
            }
            .btn-link {
                padding: 0px;
                font-size: 16px;
            }
        }
        
        @media only screen and (min-device-width: 480px) and (max-device-width: 600px) {}
        
        @media only screen and (min-device-width: 480px) and (max-device-width: 600px) and (orientation:portrait) {}
        
        @media (max-width:480px) {
            .contact_header {
                display: none;
            }
            .welcome h2,
            .experience h2,
            .service h2,
            .news_successstories h2 {
                font-size: 22px;
            }
            .welcome h3,
            .experience h3,
            .welcome h3,
            .experience h3 {
                font-size: 18px;
            }
            .inner_intro h2 {
                font-size: 22px;
            }
            .inner_intro ul li {
                font-size: 14px;
            }
            .intro h2 {
                display: none;
            }
            .slide__caption {
                top: 36px;
            }
            .cbp-af-header {
                top: 5px;
            }
            .mainbtn::before {
                top: 8px;
            }
            .nav-toggle {
                top: 35%;
            }
            .welcome::after {
                display: none;
            }
        }