@charset "utf-8";
/* CSS Document 
Project Name:  all on it
/*****=====*****=====*****=====*****=====
    01. IMPORTED STYLE CSS
=====*****=====*****=====*****=====*****/
/* GOOGLE FONTs */
@import url('https://fonts.googleapis.com/css?family=Poppins|Raleway');
/* OTHER IMPORTED CSS */
@import url('animations.css');
@import url('owl.css');
@import url('font-awesome.min.css');
@import url('animate.min.css');
@import url('flaticon.css');
@import url('pe-icon-7-stroke.css');
@import url('stroke-gap.css');
@import url('magnific-popup.css');
@import url('fancyBox.css');
@import url('bootstrap-dropdownhover.css');
@import url('bootstrap-datepicker.min.css');
/*****=====*****=====*****=====*****=====
    02. General CSS 
=====*****=====*****=====*****=====*****/
body {
    background: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 26px;
    color: #000000;
}
/* Common CSS */
h1,h2,h3,h4,h5,h6 {
    font-family: 'Poppins', sans-serif;
    color: #111111;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
p {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: white;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:focus,
a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.address{
    margin: 0;
    padding: 0;
}
ul.social-icon{
    margin: 0;
    padding: 0;
}
img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.container,
.container-fluid {
    padding: 70px 0 50px;
}
.hvr-rectangle-out:before {
    background: #004952;
}
/* Form CSS */
.form-control {
    font-family: 'Poppins', sans-serif;
    resize: none;
    height: 40px;
    margin-bottom: 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.form-control:focus {
    border-color: #268d0a;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
::-webkit-input-placeholder {
    color: #004952 !important;
}
::-moz-placeholder {
    color: #004952 !important;
}
:-ms-input-placeholder {
    color: #004952 !important;
}
input:-moz-placeholder {
    color: #004952 !important;
}
.line-border-center {
    height: 2px;
    text-align: center;
    margin: auto;
    width: 70px;
    background: #333;
    margin-top: 20px;
    margin-bottom: 25px;
}
.line-border-center.bg-gray {
    background: #eee;
}
.small-line-border-center {
    position: relative;
}
.small-line-border-center::after {
    top: 15px;
    content: "";
    height: 2px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    position: absolute;
    width: 70px;
    background: #004952;
}
.small-line-border {
    position: relative;
}
.small-line-border::after {
    top: 5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 70px;
    background: #004952;
}
.small-line-border-2 {
    position: relative;
}
.small-line-border-2::before {
    top: 6px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 250px;
    background: #EEE;
}
.small-line-border-2::after {
    top: 5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 70px;
    background: #004952;
}
.z-index-3 {
    z-index: 9;
}
.btn-theme,
.btn-price {
    background: linear-gradient(to left, #21909f, #004952);
    border: medium none;
    border-radius: 30px;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0px !important;
    padding: 10px 25px;
    margin: 0%;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn-theme:hover,
.btn-price:hover {
    color: #004952;
    border: 3px solid #004952;
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.btn-price {
    padding: 16px 20px;
}
.btn-price:hover {
    color: #FFF;
}
.btn {
    border-radius: 30px;
}
.btn-topbar {
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 13px;
    margin-top: -1px;
    margin-right: 15px;
}
.btn-topbar:hover {
    border-color: #333;
}
.hvr-shutter-out-vertical:before {
    background: #333;
}
.btn-mid {
    padding: 10px 22px;
}
.color-333 {
    color: #004952 !important;
}
.color-white {
    color: #FFF !important;
}
.pt90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
button {
    border: none;
}
.bounceInDown,.bounceInLeft,.bounceInRight,.bounceInUp,.fadeInDown,.fadeInLeft,.fadeInRight,.fadeInUp {
    opacity: 1;
}
.about .about-feature,.blog-area .blog-feature,.divider .about-feature {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}
.header-topbar {
    background-color: #004952;
    padding: 15px 0;
    color: #fff;
}
.top-icon i {
    font-size: 16px;
    color: #333;
}
.top-icon {
    margin-top: 0;
}
.welcome-top p {
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    letter-spacing: 2px;
}
/*****=====*****=====*****=====*****=====
    03. Background Over Layer CSS
=====*****=====*****=====*****=====*****/
.over-layer-black,
.over-layer-black-2 {
    position: relative;
}
.over-layer-black:before,
.over-layer-black-2 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.over-layer-white,
.over-layer-white-1 {
    position: relative;
}
.over-layer-white:before,
.over-layer-white-1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.over-layer-white:before {
    background-color: rgba(255, 255, 255, 0.82);
}
.over-layer-white-1:before {
    background-color: rgba(255, 255, 255, 0.2);
}
.over-layer-white.call-action .content {
    color: #777;
}
.over-layer-default,
.over-layer-default-light {
    position: relative;
}
.over-layer-default:before,
.over-layer-default-light:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  background-color: #004952da;
}
.over-layer-default-light:before {

    background-color: #004952da;
}
/*****=====*****=====*****=====*****=====
    04. Section Title Css
=====*****=====*****=====*****=====*****/
.section-title {
    margin-bottom: 70px;
}
.section-title h6 {
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
}
.mini-title {
    position: relative;
    margin-bottom: 50px;
}
.mini-title:before {
    top: 3em;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 55px;
}
/*****=====*****=====*****=====*****=====
    05. Scrollup CSS
=====*****=====*****=====*****=====*****/
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    background-color: white !important;
    border-radius: 30px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
}
.scrollup i {
    color: #004952;
}

.scrollup:active i,
.scrollup:focus i {
    color: #ffffff;
}
/*****=====*****=====*****=====*****=====
    06. Header top Style Css
=====*****=====*****=====*****=====*****/
.navbar-nav.style-2 {
    width: 100%;
    text-align: center;
}
.navbar-nav.style-2>li {
    float: none;
    display: inline-block;
}
.welcome-text h5 {
    margin-top: 15px;
    letter-spacing: 2px;
}
/*****=====*****=====*****=====*****=====
    07. Navbar Style Css
=====*****=====*****=====*****=====*****/
.main-navbar .navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.main-navbar.no-bg {
    width: 100%;
    z-index: 16;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    margin-bottom: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.dropdown-menu>li>a {
    border-bottom: 1px solid #004952;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    padding: 5px 50px 5px 10px;
    color: #5a5a5a;
}

.dropdown-menu>li:last-child>a {
    border-bottom: none;
}
.navbar-default .navbar-nav>li>a {
    color: #ddd;
}
.fixed-header .navbar-default .navbar-nav>li>a {
    color: #888;
}
.navbar-nav>li:first-child>.dropdown-menu {
    left: 0;
}
.dropdown-menu>li>a:hover {
    padding-left: 30px;
    background-color: #e5ebea !important;
}
.navbar-default .navbar-nav.style-3>.active>a,
.navbar-default .navbar-nav.style-3>.active>a:focus,
.navbar-default .navbar-nav.style-3>.active>a:hover,
.navbar-default .navbar-nav.style-3>.open>a,
.navbar-default .navbar-nav.style-3>.open>a:focus,
.navbar-default .navbar-nav.style-3>.open>a:hover,
.navbar-default .navbar-nav.style-3>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #777;
    background-color: transparent;
}
.navbar-default .navbar-nav.style-3>.active>a {
    color: #888;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #333;
    border-color: #333;
}
.dropdown-menu {
    padding: 0;
    margin-top: 20px !important;
}
.header-style-1 .navbar-default .navbar-nav>li>a {
    color: #888;
}
.header-style-1 .navbar-default.style-1 .navbar-nav>.active>a,
.header-style-1 .navbar-default.style-1 .navbar-nav>.active>a:focus,
.header-style-1 .navbar-default.style-1 .navbar-nav>.active>a:hover,
.header-style-1 .navbar-default.style-1 .navbar-nav>.open>a,
.header-style-1 .navbar-default.style-1 .navbar-nav>.open>a:focus,
.header-style-1 .navbar-default.style-1 .navbar-nav>.open>a:hover,
.header-style-1 .navbar-default.style-1 .navbar-nav>li>a:hover {
    color: #333;
}
.fixed-header {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #F1F1F1;
}
.navbar-default .navbar-nav.style-2>li>a {
    color: #fff;
}
 
a.flip-animate {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
a.flip-animate span {
    position: relative;
    display: inline-block;
    padding: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
a.flip-animate span:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    text-align: center;
}
a.flip-animate:hover span,
a.flip-animate:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}
.header-color a.flip-animate:hover span:before,
.header-color a.flip-animate:focus span:before {
    color: #fff;
}
.header-color.fixed-header a.flip-animate:hover span:before,
.header-color.fixed-header a.flip-animate:focus span:before {
    color: #333;
}
.conner-style.style-2 {
    background:#004952;
    border-top: 1px solid #004952;
    position: relative !important;
}
.conner-style.style-2 .navbar-default .navbar-nav>li>a {
    color: white;
    font-size: 14px;
    font-weight: 600;
    /* padding: 30px 2px !important; */
    text-transform: uppercase;
}
.conner-style.style-2 .navbar-brand:before {
    height: 103%;
}
.conner-style.style-2 .dropdown-buttons .btn-group .btn {
    color: #777;
}
.header-topbar.style-2 {
    background-color: #f7f7f7;
    color: #777;
    padding: 10px 0;
}

/*---------- SLIDE CAPTION ----------*/
.slide-text {
    left: 10%;
    top: 18%;
    right: 15%;
    margin: auto;
    padding: 10px;
    position: absolute;
}
.slide-text>h1 {
    padding: 0;
    color: #004952;
    font-size: 62px;
    font-style: normal;
    letter-spacing: 1px;
    display: inline-block;
}
.slide-text>p {
    color: black;
    font-size: 16px;
    font-weight: 200;
    padding: 0;
}
.slide-text>a.btn-primary {
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
    text-align: center;
    padding: 17px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text>a.btn-default {
    color: white;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
    text-align: center;
    padding: 17px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
}
.slide-text>a:hover,
.slide-text>a:active {
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.btn-default1 {
    color: white;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    padding: 5px 15px !important;
    white-space: nowrap;
    letter-spacing: 0px !important;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
}
.btn-default1:hover {
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.btn-default1>a:hover {
    color: white;
}
.btn-default.kio {
    color: white;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    margin-top: 0% !important;
    margin-top: 20px !important;
    white-space: nowrap;
    letter-spacing: 0px !important;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
  
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
}
.btn-default.kio:hover {
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.btn-default.kio>a:hover {
    color: white;
}
.btn.cut {
    color: white;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    margin-top: 0% !important;
    margin-top: 20px !important;
    white-space: nowrap;
    letter-spacing: 2px !important;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
}
.btn.cut:hover {
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.btn.cut>a:hover {
    color: white;
}
.slide_style_left {
    text-align: left;
}
/*-------------------RESPONSIVE-----------------------------------*/
@media (max-width: 991px) {
    .bs-slider {
        max-height: 410px;
    }
}
/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text>p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}
body {
    overflow-x: hidden !important;
}
/*****=====*****=====*****=====*****=====
    14. Service Style Css
=====*****=====*****=====*****=====*****/
.service-item.style-3 {
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(151, 151, 151);
}
.service-item.style-3:hover {
    box-shadow: 2px 2px 15px rgb(151, 151, 151);
}
.service-item.ele {
    margin-bottom: 0px !important;
}
.service-item {
    padding: 20px 20px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-item i {
    font-size: 45px;
    color: #333;
    padding: 10px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-item.style-3 {
    padding: 30px 20px;
    padding-top: 40px;
}
.service-item.style-1 {
    display: flex;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-item.style-1 i:before {
    font-size: 40px;
}
.service-item.style-1 i {
    font-size: 30px;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-item.style-1:hover i {
    background: transparent;
}
.service-item.style-1 .content {
    padding-left: 1em;
}
.service-item.style-1 .content h5 {
    font-size: 16px;
}
.service-item.style-1 .content h5 a {
    color: #333;
}
.service-item.style-1 .content h5:hover a {
    color: black;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-item.style-1 i {
    color: #004952;
}
.service-item.style-1:hover i {
    color: black;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-item.style-1.text-white i,
.service-item.style-1 .content h5 a {
    color: #fff;
}
.contact-info .service-item.style-1 .content p {
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
/*======= ****========****=======
    Footer Style ( All Footer Style )
/*======= ****========****=======*/
footer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer-item {
    font-family: 'Poppins', sans-serif;
    position: relative;
    margin-bottom: 30px;
}
.footer-logo {
    width: 80px;
}
.footer-logo-2 {
    width: 250px;
    text-align: center;
}
.footer-widget-one p {
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
}
.footer-widget-one .address .such {
    font-size: 15px;
    margin-bottom: 1px;
}
.footer-widget-one .address:hover>a {
    color: black !important;
}
.footer-widget-one .address .such i {
    margin-right: 8px;
    font-size: 18px;
    color: white;
}
.social-icon .such {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    /* cursor: pointer; */
}
.social-icon.bg-theme .such {
    background: white;
}
.social-icon.bg-theme .such a {
    color: #004952;
}
.social-icon.bg-theme .such:hover {
    background: black;
    font-size: 30px;
}
.footer-list .such {
    padding-bottom: 12px;
    padding-top: 10px;
}

.footer-list .such a {
    color: white;
    margin-left: 5px;
}

.footer-list :hover a {
    color: black;
    font-size: 15px;
}
.footer-list.border-deshed .such {
    border-bottom: 3px solid white;
}
.footer-list.color-icon .such i {
    color: white;
}
.footer-list:hover .such>i {
    color: black;
}
.footer-list .such:hover {
    padding-left: 5px;
}
.footer-title {
    margin-bottom: 30px;
    margin-left: 40px;
}
.footer-title h4 {
    font-size: 20px;
    color: white;
}
.border-style-1,
.border-style-2,
.border-style-3 {
    position: relative;
}
.border-style-1:before {
    top: 1px;
    content: "";
    height: 1px;
    left: 2px;
    margin: auto;
    position: absolute;
    width: 120px;
    background: #f8f8f8;
}
.border-style-1:after {
    top: 0;
    content: "";
    height: 3px;
    left: 2px;
    margin: auto;
    position: absolute;
    width: 40px;
    background: #004952;
}
.border-center:after,
.border-center:before {
    left: 0;
    right: 0;
    margin: auto;
}
.border-style-2:after {
    top: 0;
    content: "";
    height: 3px;
    left: 2px;
    margin: auto;
    position: absolute;
    width: 50px;
    background: white;
}
.border-style-3:before {
    top: -45px;
    content: "";
    height: 3px;
    left: 2px;
    margin: auto;
    position: absolute;
    width: 70px;
}
.border-style-3:after {
    top: 0;
    content: "";
    height: 3px;
    left: 2px;
    margin: auto;
    position: absolute;
    width: 40px;
}
.img-rounded img,
.img-rounded a:after,
.img-rounded a:before {
    border-radius: 100%;
}
.img-round img,
.img-round a:after,
.img-round a:before {
    border-radius: 10px;
}
.footer-item .subscribe-style-one,
.footer-item .subscribe-style-two,
.footer-item .subscribe-style-three {
    margin-bottom: 30px;
}
.footer-copy-right .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-copy-right p {
    color: white;
}
/*****=====*****=====*****=====*****=====
    20. Error Style css
=====*****=====*****=====*****=====*****/
#map {
    width: auto;
    height: 460px;
}
/*****=====*****=====*****=====*****=====
    22. Inner style Css
=====*****=====*****=====*****=====*****/
.inner-bg {
    position: relative;
    padding-top: 80px;
}
.inner-bg:before {
    background-color: rgba(255, 255, 255, 0.25);
}
.inner-bg .mini-title:before {
    display: none;

}
/*****=====*****=====*****=====*****=====
    23. Image Background style Css
=====*****=====*****=====*****=====*****/
.image-area {
    position: relative;
    overflow: hidden;
}
.image-area h2,
.image-area p {
    color: #FFF;
}
.image-area .container {
    padding-top: 300px;
    padding-bottom: 300px;
}
.appointment-item {
    padding: 22px;
    text-align: center;
    background: #f9f9f9;
    padding-top: 50px;
    margin-bottom: 30px;
}
.about-3col .container-fluid {
    padding: 0;
}
.about-feature.style-2 .col-xs-12.col-sm-6.col-md-6.col-lg-3 {
    background: #F7931E;
    border: 1px solid #004952;
    margin-bottom: -150px;
}
.about-feature.style-2 .col-xs-12.col-sm-6.col-md-6.col-lg-3 .appointment-item {
    background: transparent;
    color: #eee;
}
.booking-from .btn.btn-theme {
    display: flex !important;
    justify-content: center !important;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 28px;
    color: green;
    margin: auto !important;
    text-align: center;
    display: inline;
    background: white !important;
    border: 3px solid #004952;
}
.booking-from .btn.btn-theme:hover {
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
/* Defualt Theme Css */
.padding-20 {
    padding: 20px;
}
.padding-none {
    padding-top: 0;
    padding-bottom: 0;
}
.padding-tb {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-right-0 {
    padding-right: 0;
}
.padding-left-0 {
    padding-left: 0;
}
.padding-rl-50 {
    padding-right: 50px;
    padding-left: 50px;
}
.padding-bottom-none {
    padding-bottom: 0;
}
.padding-top-none {
    padding-top: 0;
}
.padding-top-20 {
    padding-top: 20px;
}
.padding-top-40 {
    padding-top: 40px;
}
.margin-top-none {
    margin-top: 0;
}
.padding-bottom-80 {
    padding-bottom: 80px;
}
.padding-bottom-150 {
    padding-bottom: 150px;
}
.padding-top-bottom-150 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.mt-20 {
    margin-top: -20px;
}
.margin-bottom-none {
    margin-bottom: 0;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-35 {
    margin-bottom: 35px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-bottom-70 {
    margin-bottom: 70px;
}
.margin-bottom-80 {
    margin-bottom: 80px;
}
.margin-right-5 {
    margin-right: 5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-top30 {
    margin-top: -80px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-150 {
    margin-top: 150px;
}
.margin-left-20 {
    margin-left: 20px;
}
.bg-f8 {
    background-color: #f8f8f8;
}
.bg-f9 {
    background-color: #f9f9f9;
}
.bg-transparent {
    background: transparent;
}
.bg-defult {
    
    background-image: linear-gradient(#004952, #107b8a);
}
.bg-defult-1 {
    background: rgba(0, 0, 0, .5);
}
.bg-defult-1.fixed-header {
    background: #F1F1F1;
}
.color-defult {
    color: #004952;
}
.border-1 {
    border: 1px solid #fff;
}
.border-right {
    border-right: 1px solid #fff;
}
.w100 {
    width: 100%;
}
.z-index-2 {
    z-index: 2;
}
.footer-style-1 {
    background-position: left;
    background-size: cover;
}
.ff-p {
    font-family: 'Poppins', sans-serif;
}
.fw-b {
    font-weight: 600;
}
.copy-right-list li a {
    color: #fff;
}
.copy-right-list li a:hover {
    color: #333;
}
.conner-style {
    position: absolute !important;
    width: 100%;
    z-index: 3;
}
.conner-style.fixed-header {
    position: fixed !important;
    width: 100%;
    z-index: 3;
}
.padding-0 {
    padding-right: 0;
    padding-left: 0;
}
.border-none {
    border: none;
}
.position-relative {
    position: relative;
}
.position-fixed {
    position: fixed;
}
.text-white {
    color: #fff !important;
}
.dropdown:hover>a {

    color: black !important;
    font-size: 15px !important;
}
#about .content h3 {
    font-weight: 600;
    font-size: 26px;
}
#about .content ul {
    list-style: none;
    padding: 0;
}
#about .content ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
#about .content ul li:first-child {
    margin-top: 35px;
}
#about .content ul i>img {
    width: 250px !important;
}
#about .content ul i {
    padding: 20px;
    margin-right: 15px;
    border-radius: 50px;
}
#about .content ul h5 {
    font-size: 18px;
    color: #004952;
    padding-top: 30px;
}
#about .content ul p {
    font-size: 15px;
    padding-bottom: 15px;
}
#about .content p:last-child {
    margin-bottom: 0;
}


#about233 .content ul {
    list-style: none;
    
}
#about233 .content ul li {
    display: flex;
    padding: 10px;
    align-items: flex-start;
    margin-bottom: 30px;
}

#about233 .content ul i>img {
    width: 250px !important;
}
#about233 .content ul i {
    padding: 10px;
}


/* logos -----------------------------------------------------------------------------*/
#clients {
    padding: 15px 0;
    text-align: center;
    background-color: #00495244;
}
#clients img {
    max-width: 70% !important;
    display: inline-block;
    padding: 15px 0;
}
@media (max-width: 768px) {
    #clients img {
        max-width: 40%;
    }
}
.about6 {
    padding: 80px 0;
}
.about6 .content h4 {
    font-weight: 600;
    font-size: 30px;
    color: #004952;
}
.about6 .content p:last-child {
    margin-bottom: 0;
}
.our-blog {
    position: relative;
    margin-top: 80px;
    padding-top: 120px;
}
.our-blog .left-image {
    position: relative;
}
.our-blog .left-image .info {
    position: relative;
}
.our-blog .left-image .info .inner-content {
    background-color: white;
    border-radius: 20px;
    border: 2px solid #004952;
    margin-left: 230px;
    position: absolute;
    margin-top: -440px;
    padding: 10px 30px;
    opacity: 0.8;
}
.our-blog .left-image .info1 {
    position: relative;
}
.our-blog .left-image .info1 .inner-content1 {
    background-color: white;
    border: 2px solid #004952;
    border-radius: 20px;
    margin-left: 230px;
    position: absolute;
    margin-top: -320px;
    padding: 10px 25px;
    opacity: 0.8;
}
.our-blog .left-image .info2 .inner-content2 {
    background-color: white;
    border: 2px solid #004952;
    border-radius: 20px;
    margin-left: 230px;
    position: absolute;
    margin-top: -200px;
    padding: 10px 30px;
    opacity: 0.8;
}
.our-blog .left-image .info2 {
    position: relative;
}
.our-blog .left-image h4 {
    font-size: 20px;
    font-weight: 700;
    color: #004952;
}

/*--------------------------------------------------- accordion */
#accordion {
    margin: 15px 0 0 0;
    padding: 0;
}
#accordion .panel.panel-default {
    border: none;
    border-radius: 0;
    margin: 0 0 16px 0;
    box-shadow: none;
    background: transparent;
}
#accordion .panel.panel-default:last-child {
    margin-bottom: 0;
}
#accordion .panel.panel-default .panel-heading {
    border: none;
    background: transparent;
    border-radius: 50px;
    min-height: 50px;
    padding: 0;
}
#accordion .panel.panel-default .panel-heading p a[aria-expanded="true"],
#accordion .panel.panel-default:nth-child(1) .panel-heading p a {
    background: #632e62;
    border-color: #632e62;
    color: #fff;
}
#accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] i,
#accordion .panel.panel-default:nth-child(1) .panel-heading p a i {
    color: #fff !important;
}
#accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] i.fa-angle-down,
#accordion .panel.panel-default:nth-child(1) .panel-heading p a i.fa-angle-down {
    transform: rotate(180deg);
    transition: ease all 0.5s;
}
#accordion .panel.panel-default .panel-heading p a,
#accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] {
    border: solid #e4e4e4 1px;
    background: #fff;
    border-radius: 50px;
    min-height: 50px;
    padding: 15px 25px 12px;
}
#accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] {
    color: #000 !important;
}
#accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] i {
    color: #774f76 !important;
}
#accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] i.fa-angle-down {
    color: #000 !important;
}
#accordion .panel.panel-default .panel-heading p {
    margin-bottom: 0;
    font-size: 14px;
}
#accordion .panel.panel-default .panel-body {
    border: none;
    padding: 0 25px;
    margin: 15px 0 0 0;
    box-shadow: none;
    height: auto;
}
#accordion .panel.panel-default .panel-body p {
    line-height: 28px;
}
#accordion .panel.panel-default .panel-heading p a {
    float: left;
    width: 100%;
}
#accordion .panel.panel-default .panel-heading p a i.fa-angle-down {
    float: right;
    color: #000;
    margin: 0;
}
#accordion .panel.panel-default .panel-heading p a>i {
    font-size: 16px;
    color: #774f76;
    margin: 0 10px 0 0;
}
.without_border #accordion .panel.panel-default .panel-heading p a,
.without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] {
    border: none;
    background: #fff;
    border-radius: 0;
    min-height: 50px;
    padding: 15px 0 12px;
}
.without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] i,
.without_border #accordion .panel.panel-default:nth-child(1) .panel-heading p a i {
    color: #000 !important;
}
.without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"],
.without_border #accordion .panel.panel-default:nth-child(1) .panel-heading p a {
    color: #000 !important;
}
.without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] {
    color: #000 !important;
}
.without_border #accordion .panel.panel-default .panel-heading p a>i {
    color: #000 !important;
}
/*-- ====================================================================faq --*/
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #004952;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-weight: 300;
    padding: 15px 20px 15px 75px;
    position: relative;
    transition: all 0.3s ease 0s;
    font-size: 15px;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after,
