body {

    background: #fff;

    margin: 0;
   

}
.center_align{
    text-align: center;
  }
.top {

    background: #0655ad;

    padding: 0.7rem;

    color: #fff;

    font-family: sans-serif;

    font-size: 12px;

}

.header {

    background: #fff;

    padding: 1rem;

}

.nav {

    overflow: hidden;

    background-color:#373737;

    width: 100%;

    display: flex;

}


.nav a {

    float: left;

    display: block;

    color: #fff;

    text-align: center;

    padding: 5px 5px;

    font-family: 'Poppins', sans-serif;

    text-transform: uppercase;

    font-weight: 400;

    text-decoration: none!important;

    font-size: 1.1vw;

    flex: auto;

}

.nav a:hover {

    background-color: #567bab;

    color: #fff9f9;

}

.nav a.active {

    background-color: #0655ad;

    color: #fff;

}

.nav a.active1 {

    background-color: #900;

    color: #fff;

}

.nav .icon {

    display: none;

}

@media screen and (max-width: 600px) {

    .nav a {

        font-size: 3.8vw;

    }

}

@media screen and (max-width: 600px) {

    .nav a:not(:first-child) {

        display: none;

    }

    .nav a.icon {

        float: right;

        display: block;

        font-size: 3.8vw;

    }

}

@media screen and (max-width: 600px) {

    .nav.responsive {

        position: relative;

    }

    .nav.responsive .icon {

        position: absolute;

        right: 0;

        top: 0;

        font-size: 3.8vw;

    }

    .nav.responsive a {

        float: none;

        display: block;

        text-align: left;

        font-size: 3.8vw;

    }

}


.row {

    display: flex;

    flex-wrap: wrap;

}

.col-head {

    flex: 30%;

    background-color: #fff;

    /* padding: 20px; */

}

.box {

    border: 5px solid red;

}

form {

    margin: 4%;

    padding: 0;

    width: 89%;

    /* border: 1px solid #0c0202; */

    background: #fff;

    height: auto;

}

.title {

    margin: 10px;

    /* padding-top: 10px;

    margin-bottom: -1rem;

    padding-bottom: 10px;

    text-align: center;

    position: relative;

    top: 1.2%;

    width: 89.4%;

    background: #0655ad; */

    color: #fff;

    font-size: 15px;

    font-family: sans-serif;

    font-weight: 700;

    /* border-top-left-radius: 10px;

    border-top-right-radius: 10px; */

}

.title1 {

    margin: 4%;

    margin-bottom: -1rem;

    position: relative;

    top: 1.4%;

    font-size: 16px;

    font-family: sans-serif;

    font-weight: 700;

    text-align: center;

    padding: 10px 27px;

    width: 83%;

    border: 1px solid #0655ad;

    background: #0655ad;

    color: #fff;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.title2 {

    margin: 4%;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    position: relative;

    top: 4%;

    width: 89.4%;

    background: #0655ad;

    color: #fff;

    font-size: 16px;

    font-family: sans-serif;

    font-weight: 700;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.title3 {

    margin: 4%;

    position: relative;

    top: 4%;

    font-size: 16px;

    font-family: sans-serif;

    font-weight: 700;

    text-align: center;

    padding: 10px 27px;

    width: 83%;

    border: 1px solid #0655ad;

    background: #0655ad;

    color: #fff;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.form-instruction {

    margin: 4%;

    /* padding: 25px 30px; */

    /* width: 82%; */

    /* border: 1px solid #0655ad; */

    background: #fff;

    height: auto;

}

.col {

    /* flex: 30%; */

    /* background-color: #ffff; */

    /* height: auto; */

    padding: 8px;

}

.col-label {

    width: 100%;

    /* background-color: #ffff; */

    padding-left: 1.5rem;

    padding-bottom: 1rem;

}

.col1 {

    /* flex: 60%; */

    padding: 2.8%;

    /* height: 60px; */

}

.col5 {

    flex: 60%;

    padding: 2.8%;

    height: auto;

}

input[type="text"] {

    margin-top: 0px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

    border-radius: 5px;

}

input[type="tel"] {

    margin-top: 0px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

}

input[type="number"] {

    margin-top: 10px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

}

input[type="email"] {

    margin-top: 0px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

    border-radius: 5px;

}

input[type="date"] {

    margin-top: 10px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

    border-radius: 5px;

}

select {

    margin-top: 10px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad!important;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

    border-radius: 5px;

}

textarea {

    margin-top: 10px;

    width: 100%;

    box-sizing: border-box;

    padding: 8px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

    border-radius: 5px;

}

label {

    font-family: sans-serif;

    font-size: 12px;

    font-weight:bold;

    text-transform:uppercase;

}

.submit-btn {

    background: #060404;

    color: #fff;

    padding: 10px;

    margin-bottom: 1.5rem;

    margin: 1.1rem;

    text-transform: uppercase;

    border: none;

    outline: 0;

    cursor: pointer;

    display: inline-block;

}

.line {

    border-bottom: 1px solid #070000;

    width: 100%;

    margin-top: -1.2rem;

    margin-bottom: 0.2rem;

}

.lines {

    border-bottom: 1px solid #070000;

    width: 100%;

    margin-top: -1.5rem;

    margin-bottom: 2rem;

}

h1 {

    font-size: 14px;

    font-family: sans-serif;

    text-indent: 20px;

}

input[type="file"] {

    margin-top: 10px;

    width: 100%;

    box-sizing: border-box;

    padding: 10px;

    border: 1px solid #0655ad;

    font-family: Poppins, sans-serif;

    outline: 0 !important;

    border-radius: 5px;

}

#smartcard {

    padding: 10px;

    color: red;

}

