/* general */

a {
    text-decoration: none !important;
    color: #000 !important;
}

p {
    font-size: 16px !important;
}

.pd50 {
    padding: 50px 0px !important;
}

.pd30 {
    padding: 30px 0px !important;
}

.bg-gray {
    background-color: #f2f2f2;
}

.pd10 {
    padding: 10px 0px;
}

body {
    font-family: 'Work Sans', sans-serif;
    color: #1b3864;
}

/* general */

/* topstrip */

/* scroll */

.topstrip {
    background: #1b3864;
    border-bottom: 1px solid #504f4f;
}

div.scrolling-limit {
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    padding: 2px 30px;
}

div.scrolling {
    position: relative;
    -webkit-animation: scroll 60s infinite linear;
    ;
    -moz-animation: scroll 60s infinite linear;
    -o-animation: scroll 60s infinite linear;
    animation: scroll 60s infinite linear;
}

@keyframes scroll {
    0% {
        left: 100%;
    }
    100% {
        left: -50%;
    }
}

@-webkit-keyframes scroll {
    0% {
        left: 100%;
    }
    100% {
        left: -50%;
    }
}

/* navbar */

.navbar img {
    height: 130px;
    width: auto;
}

.navbar {
    background: #22196d;
    color: #000 !important;
    padding: 0px;
}

.navbar-nav {
    text-align: left;
    margin-top: 40px;
}

.navbar ul li {
    padding: 15px 0px 15px 40px;
    font-size: 17px;
    font-weight: 520;
    position: relative;
    display: inline-block;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.navbar ul li:hover a {
    color: #00bbf0 !important;
}

.navbar ul li::before {
    position: absolute;
    content: '';
    top: -20px;
    left: 70%;
    height: 25px;
    width: 3px;
    background: #00bbf0;
    opacity: 0;
    transition: all .5s ease;
}

.navbar ul li:hover::before {
    opacity: 1;
}

.navbar ul .active {
    position: relative;
}

.navbar ul .active::before {
    position: absolute;
    content: '';
    top: -20px;
    left: 70%;
    height: 25px;
    width: 3px;
    background: #00bbf0;
    transition: all .5s ease;
    opacity: 1;
}

.navbar ul .fa-phone {
    font-size: 25px;
}

.navbar ul li:hover::before {
    opacity: 1;
}

.navbar ul li:last-child:hover::before {
    opacity: 0;
}

.navbar ul li a {
    color: #000 !important;
    transition: all 0.5s ease;
}

/* @media screen and (max-width:1025px){
    .navbar ul li{
    padding: 15px 10px;
    }
}
@media screen and (max-width:769px){
    .navbar ul li{
    padding: 15px 5px;
    font-size: 15px;
    }
}
@media screen and (max-width:769px){
    .navbar ul li{
    padding: 15px 0px;
    font-size: 15px;
    }.navbar ul li::before{
        bottom: 0px;
        left: 0px;
    }.navbar ul .active::before{
        bottom: 0px;
        left: 0px;
        width: 100%;
    }
    .navbar ul li:hover::before{
        width: 100%;
    }.topstrip ul {
        padding: 5px 0px;
    }.aboutus .about p{
        font-size: 15px !important;
    }.sub h2{
        font-size: 30px !important;
    }
} */

.navbar ul li:hover a {
    color: #00bbf0 !important;
}

.navbar ul .active a {
    color: #00bbf0 !important;
}

.navbar ul li a {
    color: #fff !important;
    transition: all 0.5s ease;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1);
    float: right;
    margin-top: 20px;
}

/* navbar */

/* slide */

.index-slide {
    position: relative;
}

.index-slide::before {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    /* width: 100%; */
    border-bottom: 70px solid #fff;
    border-left: 1300px solid transparent;
    z-index: 999;
}

.active .zoominheader {
    height: 100%;
    width: 100%;
    text-align: center;
    background-repeat: repeat;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 15s ease-in infinite;
    animation: zoomin 15s ease-in infinite;
    transition: all 1s ease-in-out;
    overflow: hidden !important;
}

/* The innermost element*/

.active .zoomoutheader {
    height: 100%;
    width: 100%;
    text-align: center;
    -webkit-animation: zoomout 9s ease-in infinite;
    animation: zoomout 9s ease-in infinite;
    transition: all 1s ease-in-out;
    overflow: hidden !important;
}

/* Zoom in Keyframes */

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/*End of Zoom in Keyframes */

/* Zoom out Keyframes */

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1.3);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.3);
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1.3);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.3);
    }
}

/*End of Zoom out Keyframes */

/*Style for the text*/

.slide-over {
    position: absolute;
    content: '';
    top: 35%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.slide-desc {
    position: relative;
}

.slide-desc::before {
    position: absolute;
    content: '';
    top: 0px;
    left: -10px;
    bottom: 0px;
    width: 20%;
    height: 15px;
    background: #f1592a;
}

.slide-desc::after {
    position: absolute;
    content: '';
    top: 0px;
    right: -10px;
    width: 20%;
    height: 15px;
    background: #f1592a;
}

.bottom-left1::before {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 15px;
    width: 20%;
    height: 15px;
    background: #f1592a;
}

.bottom-right1::after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 15px;
    width: 20%;
    height: 15px;
    background: #f1592a;
}