#accordion .panel-title a.collapsed::after {
    background: #004952;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 60px;
    left: -5px;
    line-height: 56px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 60px;
    border: solid #fff 2px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}
/* ----------------------------------------------------------------------- */
.recentNews .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.recentNews .row1 {
    display: flex;
    flex-wrap: wrap;
  
    margin-bottom: 30px;
}
.recentNews .ct-blog {
    margin-bottom: 30px;
}

.ct-blog .inner {
    border: 1px solid #eee;
    box-shadow: 2px 2px 5px rgb(45, 29, 29);
    padding: 20px;
    transition: all 0.2s ease-in-out 0s;
    height: 100%;
}
.ct-blog .inner:hover {
    box-shadow: 2px 2px 15px rgb(151, 151, 151);
}
.ct-blog .fauxcrop {
    overflow: hidden;
}
.ct-blog .fauxcrop.jimin {
    text-align: center !important;
    overflow: hidden;
}
.ct-blog .fauxcrop img {
    width: 15% !important;
}
.ct-blog-content {
    display: table;
    padding: 0px 0 10px;
    text-align: center;
}
.ct-blog-content .ct-blog-header {
    color: #000;
}



.recentNews1 .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.recentNews1 .ct-blog1 {
    margin-bottom: 30px;
}

.ct-blog1 .inner {
    border: 1px solid #eee;
    box-shadow: 2px 2px 5px rgb(45, 29, 29);
    padding: 20px;
    transition: all 0.2s ease-in-out 0s;
    /* cursor: pointer; */
    height: 100%;
}
.ct-blog1 .inner:hover {
    box-shadow: 2px 2px 15px rgb(151, 151, 151);
}
.ct-blog1 .fauxcrop {
    overflow: hidden;
}
.ct-blog1 .fauxcrop.jimin {
    text-align: center !important;
    overflow: hidden;
}
.ct-blog1 .fauxcrop img {
    width: 100%;
}