.detail {

    color: red;

    text-indent: 8px;

    padding: 10px;

    font-size: 12px;

    font-family: sans-serif;

}

p {

    font-family: sans-serif;

    padding-bottom: 1rem;

    font-size: 12px;

}

strong {

    font-size: 12px;

}

@media (max-width: 780px) {

    .submit-btn{

        background: #060404;

        color: #fff;

        padding: 10px;

        margin-top: 2.5rem;

        margin-left: 1rem;

        text-transform: uppercase;

        border: none;

        outline: 0;

        cursor: pointer;

        display: inline-block;

    }

    .col5 {

        width: 100%;

    height: auto;

    margin: 0.5rem;

    }

    .nav,

    .row {

        flex-direction: column;

        width: 100%;

    }

    .col {

        width: 100%;

        padding-bottom: 5px;

        padding-top: 5px;

    }

    .col-label {

        width: 100%;

        padding-bottom: 5px;

        padding-top: 5px;

    }

    .right {

        display: none;

    }

    form {

        margin: 0 !important;

        border: none;

        padding: 0 !important;

        width: 100%;

    }
    @media (max-width: 780px){
form {
    margin: 0 !important;
    border: none;
    width: 34rem !important;
    padding: 10px !important;
}
input,select,textarea{
    width:32rem !important;
}
}

    .title {

        display: block;

        margin-bottom: 2%;

        width: 102%;

    }

    .title1 {

        display: none;

    }

    .title3 {

        display: none;

    }

    .form-instruction {

        display: none;

    }
     .form-ins {

        display: none;

    }

    .col1 {

        width: 100%;

        padding-bottom: 5px;

        padding-left: 6%;

    }



    h1 {

        font-size: 12px;

    }

    .detail {

        font-size: 12px;

    }

    .col-head {

        padding-left: 1%;

        padding-right: 12%;

    }

    .title2 {

        width: 102%;

    }

}

@media (max-width: 780px) {

    img {

        width: 100%;

    }

    .footer {

        height: 51vh !important;

    }

}

.required {

    color: red;

}

/* .col5 {

    width: 92%;

    background-color: #ffff;

    height: 51px;

    padding: 20px;

} */

.card-header {
    background: #0655ad;
    padding: 1px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
.card-body {
  border:1px solid black;
}

.card {
  padding:50px 0px;

}
.toptxt{
    padding-top: 5rem;
    display:block;
    font-size: 25px;
    font-weight: 800;
    text-align: center;
}
@media (max-width: 780px) {
.toptxt{
    border-top:1px solid #0655ad;
    padding:1rem !important;
    text-align:justify !important;
}
}

.Enquiry_btn{
    margin: 50px 0px;
}

.btn-enq{
    background-color: #0655ad!important;
    border-color: #0655ad!important;
    border-radius: 0px!important;
    padding: 8px 10px!important;
    font-size: 15px!important;
}


/*-------------------------------*/

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 20px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 100px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    cursor: pointer;
    border: 2px solid #3666a6;
    box-shadow: 0 0 5px rgb(0 0 0);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
    background: #fff;
}
#quote-carousel .carousel-indicators .active {
    width: 15px;
    height: 15px;
    opacity: 1;
    transition: all .2s;
    background: #3666a6;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.testimonal-heading{
    font-size:25px;
    text-align:center;
}

.rounded-circle{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0px 3px 10px #3263a561;
}
/* ------testimonial  close-------*/

.marquee-container{
    background: #eeeeee;
    padding: 0;
    display: flex;
}

.txt_right{
    text-align:right;
}

@media (max-width: 500px) {
.txt_right{
    text-align:left!important;
}
}