.slide-over .slide-desc {
    text-align: center;
    color: #fff;
    border-left: 15px solid #f1592a;
    border-right: 15px solid #f1592a;
    padding: 30px 20px;
}

.slide-over .slide-desc h1 {
    margin-bottom: 0px;
    font-size: 38px;
    font-weight: bold;
    padding: 20px 0px;
}

.slide-over .slide-desc a {
    border: 1px solid #fff;
    color: #fff !important;
    padding: 8px 12px;
    margin-top: 20px;
}

.slide-over .slide-desc a:hover {
    background: #f1592a;
    color: #fff !important;
    transition: all 0.5 ease;
}

/* .index-slide .item img{
    position: relative;
}
.index-slide .item img{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1;
} */

/* .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    font-weight: 600;
    font-size: 70px;
    top: 52%;
    left: 5%;
    transform: translate(-50%,-50%);
    color: #000;
    outline: none;
}
.owl-carousel .owl-nav button.owl-prev:hover{
    outline: none;
}
.owl-carousel .owl-nav button.owl-next:hover{
    outline: none;
}
.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    font-size: 70px;
    font-weight: 600;
    top: 50%;
    right: 2%;
    color: #000;
    transform: translate(-50%,-50%);
} */

/* slide */

/* about */

.aboutus {
    position: relative;
    padding: 10px 0px;
    background: #fff;
}

.aboutus .about-img {
    margin-top: 20px;
    height: 450px;
    width: auto;
}

/* .aboutus{
    background: linear-gradient(-90deg, rgba(0,0,0,0.9), rgba(0,0,0,0.9)), url("../images/slide4.png")fixed;
    background-size: cover;
    background-repeat: no-repeat;
} */

.aboutus .about p {
    text-align: left !important;
    text-align: justify !important;
    font-size: 14.1px;
    margin-bottom: 0px;
    color: #1b3864 !important;
    font-weight: none;
}

.aboutus .about h1 {
    color: #1b3864 !important;
    font-size: 32px;
    font-weight: bold;
}

.team {
    padding: 30px 0px;
}

.card-header1 {
    padding: 10px 10px;
    background: #f2f2f2;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    margin: 10px 10px;
}

.experience {
    padding: 20px 0px;
}

.team .team-in .col-lg-11,
.team .team-in .col-md-11,
.team .team-in .col-sm-11,
.team .team-in .col-11 {
    max-width: 90%;
}

.card-header .image img {
    margin: 0px auto;
}

.team .team-in {
    padding: 0px;
}

.team-in p {
    margin-left: -50px !important;
    color: #1b3864;
}

.team-inner p {
    color: #1b3864;
}

.card-body {
    border: 3px solid #1b3864;
    padding: 15px 30px;
    color: #1b3864;
}

.card-header1 .active {
    border: 1px solid #1b3864;
}

.card-header1 .team-inner .image {
    text-align: center;
    color: #1b3864;
}

.card-header1 .team-inner h3 {
    text-align: center;
    color: #1b3864;
}

.card-header1 .team-inner h4 {
    text-align: center;
    color: #1b3864;
}

.card-header1 .team-inner h5 {
    color: #1b3864;
}

.about a {
    border: 1px solid #f1592a !important;
}

/* @media (max-width:768px) {
    .aboutus::before{
        background:#000;
        z-index: -1;
    } .about{
        padding: 0px !important;
    }.about-img img{
        margin-top: 15px;
    }
}

@media (max-width:1024px) and (min-width:769px){
    .aboutus .about p{
        font-size: 14px;
        margin-bottom: 20px;
        color: #000;
    }
    .aboutus .about h1{
        color: #000;
        font-size: 35px;
    }.about{
        padding: 10px 10px;
    }.aboutus::before{
        background: #000;
        z-index: -1;
    }.aboutus .about a{
        border: 1px solid #000 !important;
    }.navbar::before{
        width: 60% !important;
    }.about-img .img {
        height: 427px !important;
    }.about .about-img img{
        margin: auto;
        margin: 15px;
    }
}

@media (min-width:1025px) and (max-width:1440px){
    .aboutus .about p{
        font-size: 14px;
        margin-bottom: 20px;
        color: #000;
    }
    .aboutus .about h1{
        color: #000;
        font-size: 35px;
    }.about{
        padding: 10px 10px;
    }.navbar::before{
        width: 60% !important;
    }.about-img .img {
        height: 427px !important;
    }.about .about-img img {
        margin: auto;
        margin: 15px;
    }
}
@media (min-width:1025px) and (max-width:1200px){
    .aboutus::before{
        background: #000;
        z-index: -1;
    }.about .about-img img{
        margin: auto;
        margin: 15px;
    }
} */

.about {
    padding: 20px 20px;
    position: relative;
}

.aboutus .about a {
    padding: 10px 15px;
    border: 1px solid #f1592a;
    color: #1b3864 !important;
    background: transparent;
    transition: all 0.5s ease;
}

.aboutus .about h1 {
    font-size: 25px;
}