.row3 {
    display: flex;
    flex-wrap: wrap;
}
.col {
    flex: 1 0 18%;
}

.lima::before {  content: "*";
    color: red;
    font-size: 3em;
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
  }
  .lima1::before {  content: "*";
    color: red;
    font-size: 3em;
    position: absolute;
    top: 11%;
    left: 3%;
    transform: translateY(-50%);
  }
  .lima2::before {  content: "*";
    color: red;
    font-size: 3em;
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
  }

  /* hero */
 
 
  @media (min-width: 1024px) {
    #hero {
      background-attachment: scroll;
    }
   
  }
  
  @media (max-width: 768px) {
    #hero {
      /* height: 100vh; */
    }
   
  
    #hero h1 {
      font-size: 28px;
      line-height: 36px;
    }
  
    #hero h2 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 30px;
    }
  
   
   
    .rood{
        margin-top: 20px !important;
    }
    
  }
  @media screen and (min-width: 320px) and (max-width:325px) {
    .fixedcall1 {
        top: 90% !important;      
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 100% !important;
    }
    .juda{
        margin-left: 40px !important;      
        margin-right: 40px !important;
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
    .herotop-title{
        font-size:3em !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
        text-align: center !important;
      }
      .herotop-button{
        margin: 0% !important;
       
      }
    
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    
    .hara{
        margin-left: 0% !important;

    }
    .isq{
        padding: 0px;
        padding: 4px;
      
    }
    .tumhay{
        text-align: center !important;
    }
    .dil{
        padding: 20px;
        text-align: center !important;   
        font-size: 14px !important;   
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 20px;
        text-align: center;
    }
    .cock{   
        font-size: 14px !important;
    }
    .cock1{   
        font-size: 14px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 16px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 0 0px 0 80px;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 12% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:12% !important;
            } 
            .lim{
                margin-left: 2% !important;
            }
            
    .btn-default.kio{
        margin-left: 10px !important;
          
       }
       .btn-default.kio1{
        margin-left: 30px !important;
          
       }
      .cock{
        margin-right: 0% !important;
        margin-right: 0% !important;
      }
      .hima1{
        font-size: 16px !important;
      }
      .hrr{
        margin: 0 20px 0 20px;
      }
      .cutting{
        margin-left: 0% !important;
        text-align: center !important;
      }
       .kokila
       {
        width: 60% !important;
        text-align: center;
        margin-left:50px!important;
       }
    .aftab {
font-size: 45px !important;
margin-left: 0% !important;
text-align: center;
       }
     .see{
        margin-left: 70px !important;
     }
       
    #hero{
        padding: 100px 0 0 50px !important;
    }
    
    .btn-default{
        margin-left: 10px !important;
        margin-top: 50px !important;
    }
    .btn-primary{
        margin-left: 10px !important;
        margin-top: 50px !important;
    } 
    .hero86{
        padding:0 !important ;
    }
    .hero862{
        padding:0 !important ;
    }
     .btn-get-started{
        margin-left:0% !important;
        margin-right: 0% !important;
        margin-top: 10px;
    }

    .kjf{
        position: absolute;left: 20% !important;
  transform: translate(-0%, -20%) !important;
    }
    .rood{
        margin-top: 20px !important;
    }
    .affo1{
        margin-left: 0% !important;
        
        
    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:10px !important ;
    }
    .baloger{
        margin-left: 10px !important;
       
    }
}
@media screen and (min-width: 326px) and (max-width:379px) {
    .fixedcall1 {
        top: 90% !important;      
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 100% !important;
    }
    .juda{
        margin-left: 40px !important;    
        margin-right: 40px !important;  
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
    
    .herotop-title{
        font-size:3em !important;
        margin-top: 130px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
        text-align: center !important;
      }
      .herotop-button{
      
        margin: 0% !important;
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .aftab {
        font-size: 45px !important;
        margin-left: 0% !important;
        text-align: center;
               }
             .see{
                margin-left: 80px !important;
             }
    .tumhay{
        text-align: center !important;
    }

    .dil{
        padding: 20px;
        text-align: center !important;  
        font-size: 14px !important;    
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 20px;
        text-align: center;
    }
    .cock{   
        font-size: 14px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 14px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 16px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 0 0px 0 80px;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 17px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 12% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:12% !important;
            } 
            .lim{
                margin-left: 2% !important;
            }
   
    .kokila
       {
         width: 60% !important;
        text-align: center;
        margin-left:60px!important;
       }
    .btn-default.kio{
        margin-left: 20px !important;
          
       }
       .btn-default.kio1{
        margin-left: 40px !important;
          
       }
    #hero{
        padding: 100px 0 0 50px !important;
    }
    .btn-default{
        margin-left: 3px !important;
        margin-top: 70px !important;

    }
    .btn-primary{
        margin-left: 3px !important;
        margin-top: 70px !important;
        

    }
    .hero86{
        padding:0 !important;
    }
    .hero862{
        padding:0 !important;
    }
     .btn-get-started{
        margin-top: 20px !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .kjf{
        position: absolute;left: 18% !important;

    }
    .rood{
        margin-top: 20px !important;
    }
    .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 65% ;
        padding: 0 0px 0 90px;
       
        
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .hara{
        margin-left: 0% !important;

    }
    .waday{
        margin-left: 0% !important;
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:10px !important ;
    }
    .baloger{
        margin-left: 10px !important;
       
    }
}
@media screen and (min-width: 380px) and (max-width:400px) {
    .fixedcall1 {
        top: 90% !important;      
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 100% !important;
    }
    .juda{
        margin-left: 40px !important;    
        margin-right: 40px !important;  
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
    .herotop-title{
        font-size:3em !important;
        margin-top: 130px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
        text-align: center !important;
      }
      .herotop-button{
        margin: 0% !important;
       
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .hara{
        margin-left: 0% !important;

    }
    .aftab {
        font-size: 45px !important;
        margin-left: 0% !important;
        text-align: center;
               }
             
    .dil{
        padding: 20px;
        text-align: center !important;   
        font-size: 14px !important;   
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 20px;
        text-align: center;
    }
    .cock{   
        font-size: 14px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 14px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 16px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 0 0px 0 80px;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 22px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 12% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:12% !important;
            } 
            .lim{
                margin-left: 2% !important;
            }
    .aftab {
font-size: 45px !important;
      
    }
    .kokila
       {
        width: 60% !important;
        text-align: center;
        margin-left:80px!important;
       }
    .btn-default.kio{
        margin-left: 30px !important;
          
       }
       .btn-default.kio1{
        margin-left: 60px !important;
          
       }
    #hero{
        padding: 100px 0 0 50px !important;
    }
    .btn-default{
        margin-left: 3px !important;
        margin-top: 70px !important;

    }
    .btn-primary{
        margin-left: 3px !important;
        margin-top: 70px !important;
        

    }
    .hero86{
        padding:0 !important;
    }
    .hero862{
        padding:0 !important;
    }
     .btn-get-started{
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .kjf{
        position: absolute;left: 18% !important;
  transform: translate(-0%, -20%) !important;

    }
    .rood{
        margin-top: 20px !important;
    }
    .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 65% ;
        padding: 0 0px 0 120px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:15px !important ;
    }
    .baloger{
        margin-left: 15px !important;
       
    }
}
@media screen and (min-width: 401px) and (max-width:454px) {
    .fixedcall1 {
        top: 90% !important;      
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 100% !important;
    }
    .juda{
        margin-left: 40px !important;    
        margin-right: 40px !important;  
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

    .herotop-title{
        font-size:3em !important;
        margin-top: 130px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
        text-align: center !important;
      }
      .herotop-button{
        margin: 0% !important;
       
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .hara{
        margin-left: 0% !important;

    }
    .aftab {
        font-size: 50px !important;
        margin-left: 0% !important;
        text-align: center;
               }
            
        .dil{
        padding: 20px;
        font-size: 14px !important;
        text-align: center !important;      
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 20px;
        text-align: center;
    }
    .cock{   
        font-size: 14px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 14px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 18px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 0 0px 0 80px;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 22px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 12% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:12% !important;
            } 
            .lim{
                margin-left: 2% !important;
            }
    .hero86{
        padding:0 !important;
    }
    .hero862{
        padding:0 !important;
    }
    .kokila
       {
        width: 60% !important;
        text-align: center;
        margin-left:80px!important;
       }
     .btn-get-started{
        margin-top: 50px !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    #hero{
        padding: 200px 0 0 50px !important;
    }
    .btn-default.kio{
        margin-left: 70px !important;
          
       }
   
    .rood{
        margin-top: 20px !important;
    }
    .btn-default{
     margin-left: 30px !important;
        margin-top: 50px !important;
    }
    .btn-primary{

        margin-top: 50px !important;
    }
    .kjf{
        position: absolute;left: 28% !important;
  transform: translate(-0%, -20%) !important;
    }
    .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 65% ;
        padding: 0 0px 0 120px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:16px !important ;
    }
    .baloger{
        margin-left: 16px !important;
       
    }
}


  @media screen and (min-width: 455px) and (max-width:535px) {
    
    .fixedcall1 {
      
        top: 90% !important
        
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 100% !important;
    }
    .juda{
        margin-left: 40px !important;    
        margin-right: 40px !important;  
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

    .herotop-title{
        font-size:3em !important;
        margin-top: 130px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
        text-align: center !important;
      }
      .herotop-button{
     
        margin: 0% !important; 
      
        margin-top: 30px !important;
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .hara{
        margin-left: 0% !important;

    }
    .dil{
        padding: 20px;
        font-size: 16px !important;
        text-align: center !important;      
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 25px;
        text-align: center;
    }
    .cock{   
        font-size: 18px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 18px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 20px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 20px 0px 0 150px !important;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 24px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 10% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:10% !important;
            } 
            
    #hero{
        padding: 200px 0 0 50px !important;
    }
    .kokila
       {
        width: 60% !important;
        text-align: center;
        margin-left:80px!important;
       }
    .btn-default.kio{
        margin-left: 100px !important;
          
       }
       .hero86{
        padding:0 !important;
    }
    .hero862{
        padding:0 !important;
    }
     .btn-get-started{
        margin-top: 50px !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .aftab {
font-size: 50px !important;
    } 
    .rood{
        margin-top: 20px !important;
    }
    .btn-default{
     margin-left: 50px !important;
        margin-top: 50px !important;
        margin-right: 30px;
    }
    .btn-primary{
      
        margin-top: 50px !important;
    }
    .kjf{
        position: absolute;left: 28% !important;
  transform: translate(-0%, -20%) !important;
    }
    .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 65% ;
        padding: 0 0px 0 120px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:20px !important ;
    }
    .baloger{
        margin-left: 18px !important;
    }
}
@media screen and (min-width: 536px) and (max-width:600px) {
    .fixedcall1 {
      
        top: 90% !important
        
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 46% !important;
    }
    .juda{
        margin-left: 40px !important;    
        margin-right: 40px !important;  
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

    .herotop-title{
        font-size:3em !important;
        margin-top: 130px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
      }
     
      .herotop-button{
       margin: 0% !important;
       margin-top: 30px !important;
       
      }
     
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .hara{
        margin-left: 0% !important;

    }
    .dil{
        padding: 20px;
        font-size: 16px !important;
        text-align: center !important;      
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 25px;
        text-align: center;
    }
    .cock{   
        font-size: 18px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 18px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 25px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 20px 0px 0 180px !important;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 24px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 8% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:8% !important;
            } 
            
    .hero86{
        padding:0 !important;
    }
    .hero862{
        padding:0 !important;
    }
    .kokila
       {
        width: 60% !important;
        text-align: center;
        margin-left:100px!important;
       }
     .btn-get-started{
        margin-top: 50px !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    #hero{
        padding: 200px 0 0 50px !important;
    }
    .btn-default.kio{
        margin-left: 150px !important;
          
       }
    .btn-default{
        margin-left: 120px !important;
           margin-top: 100px !important;
           margin-right: 20px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 100px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 65% ;
        padding: 0 0px 0 120px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:25px !important ;
    }
    .baloger{
        margin-left: 20px !important;
    }
}
@media screen and (min-width: 601px) and (max-width:650px) {
    .fixedcall1 {
        top: 90% !important;   
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 46% !important;
    }
    .juda{
        margin-left: 40px !important;    
        margin-right: 40px !important;  
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .hara{
        margin-left: 0% !important;

    }
    .dil{
        padding: 20px;
        font-size: 16px !important;
        text-align: center !important;      
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 25px;
        text-align: center;
    }
    .cock{   
        font-size: 18px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 18px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 25px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 20px 0px 0 220px !important;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 8% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:8% !important;
            }
    #hero{
        padding: 200px 0 0 50px !important;
    }
    .kokila
       {
        width: 60% !important;
        text-align: center;
        margin-left:100px!important;
       }
    .btn-default{
        margin-left: 180px !important;
           margin-top: 100px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 100px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 60% ;
        padding: 0 0px 0 200px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:25px !important ;
    }
    .baloger{
        margin-left: 20px !important;
    }
    .herotop-title{
        font-size:3em !important;
        margin-top: 120px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1em !important;
      }
      .herotop-button{
      margin: 0% !important;
      margin-top: 70px !important;
      }
}
@media screen and (min-width: 651px) and (max-width:700px) {
    .fixedcall1 {
        top: 90% !important;   
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 46% !important;
    }
    .juda{
        margin-left: 40px !important;      
        margin-right: 40px !important;
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
    .herotop-title{
        font-size:3.6em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:3em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:2.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:1.5em !important;
       
      }

      .herotop-button{
        margin: 0% !important;
        margin-top: 50px !important;
     
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    .payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
    .hara{
        margin-left: 0% !important;

    }
    .dil{
        padding: 20px;
        font-size: 16px !important;
        text-align: center !important;      
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 25px;
        text-align: center;
    }
    .cock{   
        font-size: 18px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 18px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 25px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 20px 0px 0 240px !important;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 20px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 6% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:6% !important;
            }
    #hero{
        padding: 200px 0 0 50px !important;
    }
    .kokila
       {
        width: 50% !important;
        text-align: center;
        margin-left:160px!important;
       }
    .btn-default{
        margin-left: 250px !important;
           margin-top: 100px !important;
           margin-right: 30px;
       }
       .btn-default.kio{
        margin-left: 200px !important;
          
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 100px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 60% ;
        padding: 0 0px 0 230px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 100% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:30px !important ;
    }
    .baloger{
        margin-left: 24px !important;
    }
}
@media screen and (min-width: 701px) and (max-width:767px) {

    .fixedcall1 {
      
        top: 90% !important
        
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 30% !important;
    }
    .juda{
        margin-left: 40px !important;      
        margin-right: 40px !important;
        padding: 0% !important;
         padding-top: 10% !important;
    }
.need{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
    .herotop-title{
        font-size:4em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
        margin-top: 10px !important;
       
      }
      .herotop-button{margin-top: 0% !important;
      margin-top: 30px !important;   
      }
     
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
       
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }

.payar{
        margin-top: 0% !important;
        margin-top: 10px !important;
    }
.hara{
        margin-left: 0% !important;

    }
    .dil{
        padding: 20px;
        font-size: 16px !important;
        text-align: center !important;      
    }
    .adat{
        margin-top: 30px;
        margin-left: 0% !important;
        margin-right: 0% !important;
        font-size: 25px;
        text-align: center;
    }
    .cock{   
        font-size: 18px !important;
        margin-right: 0% !important;
    }
    .cock1{   
        font-size: 18px !important;
    }
    .moe{
        padding-left: 0% !important;      
    }
    .moe span{
      font-size: 25px !important;    
    }
    .ct-blog1 .fauxcrop img {
        width: 70% ;
        padding: 20px 0px 0 260px !important;  
    }
    .kakaa{
        font-size: 14px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
        text-align: center;
      
    }
    .hima1{
        font-size: 20px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 6% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:6% !important;
            }
    #hero{
        padding: 200px 0 0 50px !important;
    }
    .btn-default.kio{
        margin-left: 200px !important;
          
       }
       .kokila
       {
        width: 40% !important;
        text-align: center;
        margin-left:220px!important;
       }
    .btn-default{
        margin-left: 300px !important;
           margin-top: 80px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-top: 80px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .affo1{
        margin-left: 0% !important;
        
        
    }
    .ct-blog1 .fauxcrop img {
        width: 60% ;
        padding: 0 0px 0 230px;
       
        
    }
    .kakaa{
        font-size: 18px !important;
        margin-top: 0% !important;
        padding-top: 0% !important ;
      
    }
    .kolkata{
        width: 50% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:35px !important ;
    }
    .baloger{
        margin-left: 24px !important;
    }
}
@media screen and (min-width: 768px) and (max-width:800px) {
    .fixedcall1 {
      
        top: 90% !important
        
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 30% !important;
    }
    .herotop-title{
        font-size:4.5em !important;
        margin-top: 120px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
       
      }
      .herotop-button{
       margin-top: 0% !important;
       margin-top: 30px !important;
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    .elef{
        padding: 10px !important;
    }
    .tumbin1{
        font-size: 20px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    
.hara{
        margin-left: 0% !important;

    }
   
       
        .jayk{
            margin-left: 0 !important;
        }
    .hima1{
        font-size: 25px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    
    .footer-widget-one{
        margin-bottom: 0% !important;
        margin-left: 6% !important;
            }
            .footer-list{
                margin: 0% !important;
            }
            .footer-title {
                margin-left:6% !important;
            }
    #hero{
        padding: 200px 0 0 30px !important;
    }
    .kokila
       {
        width: 40% !important;
        text-align: center;
        margin-left:220px!important;
       }
     
    .cock{
        margin: 30px !important;
        margin-bottom: 10px;
       }
    
    .btn-default{
        margin-left: 0px !important;
           margin-top: 60px !important;
           margin-right: 30px;
       }
       
       
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .affo1{
        margin-left: 0% !important;
        
    }
    .ct-blog1 .fauxcrop img {
        width: 40% ;
        margin-left: 50px;
}
    .kakaa{
        font-size: 20px !important;
        margin-right: 60px;
        padding-top: 0% !important ;
 }
 .moe{
    padding-left: 0% !important;
 }
  .veer{
    margin-left: 0% !important;
    margin-left: 5px !important;
  } 
  .kolkata{
    width: 50% !important;
}
.koli{
    margin-left: 0% !important;
}
.waday{
    margin-left: 0% !important;
}
.kabi{
    margin-left: 0% !important;
    margin-top: 30px;
}
.razz{
    margin-left: 0px !important;
 margin-left:35px !important ;
}
.baloger{
    margin-left: 27px !important;
}
}
@media screen and (min-width: 801px) and (max-width:900px) {
    .fixedcall1 {
        top: 85% !important;  
    }
    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 30% !important;
    }
    .herotop-title{
        font-size:4em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      } 
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
        /* margin-top: 20px !important; */
        
      }
      .herotop-button{
        margin: 0% !important;
        margin-top: 20px !important;
       
      
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
   
    .tumbin1{
        font-size: 30px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
.hara{
        margin-left: 0% !important;

    }
    .moe{
        padding-left: 0% !important;
     }
      .veer{
        margin-left: 0% !important;
        margin-left: 5px !important;
      } 
    .ct-blog1 .fauxcrop img {
        width: 40% ;
        margin-left: 50px;
}
    .kakaa{
        font-size: 20px !important;
        margin-right: 60px;
        padding-top: 0% !important ;
 }
   
    .hima1{
        font-size: 25px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    #hero{
        padding: 200px 0 0 30px !important;
    }
     .jayk{
        margin-left: 0% !important;
     
    }
    .kokila
       {
        width: 40% !important;
        text-align: center;
        margin-left:220px!important;
       }
    .cock{
        margin: 30px !important;
        margin-bottom: 10px;
       }
    
    .btn-default{
        margin-left: 0px !important;
           margin-top: 60px !important;
           margin-right: 30px;
       }
       .btn-default.kio{
        margin-left: 250px !important;
          
       }
       
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .affo1{
        margin-left: 0% !important;
    }
    .kolkata{
        width: 50% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:35px !important ;
    }
    .baloger{
        margin-left: 30px !important;
    }
}
@media screen and (min-width: 901px) and (max-width:991px) {

    .galliy{
        margin-left: 0% !important;
    }
    .suraj{
        width: 30% !important;
    }
    /* .herotop-title{
        font-size:4em !important;
        margin-top: 100px !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
        margin-top: 20px !important;
       
      } */
      /* .herotop-button{
        margin: 0% !important;
        
      } */
     
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
   
    .tumbin1{
        font-size: 30px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 40px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-bottom: 10px !important;

    }
    
}
@media screen and (min-width: 901px) and (max-width:1000px) {
    .fixedcall1 {
        top: 85% !important;   
    }
    .suraj{
        width: 30% !important;
    }
   .herotop-title{
        font-size:4em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:4.4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
        margin-top: 10px !important;
       
      }
      .herotop-button{
        margin: 0% !important;
        margin-top: 10px !important;
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    
    .tumbin1{
        font-size: 30px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
   
    .waday{
        margin-left: 0% !important;
    }
.hara{
        margin-left: 0% !important;

    }
    .moe{
        padding-left: 0% !important;
     }
      .veer{
        margin-left: 0% !important;
        margin-left: 5px !important;
      } 
    .ct-blog1 .fauxcrop img {
        width: 40% ;
        margin-left: 50px;
}
    .kakaa{
        font-size: 20px !important;
        margin-right: 60px;
        padding-top: 0% !important ;
 }
    .affo1{
        margin-left: 0% !important;
    }
    .hima1{
        font-size: 25px !important;
      }
      .cutting{
      margin-left: 0% !important;
      text-align: center !important;
    }
      .hrr{
        margin: 0 20px 0 20px;
      }
    #hero{
        padding: 200px 0 0 30px !important;
    }
     .jayk{
        margin-left: 0% !important;
     
    }
    .kokila
       {
        width: 40% !important;
        text-align: center;
        margin-left:220px!important;
       }
    .cock{
      
        margin: 30px !important;
        margin-bottom: 10px;
       }
       
    
    .btn-default{
        margin-left: 0px !important;
           margin-top: 60px !important;
           margin-right: 30px;
       }
       .btn-default.kio{
        margin-left: 250px !important;
          
       }
     
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kolkata{
        width: 50% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
    }
    .razz{
        margin-left: 0px !important;
     margin-left:35px !important ;
    }
    .baloger{
        margin-left: 30px !important;
    }
}
   @media screen and (min-width: 992px) and (max-width:1000px) {
    .galliy{
        margin-left: 0% !important;
    }
    .noor{
        width: 100% !important;
        margin-left: 0% !important; 
       
    }
    .babay{
        padding-left: 0%;
        padding-right: 0%;
    }
    .herotop-title{
        font-size:3em;
        margin-top: 100px;
      }
      
      .herotop-subtitle{
        font-size:1em;
        text-align: center;
      }
      .herotop-button{
        margin-top: 20px;
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    
    .tumbin1{
        font-size: 35px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 90px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
      
        margin-top: 90px !important;
    }
    
    /* .affo1{
        margin-left: 0% !important;
    } */
    .btn-default.jimk{
        margin-left: 350px !important;
          
       }
       .btn-default.jimk1{
        margin-left: 400px !important;
          
       }
       .kolkata{
        width: 50% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 30px;
    }
    .hum {
        margin-top: 0% !important;
        margin-top: 50px !important;
    }
  
   }
@media screen and (min-width: 1001px) and (max-width:1100px) {
    .galliy{
        margin-left: 0% !important;
    }
    .babay{
        padding-left: 0%;
        padding-right: 0%;
    }
    .herotop-title{
        font-size:5em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
      
        
      }
      .herotop-button{
        margin: 0% !important;
      margin-top: 30px !important;
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    
    .tumbin1{
        font-size: 35px !important;       
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .nis
    {
        padding-left: 0% !important;

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 90px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
      
        margin-top: 90px !important;
    }
    
    .moe{
        padding-left: 0% !important;
        padding-left: 20px !important;
     }
      .veer{
        margin-left: 0% !important;
        margin-left: 30px !important;
      } 
    .tumhay{
        font-size: 19px !important;
    
       }
    /* .affo1{
        margin-left: 0% !important;
    } */
    
            .footer-title {
                margin-left:15% !important;
            }
            
    #hero{
        padding: 200px 0 0 30px !important;
    }
     .jayk{
        margin-left: 0% !important;
     
    }
    .ariva{
        margin-top: 0%;
    }
    .hara{
        margin-top: 50px;
    }
    .hara1{
        margin-top: 90px;
    }
    .hara2{
        margin-top: 70px;
    }
    .btn-default{
        margin-left: 0px !important;
           margin-top: 60px !important;
           margin-right: 30px;
       }
       .btn-default.kio{
        margin-left: 350px !important;
          
       }
      
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kolkata{
        width: 50% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 25px;
    }
    .hum {
        margin-top: 0% !important;
        margin-top: 50px !important;
    }
    .razz{
        margin-left: 50px !important;
       
    }
    .batay{
        margin-top: 0% !important;
    }

}
@media screen and (min-width: 1101px) and (max-width:1200px) {
    .suraj{
        width: 22% !important;
      
    }
    .babay{
        padding-left: 0%;
        padding-right: 0%;
    }
    .herotop-title{
        font-size:4em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
      
      }
      .herotop-button{
      margin: 0% !important;
      margin-top: 50px !important;
      
      }
    .baykayali{
        margin-top: 0% !important;
        margin-top: 30px !important;
    }
    .zaroi{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tumbin{
        font-size: 23px !important;
    }
    
    .tumbin1{
        font-size: 35px !important;  
      
    }
    
    .totata{
        margin-top: 0% !important;
    }
    .mahi{
        margin-left: 0 !important;
        margin-bottom: 30px;
    }
    .mahi1{
        margin-right: 0 !important;
        margin-bottom: 30px;
        
    }
    .nis
    {
        padding-left: 0% !important;
      margin-top: 0% !important;
     

    }
    .katir{
        font-size: 18px;
    }
    .niba{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin-top: 90px !important;
    }
    .niba1{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
      
        margin-top: 90px !important;
    }
    .razz{
        margin-left: 50px !important;
       
    }
    .batay{
        margin-top: 0% !important;
    }
    .hum {
        margin-top: 0% !important;
        margin-top: 50px !important;
    }
    .kabi{
        margin-left: 0% !important;
        margin-top: 25px;
    }
    .kolkata{
        width: 50% !important;
    }
    .koli{
        margin-left: 0% !important;
    }
    .waday{
        margin-left: 0% !important;
    }
    .moe{
        padding-left: 0% !important;
        padding-left: 20px !important;
     }
      .veer{
        margin-left: 0% !important;
        margin-left: 30px !important;
      }
    /* .affo1{
        margin-left: 0% !important;
    } */
    
    #hero{
        padding: 200px 0 0 30px !important;
    }
     .jayk{
        margin-left: 0% !important;
     
    }
    .hara{
        margin-top: 50px;

    }
    .hara1{
        margin-top: 90px;
    }
    .hara2{
        margin-top: 70px;
    }
    .btn-default{
        margin-left: 0px !important;
           margin-top: 60px !important;
           margin-right: 30px;
       }
       .btn-default.kio{
        margin-left: 370px !important;
          
       }
       
       .btn-primary{
           margin-left: 0px !important;
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .ariva{
        margin-top: 50px;
       }
}
@media screen and (min-width:1201px) {
    .babay{
        padding-left: 0%;
        padding-right: 0%;
    }}
    @media screen and (min-width: 1200px) and (max-width:1300px) {
       
        .herotop-title{
        font-size:5em !important;
        margin-top: 100px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
      
      }
      .herotop-button{
        margin: 0% !important;
        margin-top: 40px !important;
      
      }
    }
    @media screen and (min-width: 1300px) and (max-width:1350px) {
   
        .herotop-title{
        font-size:5em !important;
        margin-top: 130px !important;
      }
      .saart{
        font-size:4em !important;
        margin-top: 0% !important;
      }
      .galya{
        font-size:3.5em !important;
        margin-top: 0% !important;
      }
      .herotop-subtitle{
        font-size:2em !important;
        margin-top: 10px !important;
      
      }
      .herotop-button{
        margin: 0% !important;
        margin-top: 50px !important;
       
      }
    }
@media screen and (min-width: 1351px) and (max-width:1400px) {
   
    .herotop-title{
    font-size:5em !important;
    /* margin-top: 100px !important; */
  }
  .saart{
    font-size:4em !important;
    margin-top: 0% !important;
  }
  .galya{
    font-size:3.5em !important;
    margin-top: 0% !important;
  }
  .herotop-subtitle{
    font-size:2em !important;
    margin-top: 10px !important;
  
  }
  .herotop-button{
    margin: 0% !important;
    margin-top:60px !important;
    margin-bottom:60px !important ;
    
  }
}
@media screen and (min-width: 1401px) {
   
    .herotop-title{
    font-size:5em !important;
    margin-top: 100px !important;
  }
  .herotop-subtitle{
    font-size:2em !important;
    margin-top: 10px !important;
  
  }
  .herotop-button{
    margin: 0% !important;
    margin-top: 30px !important;
   
  }
}
  @media (max-height: 500px) {
    #hero {
      /* height: 150vh;  */
    }
  }
   
  #hero {
    width: 100%;
    background: url("../img/bg/Medics\ looking\ at\ cardiogram\ in\ hall\ 11.svg");
    background-size: cover;
    position:relative;
   
  }
  
  #hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  
  }
 
  #hero .container {
    position: relative;

  }
  
  #hero h1 {
    margin: 0;
    font-weight: 700;
    line-height: 55px;
    font-family: "Poppins", sans-serif;
  }
  #hero .btn-primary {
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
#hero .btn-default {
    color: white;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    margin-left: 400px;
    line-height: 15px;
    margin-top: 20px;
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
}
#hero .btn-primary:hover{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
#hero .btn-default:hover{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}


 

#hero23 {
    width: 100%;
    height: auto;
    background: url("../img/about/Close-up\ of\ hands\ with\ financial\ charts\ at\ business\ meeting.svg") top left;
    background-size: cover;
    position:relative;
  }

  #hero23:before {
    content: "";
    position: relative;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  
  }
 
  #hero23 .container {
    position: relative;

  }
  
  #hero23 h1 {
    margin: 0;
    font-weight: 700;
    line-height: 55px;
    margin-left:180px;
    margin-top: 80px;
    font-family: "Poppins", sans-serif;
  }
 #hero23 .btn-primary {
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.sssss{
    margin-top: 0px;
    padding-top: 0px;
    margin-top: -30px !important;
    margin-left: 30px;
    margin-bottom: 50px;
  
}
#hero23 .btn-default {
    color: white;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    margin-left: 400px;
    line-height: 15px;
    margin-top: 20px;
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
}
#hero23 .btn-primary:hover{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
#hero23 .btn-default:hover{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}


/*  */
#hero231 {
    width: 100%;
    height: auto;
    background: url("../img/Specialties/Medical\ equipment.svg") top left;
    background-size: cover;
    position:relative;
  }

  #hero231:before {
    content: "";
    position: relative;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  
  }
 
  #hero231 .container {
    position: relative;

  }
  
  #hero231 h1 {
    margin: 0;
    font-weight: 800;
    line-height: 55px;
    /* margin-left:180px; */
    margin-top: 230px;
    color: #004952;
    margin-bottom: 30px;
    font-family: "Poppins", sans-serif;
  }
/*=======================
  Statics CSS
=========================*/ 
#statics {
	margin-top:-120px;
  	z-index: 2;
    width: auto;
  
}
#statics .statics {
	border-radius: 20px;
	overflow: hidden;
    box-shadow: 5px 5px 5px  rgba(163, 163, 163, 0.629), -3px -3px 3px  rgba(163, 163, 163, 0.629);
}
#statics.no-margin{
	margin-top:0px;

}
#statics .static-single {
	text-align: center;
	position: relative;
	background: #FFFFFF;
	overflow: hidden;
    padding: 20px 10px 20px 10px;
 
}
#statics .s-info {
	display: block;
 
} 

#statics .static-single p {
	color:rgba(0, 0, 0, 0.583);
	font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-weight: 100;
}

a:hover,
a:focus  {
    color: #fff;
    outline: none;
    text-decoration: none;
	background:none;
}

.poopil{
  
    margin-top: 50px;
  
    padding: auto;
 
  }
  .container2{
  
    margin-top: 100px;
  }
  .container2 .center-line{
    position: absolute;
    height: 100%;
    width: 4px;
    background:#004952;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
  }
  .con1{
    position: relative;
    margin-top: 50px;
    
  }
.con1 .center-line{
  position: absolute;
  height: 100%;
  width: 4px;
  background:#004952;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}
.con1 .row{
  display: flex;
}
.con1 .first{
  justify-content: flex-start;
}
.con1 .second{
  justify-content: flex-end;
}
.con1 .row section{
  background:white;
  border-radius: 5px;
  width: calc(50% - 40px);
  padding: 20px;
  position: relative;
  box-shadow: 0px 1px 6px  rgb(163, 163, 163), 0px -1px 6px  rgb(163, 163, 163);
}

.con1 .row section::before{
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  background: #F7931E  ;
  top: 28px;
  z-index: -1;
  transform: rotate(45deg);
}

.first section::before{
  right: -7px;
}
.second section::before{
  left: -7px;
}
.row section .icon,
.center-line .scroll-icon{
  position: absolute;
  background:#004952;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  font-size: 17px;
  box-shadow: 0 0 0 4px  #FFFFFF, inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}
.center-line .scroll-icon{
  bottom: 0px;
  left: 50%;
  font-size: 25px;
  transform: translateX(-50%);
}
.first section .icon{
  top: 15px;
  right: -60px;
}
.second section .icon{
  top: 15px;
  left: -60px;
}
.row section .details,
.row section .bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.row section .details .title{
  font-size: 22px;
  font-weight: 600;
  color: #004952;
  font-family: ' monospace';
}
.row section p{
  margin: 10px 0 17px 0;
color:black;
}


/* Responsive Code */
@media screen and (max-width: 790px) {
  .con1 .center-line{
      left: 40px;
  }

  .con1 .row{
      margin: 30px 15px 0px 70px;
  }
  .con1 .row section{
      width: 100%;
  }
  .first section .icon{
      left: -60px;
  }
  .first section::before{
      left: -7px;
  }
}


/* ====================== */

#process {
overflow: hidden;
}
.inverted-steps-pane11 {
    height:330px;
width:100%;
background:white;
margin-top: 120px;
padding: 50px;
box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);

}
.inverted-steps-pane1 {
margin-left: 34% !important;
height:auto;
color: white;
width:400px;
background:#004952;
margin-bottom: -65px;
font-size: 50px;
padding: 30px 0 30px 0;
text-transform: uppercase;
border-radius: 10px;
font-weight: 600;
letter-spacing: 1px;

}
.inverted-steps-pane22 {
    height:330px;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane2 {
    margin-left: 32% !important;
    height:auto;
    color: white;
    width:450px;
    background:#004952;
    margin-bottom: -65px;
    font-size: 50px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane33 {
        height:330px;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane3 {
        margin-left: 30% !important;
        height:auto;
        color: white;
        width:500px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 50px;
        padding: 30px 0 30px 0;
        text-transform: uppercase;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane44 {
            height:330px;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane4 {
            margin-left: 15% !important;
            height:auto;
            color: white;
            width:800px;
            background:#004952;
            margin-bottom: -65px;
            font-size: 50px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            
            }
            .inverted-steps-pane55 {
                height:330px ;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
            .inverted-steps-pane5 {
                margin-left: 15% !important;
                height:auto;
                color: white;
                text-transform: uppercase;
                width:840px;
                background:#004952;
                margin-bottom: -65px;
                font-size: 50px;
                padding: 30px 0 30px 0;
                border-radius: 10px;
                font-weight: 600;
                letter-spacing: 1px;
                
                }
               
                    .inverted-steps-pane66 {
                        height:330px;
                      
                        width:100%;
                        background:white;
                        margin-top: 120px;
                        padding: 50px;
                        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                        
                        }
                .inverted-steps-pane6 {
                    margin-left: 10% !important;
                    height:auto;
                    color: white;
                    width:930px;
                    background:#004952;
                    margin-bottom: -65px;
                    font-size: 50px;
                    text-transform: uppercase;
                    padding: 30px 0 30px 0;
                    border-radius: 10px;
                    font-weight: 600;
                    letter-spacing: 1px;
                    
                    }
                    .inverted-steps-pane77 {
                        height:330px;
                        width:100%;
                        background:white;
                        margin-top: 120px;
                        padding: 50px;
                        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                        
                        }
                .inverted-steps-pane7 {
                    margin-left: 25% !important;
                    height:auto;
                    color: white;
                    width:600px;
                    background:#004952;
                    margin-bottom: -65px;
                    font-size: 50px;
                    text-transform: uppercase;
                    padding: 30px 0 30px 0;
                    border-radius: 10px;
                    font-weight: 600;
                    letter-spacing: 1px;
                    
                    } 
                    
                        /* @media (min-width: 1201px) and (max-width:1300px) {
                            
                            .verticle-line {
                            width: 105px;
                            }
                            
                            
                            .verticle-line {
                            position: absolute;
                            height: 100px;
                            width: 5px;
                            margin-left: 5px;
                            }
                            .inverted-steps-pane11 {
                                height:50vh  !important;
                                width:100%;
                                background:white;
                                margin-top: 120px;
                                padding: 50px;
                                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                
                                }
                                .inverted-steps-pane1 {
                                margin-left: 0% !important;
                                height:auto;
                                color: white;
                                width:auto;
                                background:#004952;
                                margin-bottom: -65px;
                                font-size: 40px;
                                padding: 30px 0 30px 0;
                                text-transform: uppercase;
                                border-radius: 10px;
                                font-weight: 600;
                                letter-spacing: 1px;
                                
                                }
                                .inverted-steps-pane22 {
                                    height:auto;
                                    width:100%;
                                    background:white;
                                    margin-top: 120px;
                                    padding: 50px;
                                    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                    
                                    }
                                    .inverted-steps-pane2 {
                                    margin-left: 0% !important;
                                    height:auto;
                                    color: white;
                                    width:auto;
                                    background:#004952;
                                    margin-bottom: -65px;
                                    font-size: 40px;
                                    padding: 30px 0 30px 0;
                                    border-radius: 10px;
                                    text-transform: uppercase;
                                    font-weight: 600;
                                    letter-spacing: 1px;
                                    
                                    }
                                    .inverted-steps-pane33 {
                                        height:auto;
                                        width:100%;
                                        background:white;
                                        margin-top: 120px;
                                        padding: 50px;
                                        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                        
                                        }
                                    .inverted-steps-pane3 {
                                        line-height: 50px;
                                        margin-left: 0% !important;
                                        height:auto;
                                        color: white;
                                        width:auto;
                                        background:#004952;
                                        margin-bottom: -65px;
                                        font-size: 40px;
                                        padding: 30px 0 30px 0;
                                        text-transform: uppercase;
                                        border-radius: 10px;
                                        font-weight: 600;
                                        letter-spacing: 1px;
                                        
                                        }
                                       
                            .inverted-steps-pane44 {
                                height:auto;
                                width:100%;
                                background:white;
                                margin-top: 120px;
                                padding: 50px;
                                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                
                                }
                            .inverted-steps-pane4 {
                                margin-left: 0% !important;
                                height:auto;
                                color: white;
                                width:auto;
                                background:#004952;
                                margin-bottom: -65px;
                                font-size: 35px;
                                padding: 30px 0 30px 0;
                                border-radius: 10px;
                                font-weight: 600;
                                line-height: 50px;
                                letter-spacing: 1px;
                                text-transform: uppercase;
                                
                                }
                                .inverted-steps-pane55 {
                                    height:auto;
                                    width:100%;
                                    background:white;
                                    margin-top: 120px;
                                    padding: 50px;
                                    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                    
                                    }
                                .inverted-steps-pane5 {
                                    margin-left: 0% !important;
                                    height:auto;
                                    color: white;
                                    text-transform: uppercase;
                                    width:auto;
                                    line-height: 50px;
                                    background:#004952;
                                    margin-bottom: -65px;
                                    font-size: 40px;
                                    padding: 30px 0 30px 0;
                                    border-radius: 10px;
                                    font-weight: 600;
                                    letter-spacing: 1px;
                                    
                                    }
                            
                            .steps-stops {
                                height:15px;
                                width: 15px;
                                margin: 70px  0px 0 400.1px;
                                border-radius: 50%;
                                background:#F7931E;
                                }
                                .steps-stops1 {
                                height:15px;
                                width: 15px;
                                margin: 70px  0 0 400.1px;
                                border-radius: 50%;
                                background:#F7931E;
                                }
                                .steps-one{
                                    float: left;
                                    width: 20%;
                                    margin-top: -25px;
                                    }
                                    
                                .steps-one1{
                                    float:left;
                                    width: 20%;
                                    margin-top: -25px;
                                    }
                                    .inverted-steps-pane66 {
                                        height:auto;
                                      
                                        width:100%;
                                        background:white;
                                        margin-top: 120px;
                                        padding: 50px;
                                        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                        
                                        }
                                .inverted-steps-pane6 {
                                    margin-left: 0% !important;
                                    height:auto;
                                    color: white;
                                    width:auto;
                                    background:#004952;
                                    margin-bottom: -65px;
                                    font-size: 40px;
                                    text-transform: uppercase;
                                    padding: 30px 0 30px 0;
                                    border-radius: 10px;
                                    font-weight: 600;
                                    letter-spacing: 1px;
                                    line-height: 50px !important;
                                    
                                    }
                                .steps-stops112 {
                                    height:15px;
                                    width: 15px;
                                    margin: 70px  0px 0 400.1px;
                                    border-radius: 50%;
                                    background:#F7931E;
                                    }
                                    .steps-stops111 {
                                        height:15px;
                                        width: 15px;
                                        margin: 70px  0 0 400.1px;
                                        border-radius: 50%;
                                        background:#F7931E;
                                        }
                                .steps-stops771 {
                                    height:15px;
                                    width: 15px;
                                    margin: 70px  0px 0 400.1px;
                                    border-radius: 50%;
                                    background:#F7931E;
                                    }
                                    .steps-stops77{
                                    height:15px;
                                    width: 15px;
                                    margin: 70px  0px 0 400.1px;
                                    border-radius: 50%;
                                    background:#F7931E;
                                    }
                                    .inverted-steps-pane77 {
                                        height:auto;
                                        width:100%;
                                        background:white;
                                        margin-top: 120px;
                                        padding: 50px;
                                        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                                        
                                        }
                                .inverted-steps-pane7 {
                                    margin-left: 0% !important;
                                    height:auto;
                                    color: white;
                                    line-height: 50px;
                                    width:auto;
                                    background:#004952;
                                    margin-bottom: -65px;
                                    font-size: 40px;
                                    text-transform: uppercase;
                                    padding: 30px 0 30px 0;
                                    border-radius: 10px;
                                    font-weight: 600;
                                    letter-spacing: 1px;
                                    
                                    }
                            } */
 @media (min-width: 901px) { 
.steps-one{
float: left;
width: 20%;
margin-top: -25px;
}
.steps-one1{
    float:left;
    width: 20%;
    margin-top: -25px;
    }

.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 450.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 510.1px;
    border-radius: 50%;
    background:#F7931E;
    }

.steps-stops112 {
height:15px;
width: 15px;
margin: 70px  0px 0 420.1px;
border-radius: 50%;
background:#F7931E;
}
.steps-stops111 {
height:15px;
width: 15px;
margin: 70px  0 0 510.1px;
border-radius: 50%;
background:#F7931E;
}
.steps-stops771 {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 420.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops77{
    height:15px;
    width: 15px;
    margin: 70px  0px 0 510.1px;
    border-radius: 50%;
    background:#F7931E;
    }
}
@media(max-width: 899px) {
.inverted-steps-pane66 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane6 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 25px;
    text-transform: uppercase;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    } 
    .inverted-steps-pane77 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
.inverted-steps-pane7 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:600px;
    background:#004952;
    margin-bottom: -65px;
    font-size: 50px;
    text-transform: uppercase;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .steps-stops {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 100.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops1 {
        height:15px;
        width: 15px;
        margin: 70px  0 0 350.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-one{
            float: left;
            width: 20%;
            margin-top: -25px;
            }
            .steps-one1{
                float:left;
                width: 20%;
                margin-top: -25px;
                }
            
            .verticle-line {
            position: absolute;
            height: 100px;
            width: 5px;
            margin-left: 5px;
            }

.steps-one {
margin-left: -25px;
}
.step-wrap,
.steps-stops {
float: left;
}

}
@media (min-width: 1101px) and (max-width: 1200px) {
                            
    .verticle-line {
    width: 105px;
    }
    
    
    .verticle-line {
    position: absolute;
    height: 100px;
    width: 5px;
    margin-left: 5px;
    }
    .inverted-steps-pane11 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane1 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        text-transform: uppercase;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane22 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
            .inverted-steps-pane2 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
            .inverted-steps-pane33 {
                height:auto;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
            .inverted-steps-pane3 {
                line-height: 50px;
                margin-left: 0% !important;
                height:auto;
                color: white;
                width:auto;
                background:#004952;
                margin-bottom: -65px;
                font-size: 40px;
                padding: 30px 0 30px 0;
                text-transform: uppercase;
                border-radius: 10px;
                font-weight: 600;
                letter-spacing: 1px;
                
                }
               
    .inverted-steps-pane44 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane4 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 35px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: 1px;
        text-transform: uppercase;
        
        }
        .inverted-steps-pane55 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane5 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            text-transform: uppercase;
            width:auto;
            line-height: 50px;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
    
    .steps-stops {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 400.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops1 {
        height:15px;
        width: 15px;
        margin: 70px  0 0 400.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-one{
            float: left;
            width: 20%;
            margin-top: -25px;
            }
            
        .steps-one1{
            float:left;
            width: 20%;
            margin-top: -25px;
            }
            .inverted-steps-pane66 {
                height:auto;
              
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
        .inverted-steps-pane6 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            text-transform: uppercase;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 50px !important;
            
            }
        .steps-stops112 {
            height:15px;
            width: 15px;
            margin: 70px  0px 0 400.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .steps-stops111 {
                height:15px;
                width: 15px;
                margin: 70px  0 0 400.1px;
                border-radius: 50%;
                background:#F7931E;
                }
        .steps-stops771 {
            height:15px;
            width: 15px;
            margin: 70px  0px 0 400.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .steps-stops77{
            height:15px;
            width: 15px;
            margin: 70px  0px 0 400.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .inverted-steps-pane77 {
                height:auto;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
        .inverted-steps-pane7 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            line-height: 50px;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            text-transform: uppercase;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
    }
@media (min-width: 1001px) and (max-width: 1100px) {
                            
    .verticle-line {
    width: 105px;
    }
    
    
    .verticle-line {
    position: absolute;
    height: 100px;
    width: 5px;
    margin-left: 5px;
    }
    .inverted-steps-pane11 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane1 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        text-transform: uppercase;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane22 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
            .inverted-steps-pane2 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
            .inverted-steps-pane33 {
                height:auto;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
            .inverted-steps-pane3 {
                line-height: 50px;
                margin-left: 0% !important;
                height:auto;
                color: white;
                width:auto;
                background:#004952;
                margin-bottom: -65px;
                font-size: 40px;
                padding: 30px 0 30px 0;
                text-transform: uppercase;
                border-radius: 10px;
                font-weight: 600;
                letter-spacing: 1px;
                
                }
               
    .inverted-steps-pane44 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane4 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 35px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: 1px;
        text-transform: uppercase;
        
        }
        .inverted-steps-pane55 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane5 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            text-transform: uppercase;
            width:auto;
            line-height: 50px;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
    
    .steps-stops {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 400.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops1 {
        height:15px;
        width: 15px;
        margin: 70px  0 0 400.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-one{
            float: left;
            width: 20%;
            margin-top: -25px;
            }
            
        .steps-one1{
            float:left;
            width: 20%;
            margin-top: -25px;
            }
            .inverted-steps-pane66 {
                height:auto;
              
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
        .inverted-steps-pane6 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            text-transform: uppercase;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 50px !important;
            
            }
        .steps-stops112 {
            height:15px;
            width: 15px;
            margin: 70px  0px 0 400.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .steps-stops111 {
                height:15px;
                width: 15px;
                margin: 70px  0 0 400.1px;
                border-radius: 50%;
                background:#F7931E;
                }
        .steps-stops771 {
            height:15px;
            width: 15px;
            margin: 70px  0px 0 400.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .steps-stops77{
            height:15px;
            width: 15px;
            margin: 70px  0px 0 400.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .inverted-steps-pane77 {
                height:auto;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
        .inverted-steps-pane7 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            line-height: 50px;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            text-transform: uppercase;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
    }
@media (min-width: 901px) and (max-width: 1000px) {
                            
    .verticle-line {
    width: 105px;
    }
    
    
    .verticle-line {
    position: absolute;
    height: 100px;
    width: 5px;
    margin-left: 5px;
    }
    .inverted-steps-pane11 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane1 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        text-transform: uppercase;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane22 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
            .inverted-steps-pane2 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
            .inverted-steps-pane33 {
                height:auto;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
            .inverted-steps-pane3 {
                line-height: 50px;
                margin-left: 0% !important;
                height:auto;
                color: white;
                width:auto;
                background:#004952;
                margin-bottom: -65px;
                font-size: 40px;
                padding: 30px 0 30px 0;
                text-transform: uppercase;
                border-radius: 10px;
                font-weight: 600;
                letter-spacing: 1px;
                
                }
               
    .inverted-steps-pane44 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane4 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 35px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: 1px;
        text-transform: uppercase;
        
        }
        .inverted-steps-pane55 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane5 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            text-transform: uppercase;
            width:auto;
            line-height: 50px;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
    
    .steps-stops {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 300.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops1 {
        height:15px;
        width: 15px;
        margin: 70px  0 0 330.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-one{
            float: left;
            width: 20%;
            margin-top: -25px;
            }
            
        .steps-one1{
            float:left;
            width: 20%;
            margin-top: -25px;
            }
            .inverted-steps-pane66 {
                height:auto;
              
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
        .inverted-steps-pane6 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            text-transform: uppercase;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 50px !important;
            
            }
        .steps-stops112 {
            height:15px;
            width: 15px;
            margin: 70px  0px 0 300.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .steps-stops111 {
                height:15px;
                width: 15px;
                margin: 70px  0 0 330.1px;
                border-radius: 50%;
                background:#F7931E;
                }
        .steps-stops771 {
            height:15px;
            width: 15px;
            margin: 70px  0px 0 300.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .steps-stops77{
            height:15px;
            width: 15px;
            margin: 70px  0px 0 330.1px;
            border-radius: 50%;
            background:#F7931E;
            }
            .inverted-steps-pane77 {
                height:auto;
                width:100%;
                background:white;
                margin-top: 120px;
                padding: 50px;
                box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                
                }
        .inverted-steps-pane7 {
            margin-left: 0% !important;
            height:auto;
            color: white;
            line-height: 50px;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            text-transform: uppercase;
            padding: 30px 0 30px 0;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
    }
@media (min-width: 851px) and (max-width: 900px) {
    .dipe{
        margin-top: -30px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 300.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 360.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 300.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 360.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 300.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 360.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 801px) and (max-width: 850px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 300.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 360.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 300.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 360.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 300.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 360.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 751px) and (max-width: 800px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 290.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 345.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 290.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 350.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 290.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 350.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 701px) and (max-width: 750px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 260.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 330.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 260.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 330.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 260.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 330.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 651px) and (max-width: 700px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 230.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 330.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 230.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 330.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 230.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 330.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}

@media (min-width: 601px) and (max-width: 650px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 230.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 290.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 200.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 290.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 200.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 290.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 551px) and (max-width: 600px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 200.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 290.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 200.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 290.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 200.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 290.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 501px) and (max-width: 550px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 160.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 290.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 160.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 290.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 160.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 290.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 476px) and (max-width: 500px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 160.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 220.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 220.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 220.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 451px) and (max-width: 475px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 160.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 220.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 220.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 220.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 435px) and (max-width: 450px) {
    .dipe{
        margin-top: -50px !important;
    }
    
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 150.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 210.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 220.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 220.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (min-width: 401px) and (max-width: 434px) {
    .dipe{
        margin-top: -50px !important;
    }
    
.verticle-line {
width: 105px;
}


.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            
            }
           
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }

.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 100.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 210.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }
        
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
          
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;
        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 220.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 140.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 220.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
            
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
}
@media (max-width: 400px) {
    .dipe{
        margin-top: -50px !important;
    }
.verticle-line {
width: 105px;
}
.verticle-line {
position: absolute;
height: 100px;
width: 5px;
margin-left: 5px;
}
.inverted-steps-pane11 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
    }
    .inverted-steps-pane1 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 40px;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    
    }
    .inverted-steps-pane22 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
        
        }
        .inverted-steps-pane2 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        
        }
        .inverted-steps-pane33 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
                       }
        .inverted-steps-pane3 {
            line-height: 50px;
            margin-left: 0% !important;
            height:auto;
            color: white;
            width:auto;
            background:#004952;
            margin-bottom: -65px;
            font-size: 40px;
            padding: 30px 0 30px 0;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: 600;
            letter-spacing: 1px;            
            }          
.inverted-steps-pane44 {
    height:auto;
    width:100%;
    background:white;
    margin-top: 120px;
    padding: 50px;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);    
    }
.inverted-steps-pane4 {
    margin-left: 0% !important;
    height:auto;
    color: white;
    width:auto;
    background:#004952;
    margin-bottom: -65px;
    font-size: 35px;
    padding: 30px 0 30px 0;
    border-radius: 10px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;   
    }
    .inverted-steps-pane55 {
        height:auto;
        width:100%;
        background:white;
        margin-top: 120px;
        padding: 50px;
        box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);       
        }
    .inverted-steps-pane5 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        text-transform: uppercase;
        width:auto;
        line-height: 50px;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;       
        }
.steps-stops {
    height:15px;
    width: 15px;
    margin: 70px  0px 0 100.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-stops1 {
    height:15px;
    width: 15px;
    margin: 70px  0 0 210.1px;
    border-radius: 50%;
    background:#F7931E;
    }
    .steps-one{
        float: left;
        width: 20%;
        margin-top: -25px;
        }       
    .steps-one1{
        float:left;
        width: 20%;
        margin-top: -25px;
        }
        .inverted-steps-pane66 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);           
            }
    .inverted-steps-pane6 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 50px !important;        
        }
    .steps-stops112 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 100.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops111 {
            height:15px;
            width: 15px;
            margin: 70px  0 0 200.1px;
            border-radius: 50%;
            background:#F7931E;
            }
    .steps-stops771 {
        height:15px;
        width: 15px;
        margin: 70px  0px 0 100.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .steps-stops77{
        height:15px;
        width: 15px;
        margin: 70px  0px 0 200.1px;
        border-radius: 50%;
        background:#F7931E;
        }
        .inverted-steps-pane77 {
            height:auto;
            width:100%;
            background:white;
            margin-top: 120px;
            padding: 50px;
            box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);           
            }
    .inverted-steps-pane7 {
        margin-left: 0% !important;
        height:auto;
        color: white;
        line-height: 50px;
        width:auto;
        background:#004952;
        margin-bottom: -65px;
        font-size: 40px;
        text-transform: uppercase;
        padding: 30px 0 30px 0;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px;        
        }
}
.back-orange {
background: #F7931E;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.herotop {
    position: relative;
  height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.herotop::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1; 
}

.herotop-content {
    text-align: center;
    color: #fff;
    z-index: 2;
}

.herotop-title {
    font-size: 5em;
    /* margin-top: 160px !important; */
    margin-bottom: 0%;
    color: white;

}
.herotop-title.jade {
    font-size: 5em;
    margin-top: 160px !important;
    margin-bottom: 0%;
    color: white;

}
.herotop-subtitle {
  margin-top: 0%;
  text-align: left;
    font-size: 1.5em;

}
.herotop-button {
     margin-top: 20px;
    color: white;
    border-radius: 50px;
    /* margin-left: 100px !important; */
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 3px;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    /* -webkit-animation-delay: 2s;
    animation-delay: 2s; */
    /* -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out; */
 
}

.herotop-button:hover {
    background: linear-gradient(to left, #21909f, #004952);
  box-shadow: none;
    /* -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out; */
}
.herotop-button.awara {
    margin-top: 90px;
   color: white;
   color: #014d57;
   border-radius: 50px;
   margin-right: 50px;
   font-weight: 600;
   font-size: 13px;
   line-height: 15px;
   text-align: center;
   padding: 10px 20px;
   white-space: nowrap;
   background: white;
   /* background: linear-gradient(to left, #21909f, #004952); */
   display: inline-block;
   text-decoration: none;
   text-transform: uppercase;
   border: 3px solid #014d57;
   box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
  

}
.herotop-button.awara:hover {
  box-shadow: none;
}

.hero86{
    padding: 0%;
    margin: 0%;
}
.hero86 {
    width: 100%;
    /* min-height: calc(73vh) ; */
    position: relative;
    /* padding:80px; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
  }
  
 
  
  .hero86 img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .hero86 .container {
    position: relative;
    /* z-index: 3; */
    padding-top: 0 !important;
  }
 
 
  .hero86 .btn-get-started {
    border-radius: 50px;
    margin-right: 50px;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

  }

  .hero86 .btn-get-started:hover{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
  
  .hero86 .btn-get-started.kik{
    
    border-radius: 50px;
    margin-left: 0px !important;
    color: white;
    /* cursor: pointer; */
    font-weight: 600;
    font-size: 13px;
    margin-left: 400px;
    line-height: 15px;
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
    background: linear-gradient(to left, #21909f, #004952);
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid white;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    
  }
  .hero86 .btn-get-started:hover.kik{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
@media (max-width: 1327px) {
    .barar{
        margin-top: 30px !important;
    }
    .kik{
        margin-bottom: 40px !important;
      }
      .hero86 {
        /* min-height: calc(50vh ); */
      }
  }
@media (max-width: 1200px) {
    .hero86 {
      /* min-height: calc(50vh ); */
    }
    .barar{
        margin-top: 30px !important;
    }
    .kik{
        margin-bottom: 40px !important;
      }
  }
  @media (max-width: 768px) {
    .hero86 h2 {
      font-size: 32px;
    }
    .hero86 p {
      font-size: 18px;
    }
  }

 

  .hero862{
    padding: 0%;
    margin: 0%;
}
.hero862 {
    width: 100%;
    /* min-height: calc(80vh) ; */
    position: relative;
  }
  
 
  
  .hero862 img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .hero862 .container {
    position: relative;
    padding:0 !important;
   
  }
 
 
  .hero862 .btn-get-started {
    border-radius: 50px;
    margin-right: 50px;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color:#004952;
    padding: 10px 20px;
    white-space: nowrap;
    background: white;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid #004952;
    box-shadow: 1px 1px 6px rgb(163, 163, 163), -1px -1px 6px rgb(163, 163, 163);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

  }

  .hero862 .btn-get-started:hover{
    box-shadow: none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
  
 
@media (max-width: 1327px) {
    .barar{
        margin-top: 30px !important;
    }
   
      .hero862 {
        /* min-height: calc(80vh ); */

      }
  }
@media (max-width: 1200px) {
    .hero862 {
      /* min-height: calc(50vh ); */
    }
    .barar{
        margin-top: 30px !important;
    }
   
  }
  @media (max-width: 768px) {
    .hero862 h2 {
      font-size: 32px;
    }
    .hero862 p {
      font-size: 18px;
    }
  } 

  /* .phn{
  
    color:#1C4851 !important;
  	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: 600;
	letter-spacing: .6px;
	text-decoration: none;
}

.fixedcall1 {
	position: fixed;
	width: 180px;
	height: 45px;
	margin: 0;
	padding: 0;
	top: 60%;
	right: -135px;
	z-index: 999;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
	background: #fff;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.fixedcall1 .phonenumber {
	display: block;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: 600;
	letter-spacing: .6px;
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.fixedcall1 .phonenumber span{
	width: 45px;
	height: 45px;
	float: left;
	background: #0EE52E;
	font-size: 25px;
	margin: 0 15px 0 0;
	text-align: center;
	line-height: 45px;
	color: #fff;
}
.fixedcall1 .phonenumber p{
	margin: 0;
	padding: 7px;
}
.fixedcall1 .phonenumber span i {
	color: #fff;
	-webkit-animation: flipInY 1.25s infinite;
	-moz-animation: flipInY 1.25s infinite;
	-ms-animation: flipInY 1.25s infinite;
	animation: flipInY 1.25s infinite;
}
.fixedcall1:hover {
	right: 0;
} */

.phn{
    color:white;
  	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
}
.fixedcall1 {
	position: fixed;	
	top: 77%;
	right: -1px;
    z-index: 999;

}
.fixedcall1 .phonenumber span{
	width: 190px;
	height: 50px;
	float: left;
	background: #0EE52E;
  border-radius: 50px;
  border: 3px solid white;
	font-size: 25px;
	margin: 0 15px 0 0;
	text-align: left;
	line-height: 40px;
	color: #fff;
}
.fixedcall1 .phonenumber span i { 
	color: #fff;
  padding-left: 10px;
  padding-right: 10px;
	-webkit-animation: flipInY 1.25s infinite;
	-moz-animation: flipInY 1.25s infinite;
	-ms-animation: flipInY 1.25s infinite;
	animation: flipInY 1.25s infinite;
}