.aboutus .about a:hover {
    color: #1b3864 !important;
    background: #f1592a !important;
}

/* about */

/* about1 */

.aboutus1 {
    position: relative;
    padding: 10px 0px;
    margin-top: 30px;
    background: #fff;
}

.aboutus1 .about1 p {
    text-align: left !important;
    text-align: justify !important;
    font-size: 14px;
    color: #fff !important;
    padding: 0px;
}

.aboutus1 .about1 h1 {
    color: #000 !important;
}

.aboutus1 .about-img1 img {
    position: relative;
    height: 480px !important;
    width: auto;
}

.about1 {
    padding: 30px 10px;
    position: absolute;
    background: #1b3864;
    z-index: 999;
}

/* .aboutus1 .about1 a{
    padding: 10px 15px;
    border: 2px solid #f1592a;
    color: #fff !important;
    background: transparent;
    transition: all 0.5s ease;
}
.aboutus1 .about1 a:hover{
    color: #f1592a!important;
    background: #fff !important;
}
.aboutus1 .about1 h2{
    font-size: 28px;
} */

.about1 .detail {
    padding: 0px;
    border: 1px solid #1b3864;
    background: #fff;
    color: #1b3864;
    text-align: center;
    margin: 0px auto;
    position: relative;
    margin: 17px 0px;
}

.about1 .detail::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
}

.about1 .detail p {
    margin-bottom: 0px;
    color: #1b3864 !important;
    font-weight: 500;
}

/* .about1 .detail{
    padding: 3px 5px;
    color: #f1592a;
    background-color: #fff;
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
    position: relative;
    display: inline-block;
    font-size: 13px;
    border-radius:0px;
    margin-left: 15px;
    border:0px;
    text-align: center;
    font-weight: 800 !important;
    margin-top: 10px;
}
.about1 .detail:before{
    content:"";
    position: absolute;
    top: -1px;
    left: -15px;
    width: 0;
    height: 0;
	transform: rotate(180deg);
    border-top: 60px solid #fff;
    border-right: 15px solid transparent;
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
}

.about1 .detail:after{
    content:"";
    position: absolute;
    top: 0px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 58px solid #fff;
    border-right: 15px solid transparent;
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
} */

.about1 .detail p {
    text-align: center !important;
}

.about1 .detail1 {
    padding: 0px 5px;
    border: 1px solid #1b3864;
    background: #fff;
    color: #1b3864;
    position: relative;
    text-align: center;
    margin: 17px 0px;
}

.about1 .detail1 p {
    margin-bottom: 0px;
    color: #1b3864 !important;
    font-weight: 500;
}

.about1 .detail1::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
}

/* .about1 .detail1{
    padding: 3px 5px;
    color: #f1592a;
    background-color: #fff;
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
    position: relative;
    display: inline-block;
    font-size: 13px;
    border-radius:0px;
    margin-left: 15px;
    border:0px;
    text-align: center;
    font-weight: 800 !important;
    margin-top: 10px;
}
.about1 .detail1:before{
    content:"";
    position: absolute;
    top: -1px;
    left: -15px;
    width: 0;
    height: 0;
	transform: rotate(180deg);
    border-top: 60px solid #fff;
    border-right: 15px solid transparent;
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
}

.about1 .detail1:after{
    content:"";
    position: absolute;
    top: 0px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 58px solid #fff;
    border-right: 15px solid transparent;
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
} */

.about1 .detail1 p {
    text-align: center !important;
}

/* about1 */

/* services */

.services {
    padding: 30px 0px;
}

.services h1 {
    text-align: center;
    color: #1b3864;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 25px;
}

.services h5 {
    padding: 15px 0px;
    position: relative;
    font-size: 17px;
    color: #1b3864;
}

.services h5 a {
    color: #1b3864 !important;
}

.services h5:hover a {
    color: #f1592a !important;
    transition: all 0.5s ease;
}

.services h5::before {
    position: absolute;
    content: '';
    right: 40px;
    bottom: 0x;
    top: 30px;
    width: 35%;
    height: 2px;
    background: #f1592a;
}

/* services */

/* form */

.contactus1 {
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/contactus-1.png")fixed;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -50px !important;
}

.contactus1 h3 {
    text-align: center;
    color: #fff;
}

.contact-form {
    /* border: 1px solid#f2f2f2; */
    padding: 15px;
    margin: 20px 0px;
    background: rgba(0, 0, 0, .5);
    margin-top: -20px;
}

.contact-form h3 {
    margin-left: 15px;
}

.contact-form p {
    margin-left: 15px;
    margin-top: 10px;
    font-size: 17px;
}

.contact-form input {
    border-radius: 0px !important;
    height: 40px;
    padding: 10px 10px;
    color: #fff !important;
    border: 1px solid #fff;
    background: transparent;
}

.contact-form textarea {
    border-radius: 0px !important;
    width: 100%;
    resize: vertical;
    height: 100px;
    color: #fff !important;
    padding: 15px 10px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
}

.contact-form .send {
    text-align: center;
}

.contact-form button {
    padding: 5px 25px;
    text-align: center;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    font-size: 18px;
    color: #fff;
    border: 1px solid #f1592a;
    transition: all 0.5s ease;
}

button:hover {
    color: #f1592a;
    background-color: #fff;
    border: 1px solid #fff;
}

.contact img {
    width: 370px;
    height: 480px;
    border-radius: 5px;
}

.contact-info {
    position: relative;
    padding: 18px 8px 25px 100px;
    border-bottom: 1px solid rgb(160, 158, 158);
}

.contact-info:last-child {
    border: none !important;
}

.contact-info i {
    position: absolute;
    top: 50px;
    left: 25px;
    font-size: 50px;
    color: #7a1316 !important;
}

form {
    padding: 8px !important;
}

.contact-form1 {
    border: 1px solid#f2f2f2;
    padding: 0px 13px;
    /* box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); */
    margin: 0px 0px;
}

.contact-form2 {
    /* border: 1px solid#f2f2f2; */
    padding: 15px;
    margin: 20px 0px;
    margin-top: 0px;
    color: #1b3864;
}

.contact-form2 h3 {
    margin-left: 15px;
}

.contact-form2 p {
    margin-left: 15px;
    margin-top: 10px;
    font-size: 17px;
}

.contact-form2 input {
    border-radius: 0px !important;
    height: 40px;
    padding: 10px 10px;
    color: #1b3864 !important;
    border: 1px solid #afafaf;
    background: transparent;
    margin-top: 10px;
}

.contact-form2 .custom-file input {
    border-radius: 0px !important;
    height: 40px;
    padding: 10px 10px;
    color: #1b3864 !important;
    border: 1px solid #afafaf;
    background: transparent;
}

.contact-form2 select {
    border-radius: 0px !important;
    height: 40px;
    padding: 10px 10px;
    color: #1b3864 !important;
    border: 1px solid #afafaf;
    background: transparent;
    width: 100%;
}

.contact-form2 textarea {
    border-radius: 0px !important;
    width: 100%;
    resize: vertical;
    height: 100px;
    color: #1b3864 !important;
    padding: 15px 10px;
    background: transparent;
    border: none;
    border: 1px solid #afafaf;
}

.contact-form2 .send {
    text-align: center;
}

.contact-form2 button {
    padding: 5px 25px;
    text-align: center;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    font-size: 18px;
    color: #fff;
    border: 1px solid #f1592a;
    background: #f1592a;
    transition: all 0.5s ease;
}

button:hover {
    color: #f1592a;
    background-color: #fff;
    border: 1px solid #f1592a;
}

/* contact */

/* form */

/* footer */

.bg-black {
    position: relative;
    color: #fff;
    background: #22196d;
    margin-top: 50px;
}

.bg-black .pdr30 img:hover {
    transform: scale(1.2);
    transition: all 1s ease-in-out;
}

.bg-black::before {
    position: absolute;
    content: '';
    top: -85px;
    right: 10px;
    border-bottom: 85px solid #1b3864;

    z-index: 999;
}

.bg-black a {
    color: #fff !important;
}

.bg-black .link {
    padding: 0px 40px;
    margin-top: 0px;
    transition: all 1s ease;
}

.bg-black .link p:hover a {
    color: #00bbf0 !important;
    transition: all 1s ease;
}

.bg-black .link h5 {
    padding: 0px 40px;
}

.bg-black h5 {
    font-weight: 500;
    color: #00bbf0;
}

.bg-black img {
    height: 140px;
    width: auto;
}

.bg-black .add {
    padding: 10px 20px;
}

.bg-black .news {
    padding: 10px 20px;
}

.bg-black .news input {
    padding: 5px 10px;
}

.bg-black .news i {
    padding: 10px 15px;
    background: #7a1316;
    color: #fff;
    margin-left: -5px;
}

.bg-black p {
    margin-bottom: 0px;
}

.design {
    float: right;
}

.icon ul {
    padding: 0px 5px;
}

.icon li {
    display: inline-block;
    padding: 0px 8px;
    font-size: 16px;
    transition: all 0.5s ease;
    color: #fff;
}

.icon li .fa {
    color: #fff;
}

.icon li:hover .fa {
    color: #BF1E2D !important;
    transform: scale(1.1);
    transition: all 0.5s ease;
}

.icon1 {
    padding: 0px 5px;
    margin-top: 20px;
}

.icon1 li {
    display: inline-block;
    padding: 5px 8px;
    font-size: 16px;
    transition: all 0.5s ease;
    color: #fff;
    background: #0072b8;
}

.icon1 li .fa {
    color: #fff;
}

.icon1 li:hover .fa {
    color: #BF1E2D !important;
    transform: scale(1.1);
    transition: all 0.5s ease;
}

/* footer */

/* bottomstrip */

.bottomstrip {
    background: #000;
    color: #fff;
}

.bottom-left p {
    text-align: left !important;
}

.bottom-left p {
    text-align: left !important;
}

.bottom-left p a {
    color: #fff !important;
    font-weight: bold;
}

footer {
    padding: 0px;
}

.socen {
    text-align: left;
    padding: 15px 10px;
}

.socen ul {
    list-style-type: none;
    padding: 0px;
}

.socen li {
    display: inline-block;
    padding-right: 5px;
    background: transparent !important;
}

.socen li i {
    color: #fff !important;
    /* border:1px solid #fff; */
    background: transparent !important;
    padding: 5px 4px;
    transition-delay: 0.5s;
    transition: all 0.5s ease;
}

.socen li .fa-facebook {
    padding: 5px 9px;
}

.socen li .fa-twitter {
    padding: 5px 6px;
}

.socen li .fa-instagram {
    padding: 5px 6px;
}

.socen li:hover i {
    color: #243676 !important;
    /* border:1px solid #214be2; */
}

/* bottomstrip */

/* .animated {
            -webkit-animation-duration: 8s;
            animation-duration: 8s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-200%);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateY(-200%);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
         .fadeInLeft {
         -webkit-animation-name: fadeInLeft;
         animation-name: fadeInLeft;
         }  */

/* .animated1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeInRight {
    0% {
       opacity: 0;
       -webkit-transform: translateX(-30px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateX(0);
    }
 }
 
 @keyframes fadeInRight {
    0% {
       opacity: 0;
       transform: translateX(-30px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
 } */

/* .fadeInLeft {
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
 }  */

/* .animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  } */

/*=== Optional Delays, change values here  ===*/

/* .one {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
  }
  
  .two {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
  }
  
  .three {
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  animation-delay: 2.3s;
  }
  
  .four {
  -webkit-animation-delay: 3.3s;
  -moz-animation-delay: 3.3s;
  animation-delay: 3.3s;
  } */

/*=== Animations start here  ===*/

/*=== FADE IN  ===*/

/* @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  
  

  /*=== FADE IN DOWN ===*/

/* @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  } */

/*==== FADE IN UP ===*/

/* @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  
  /*=== FADE IN LEFT ===*/

/* @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
   */

/*==== FADE IN RIGHT ===*/

/* @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  } */

.animatable {
    /* initially hide animatable objects */
    visibility: hidden;
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/* show objects being animated */

.animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }
    1% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-30px);
    }
    1% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-30px);
    }
    1% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    1% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    0% {
        opacity: 0;
    }
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    60% {
        -webkit-transform: translateX(20px);
    }
    80% {
        -webkit-transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    60% {
        -moz-transform: translateX(20px);
    }
    80% {
        -moz-transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateX(20px);
    }
    80% {
        -o-transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        transform: translateX(20px);
    }
    80% {
        transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    60% {
        -webkit-transform: translateX(-20px);
    }
    80% {
        -webkit-transform: translateX(5px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    60% {
        -moz-transform: translateX(-20px);
    }
    80% {
        -moz-transform: translateX(5px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    60% {
        -o-transform: translateX(-20px);
    }
    80% {
        -o-transform: translateX(5px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        transform: translateX(-20px);
    }
    80% {
        transform: translateX(5px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }
    1% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(30px);
    }
    1% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(30px);
    }
    1% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    1% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
    }
    1% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    1% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-30px);
    }
    1% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    1% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
    }
    1% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(30px);
    }
    1% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(30px);
    }
    1% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    1% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
    50% {
        -moz-transform: scale(1.05);
    }
    70% {
        -moz-transform: scale(.9);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }
    50% {
        -o-transform: scale(1.05);
    }
    70% {
        -o-transform: scale(.9);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes moveUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes moveUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes moveUp {
    0% {
        opacity: 1;
        -o-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes moveUp {
    0% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeBgColor {
    0% {
        background: none;
    }
    70% {
        background: none;
    }
    100% {
        background: #464646;
    }
}

@-o-keyframes fadeBgColor {
    0% {
        background: none;
    }
    70% {
        background: none;
    }
    100% {
        background: #464646;
    }
}

@keyframes fadeBgColor {
    0% {
        background: none;
    }
    70% {
        background: none;
    }
    100% {
        background: #464646;
    }
}

.animated.animationDelay {
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

.animated.animationDelayMed {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.animated.animationDelayLong {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.animated.fadeBgColor {
    -webkit-animation-name: fadeBgColor;
    -moz-animation-name: fadeBgColor;
    -o-animation-name: fadeBgColor;
    animation-name: fadeBgColor;
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated.moveUp {
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp;
}

/* pageslide */

.pageslide {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 100px 0px;
    position: relative;
}

.pageslide-desc h1 {
    color: #fff !important;
    font-size: 50px;
    font-weight: bold;
    padding: 0px 30px;
}

.pageslide:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

.pageslide-desc {
    z-index: 1;
}

.pageslide-desc ul {
    background-color: transparent;
    padding: 0px 30px;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    text-align: left;
    margin-top: 20px;
}

.pageslide-desc ul li {
    display: inline-block;
    font-size: 25px;
    color: #fff !important;
    text-align: left;
}

.pageslide-desc ul li a {
    color: #fff !important;
    overflow: hidden;
}

.pageslide-desc ul li:hover a {
    font-weight: bold;
}

/* pageslide */

/* service */

.services p {
    text-align: justify;
    font-size: 14.1px;
}

.services h3 {
    font-weight: bold;
}

.services .ser-img1 {
    height: 520px;
    width: 100%;
    margin-top: 20px;
}

.services .ser-img2 {
    height: 400px;
    width: 100%;
    margin-top: 20px;
}

.services .ser-img3 {
    height: 700px;
    width: 100%;
    margin-top: 20px;
}

.services .ser-img img {
    padding: 0px 0px;
    border: 1px solid #1b3864;
    height: 375px;
}

.services .ser-img1 img {
    padding: 0px 0px;
    height: 505px;
}

.services .ser2 {
    padding: 20px 20px;
    background: #f2f2f2;
    color: #1b3864;
    position: relative;
    margin: 20px 0px;
}

/* .services .ser2::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.services .ser2 p {
    font-size: 14.1px;
    text-align: justify;
    color: #1b3864;
}

.services .ser4 {
    padding: 20px;
    background: #fff;
    color: #1b3864;
    margin-top: 20px;
    position: relative;
}

/* .services .ser4::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.services .ser4 p {
    font-size: 14.1px;
    text-align: justify;
    color: #1b3864;
}

.services .ser3 {
    padding: 20px 15px;
    background: #f2f2f2;
    color: #1b3864;
    position: relative;
    margin-top: 20px;
    /* border: 1px solid #1b3864; */
}

/* .services .ser3::before{
    position: absolute;
    content: '';
    bottom: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background: #1b3864;
    z-index: -1;
} */

.services .ser3 p {
    font-size: 14.1px;
    text-align: justify;
    color: #1b3864;
}

.services .ser-cont {
    margin: 25px 0px;
}

.aboutus .ser-cont .check {
    padding-right: 0px;
}

.services .ser-support {
    text-align: justify;
    background: #1b3864;
    color: #fff;
    border: 3px solid #fff;
    padding: 30px;
    margin-top: -70px;
}

.collapse .team-in {
    padding: 0px 20px;
}

.services .ser-support h1 {
    color: #fff;
}

.services .ser-support1 {
    text-align: justify;
    background: #f2f2f2;
    color: #1b3864;
    /* border: 3px solid #1b3864; */
    padding: 30px;
    margin-top: 20px;
}

.services .ser-support1 h1 {
    color: #1b3864;
    font-size: 25px;
}

/* service */

/* contactus */

.contact-info-section {
    position: relative;
    padding: 0px 0px 0px;
}

.contact-info-section .inner-container {
    position: relative;
    margin: 15px 0px;
    text-align: center;
    background: #1b3864;
    color: #fff;
    border: 3px solid #fff;
    padding: 30px;
    margin-top: -60px;
    margin-bottom: 30px;
}

.contact-info-section .inner-container .info-box {
    position: relative;
}

.contact-info-section .inner-container .info-box .box-inner {
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 30px 10px;
    min-height: 250px;
    transition: all 0.5s ease;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

.contact-info-section .inner-container .info-box .box-inner::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #f1592a;
    z-index: -1;
}

.contact-info-section .inner-container .info-box .box-inner:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.contact-info-section .inner-container .info-box .box-inner:before {
    position: absolute;
    content: '';
    right: -25px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    height: 100%;
    background-color: #ffffff;
}

.contact-info-section .inner-container .info-box .box-inner .icon {
    position: relative;
    color: #c9bdb9;
    font-size: 40px;
    line-height: 1em;
}

.contact-info-section .inner-container .info-box .box-inner h3 {
    position: relative;
    color: #f1592a;
    font-weight: 700;
    font-size: 24px;
    margin: 20px 20px;
    text-transform: uppercase;
}

.contact-info-section .inner-container .info-box .box-inner .text {
    position: relative;
    color: #000;
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
}

.contact-info-section .inner-container .info-box:last-child .box-inner:before {
    display: none;
}

.contact-info-section .inner-container .info-box .box-inner ul {
    position: relative;
    list-style-type: none;
    padding: 0px;
}

.contact-info-section .inner-container .info-box .box-inner ul li {
    position: relative;
    color: #000;
    font-size: 16px;
    margin-bottom: 5px;
}

/* contactus */

/* aboutus */

.aboutus h1 {
    font-weight: 700;
}

.aboutus {
    text-align: justify;
}

.aboutus .ser2 {
    padding: 15px 20px;
    background: #fff;
    color: #1b3864;
    position: relative;
    margin-top: 20px;
    margin-left: 10px;
}

/* .aboutus .ser2::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.services .ab-img1 {
    height: auto;
    width: 100%;
    margin: 95px 0px 0px 0px;
    /* margin-top: 20px; */
}

.aboutus .ab-img2 {
    height: 515px;
    width: 100%;
    margin: 15px 0px;
}

.services .ser11 p {
    font-size: 14.1px;
    text-align: justify;
    color: #1b3864;
}

.services .ser11 {
    padding: 13px 20px;
    background: #f2f2f2;
    color: #1b3864;
    position: relative;
    margin-top: 20px;
}

.services .ser11 h3 {
    font-size: 25px;
}

.services .ser11 h4 {
    font-size: 25px;
}

.services .ser3 h3 {
    font-size: 25px;
}

.services .ser3 h4 {
    font-size: 22px;
}

/* .aboutus .ser11::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.aboutus .about1 p {
    font-size: 15px;
    text-align: justify;
    color: #1b3864;
}

.aboutus .about1 {
    padding: 20px 30px;
    background: #1b3864;
    color: #1b3864;
    position: relative;
    margin-top: 20px;
    margin-left: 10px;
}

/* .aboutus .about1::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.aboutus .ser-support {
    text-align: justify;
}

.aboutus .ser-support h1 {
    font-size: 30px;
}

.aboutus h2 {
    font-size: 30px;
}

.aboutus .ser-support .ser-desc h4 {
    text-align: justify;
}

.aboutus .ser-support .ser-desc p {
    text-align: justify;
    margin-top: 20px;
}

.aboutus .ser-support .ser-desc {
    margin-bottom: 20px;
    margin-left: 100px;
    padding: 33px 30px;
    border: 1px solid #fff;
    margin-top: 20px;
    position: relative;
    background: #1b3864;
    color: #f1592a;
}

/* .aboutus .ser-support .ser-desc::before{
    position: absolute;
    content: '';
    top: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.aboutus .ser-support .ser-desc1 {
    margin-bottom: 10px;
    margin-right: 100px;
    padding: 30px 20px 55px 20px;
    border: 1px solid #fff;
    margin-top: 20px;
    text-align: center;
    position: relative;
    background: #1b3864;
    color: #f1592a;
}

.aboutus .ser-support .ser-desc1 img {
    height: 200px;
    width: auto;
}

/* .aboutus .ser-support .ser-desc1::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.aboutus .ser-support {
    text-align: left;
    background: #1b3864;
    color: #fff;
    border: 3px solid #fff;
    padding: 30px;
    margin-top: -70px;
}

.aboutus .ser-support p {
    font-size: 14.1px;
}

.aboutus .ser-cont {
    text-align: left;
    padding: 15px 40px 10px 40px;
    margin-top: 10px;
    position: relative;
    background: #f2f2f2;
    border: 1px solid #fff;
    color: #1b3864;
    text-align: justify;
}

.aboutus .ser-cont p {
    font-size: 14.1px;
}

.aboutus .ser-cont h4 {
    color: #1b3864;
    font-weight: bold;
}

/* .aboutus  .ser-cont::before{
    position: absolute;
    content: '';
    top: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.aboutus .ser-cont2 {
    text-align: left;
    color: #fff;
    padding: 20px 15px;
    margin-top: 20px;
    position: relative;
    background: #1b3864;
    border: 1px solid #1b3864;
    color: #000;
    text-align: justify;
}

.aboutus .ser-cont2 h4 {
    color: #f1592a;
    font-weight: bold;
}

/* .aboutus .ser-cont2::before{
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
} */

.aboutus .ser-cont1 {
    margin-bottom: 20px;
    padding: 15px 20px;
    border: 1px solid #1b3864;
    margin-top: 20px;
    text-align: center;
    position: relative;
    background: #fff;
}

.aboutus .ser-cont1 p {
    font-weight: 600;
    color: #1b3864;
}

.aboutus .ser-cont1 p a {
    font-weight: 600;
    color: #1b3864 !important;
}

/* .aboutus  h4{
    color: #f1592a;
    text-align: center;
    margin-top: 20px;
}  */

/* aboutus */

/* contact */

.mkcontact {
    padding: 30px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mkcontact h2 {
    text-align: center;
    font-weight: 600
}

.mkcontact h2 span {
    color: #f8791c
}

.bottom_contact i {
    color: #f8791c;
    float: left;
    font-size: 30px;
    margin-top: 5px;
    border: 1px dashed #f8791c;
    padding: 10px;
    margin-right: 20px;
}

.bottom_contact p {
    margin-bottom: 0;
    padding-left: 76px;
    margin-top: 6px
}

.bottom_contact p span {
    color: #f8791c;
    font-weight: 600
}

.bottom_contact h4 {
    color: #333;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    padding-left: 50px
}

.contact-form .form-control {
    outline: inherit;
    border-color: #e7e7e7;
    border-width: medium medium 1px;
    border-style: none none solid;
    background: transparent !important;
    border-color: -moz-use-text-color -moz-use-text-color #B89841;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 100%;
    line-height: 10px;
    box-shadow: none !important;
    border-radius: 0;
    margin-top: 10px
}

.contact-form h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #f8791c
}

.line2 {
    border-bottom: solid 2px #f8791c;
    width: 10%;
    margin-bottom: 20px;
    margin-top: 10px
}

iframe {
    border: 0
}

.bottom_contact ul li {
    list-style-type: none;
}

.bottom_contact ul li .fa {
    color: #f8791c;
}

.bottom_contact {
    padding: 30px;
    border: 2px solid #1b3864;
}

.bottom_contact {
    background: #1b3864;
    color: #000;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

.bottom_contact::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #1b3864;
    z-index: -1;
}

.bottom_contact .address {
    margin-left: 10px;
}

/* contact */

/*Map*/

.map {
    position: relative;
}

.map .overhd {
    position: absolute;
    left: 50%;
    top: 15%;
    transform: translate(-50%, -50%);
}

.map .overlay {
    position: absolute;
    top: 35%;
    right: 2%;
}

.map .overlay ul {
    list-style-type: none;
}

.map .overlay li {
    font-size: 24px;
    color: #0072b8;
}

.map .map-marker {
    position: absolute;
    top: 34%;
    left: 21%;
}

.map .map-marker2 {
    position: absolute;
    top: 40%;
    left: 25%;
}

.map .map-marker3 {
    position: absolute;
    top: 26%;
    left: 42%;
}

.map .map-marker4 {
    position: absolute;
    top: 48%;
    right: 28%;
}

.map .map-marker5 {
    position: absolute;
    bottom: 30%;
    right: 21%;
}

/* .map .map-marker-in{
    position:absolute;
    top:8%;
    left:17%;
    opacity:0;
    transition-delay:0.5s;
    transition:all 0.5s ease;
    z-index:999;
}
.map .map-marker-in h5  {
    padding: 5px;
    background:#fff;
    transition-delay:0.5s;
    transition:all 0.5s ease;
} */

.map .map-marker-in1 {
    position: absolute;
    top: 65%;
    right: 30%;
    opacity: 0;
    transition-delay: 0.9s;
    transition: all 1s ease;
    z-index: 999;
}

.map .map-marker-in1 a img {
    width: 50px;
    height: auto;
}

.map .map-marker-in1 h5 {
    padding: 5px;
    background: #fff;
    font-weight: bold;
    transition-delay: 0.5s;
    transition: all 0.5s ease;
}

/* .map .map-marker-in2{
    position:absolute;
    top:15%;
    left:22%;
    opacity:0;
    transition-delay:0.5s;
    transition:all 0.5s ease;
    z-index:999;
}
.map .map-marker-in2 h5  {
    padding: 5px;
    background:#fff;
    transition-delay:0.5s;
    transition:all 0.5s ease;
} */

.map .map-marker-in3 {
    position: absolute;
    top: 65%;
    left: 55%;
    opacity: 0;
    transition-delay: 1s;
    transition: all 1s ease;
    z-index: 999;
}

.map .map-marker-in3 a img {
    width: 50px;
    height: auto;
}

.map .map-marker-in3 h5 {
    padding: 5px;
    background: #fff;
    font-weight: bold;
    transition-delay: 1s;
    transition: all 1s ease;
}

/* .map .map-marker-in4{
    position:absolute;
    bottom:24%;
    right:14%;
    opacity:0;
    transition-delay:0.5s;
    transition:all 0.5s ease;
    z-index:999;
}
.map .map-marker-in4 h5  {
    padding: 5px;
    background:#fff;
    margin-top: 15px;
    transition-delay:0.5s;
    transition:all 0.5s ease;
} */

.map .map-marker:hover .map-marker-in,
.map .map-marker2:hover .map-marker-in2,
.map .map-marker3:hover .map-marker-in3,
.map .map-marker4:hover .map-marker-in1,
.map .map-marker5:hover .map-marker-in4 {
    opacity: 1;
}

.map i {
    color: #000;
    font-size: 24px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    padding-left: 5px;
}

.map h3 {
    position: relative;
    text-align: center !important;
    margin-bottom: 30px;
    color: #1b3864;
    font-size: 28px;
    font-weight: 600;
}

.pulse::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #e2772e;
    border-radius: 50%;
    transition: opacity .3s, transform .3s;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}

.pulse {
    overflow: visible;
    position: relative;
    z-index: 9;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: 0;
        transform: scale(1.5)
    }
    100% {
        opacity: 0;
        transform: scale(1.5)
    }
}

/*Map*/

/* sample */

.sample h3 {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    color: #1b3864;
    margin-bottom: 20px;
}

.sample .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    font-size: 70px;
    top: 50%;
    left: 2%;
    transform: translate(-50%, -50%);
    color: #1b3864;
    outline: none;
}

.sample .owl-carousel .owl-nav button.owl-prev:hover {
    outline: none;
}

.sample .owl-carousel .owl-nav button.owl-next:hover {
    outline: none;
}

.sample .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    font-size: 70px;
    top: 50%;
    right: -2%;
    color: #1b3864;
    transform: translate(-50%, -50%);
}

.sample .sample-caro img {
    border: 1px solid #1b3864;
}

/* sample */

/* bounce */

.stage {
    display: flex;
    height: 280px;
    width: 100%;
}

.box {
    align-self: flex-end;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    height: 190px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    width: 200px;
}

.box img {
    transform: rotate(45deg);
    height: 165px;
    width: auto;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-60px);
    }
    100% {
        transform: translateY(0);
    }
}

/* bounce */

.more-less {
    float: right;
    color: #fff;
}

.card-body li {
    text-align: justify;
}

.card {
    margin: 20px 0px;
}

.team-acc {
    padding: 0px;
    border: none;
    transform: scale(0.9);
    transition: all 1s ease;
}

.team-acc:hover {
    transform: scale(1.0);
    transition: all 1s ease;
}

.card-header {
    padding: 20px 20px;
    background: #1b3864;
    color: #fff;
}

.card-header a {
    color: #fff !important;
    font-size: 17px;
}