.container {
    max-width: 1500px;
}

img {
    max-width: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.header {
    background-image: url("../images/headerbg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

.header ul li {
    background-image: none;
}

.navarea {
    background-image: url("../images/navbg.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.header .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;

}

.header .nav-link .btn {
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
}

.header .navbar-light .navbar-nav .nav-link:hover,
.header .nav-link .btn:hover {
    color: #02bdb6;
    background-color: transparent;
    border-color: transparent;
}

.slider {
    padding-top: 374px;
    padding-bottom: 250px;
}

.slider h4 {
    color: #fff;
    font-size: 51px;
    font-weight: 600;
    text-transform: uppercase;
}

.slider h4 span {
    display: block;
}

.slider hr {
    border: 2px solid #fff;
    width: 507px;
}

.slider h6 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}

.slider .btn a {
    color: #000;
    font-size: 27px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #02bdb6;
    padding: 10px;

    border-radius: 34px;
}

.slider .btn a:hover {
    background-color: #5eddd5;
    text-decoration: none;
}

.slider .btn {
    margin-top: 30px;
}

.relive .pics img {
    border: 13px solid #fff;
    margin-top: -80px;
}

.relive {
    background-image: url("../images/logo2.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.relive h5 {
    color: #3d3d3d;
    font-size: 41px;
    font-weight: 600;
    text-transform: uppercase;
}

.relive .text hr {
    border: 3px solid #000;
    width: 100px;
    margin-left: 6px;
}

ul {
    list-style: none;
    padding-left: 0px;
}

ul li {
    background-image: url("../images/arrow.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    color: #747474;
    font-size: 22px;
    font-weight: 400;
    padding-left: 20px;
}

.relive .text {
    padding-top: 50px;
    padding-left: 50px;
}

.relive h6 {
    color: #3d3d3d;
    font-size: 33px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 20px;
}

p {
    color: #747474;
    font-size: 22px;
    font-weight: 400;
}

.tickarea h6 {
    color: #3d3d3d;
    font-size: 21px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 40px;
}

.tickarea h6 span {
    display: block;
}

.tickarea p {
    margin-bottom: 0px;
}

.tickarea {
    background-image: url("../images/tickareabg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

.how {
    padding-top: 50px;
    padding-bottom: 50px;

}

.how .imagearea {
    padding-left: 50px;
}

.how h5 {
    color: #3d3d3d;
    font-size: 41px;
    font-weight: 600;
    text-transform: uppercase;
}

.how hr {
    border: 3px solid #000;
    width: 100px;
    margin-left: 3px;
}

.how .listarea {
    padding-right: 50px;
}

footer {
    background-color: #004740;
    padding-top: 20px;
    padding-bottom: 10px;
}

footer h6 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.contact {
    background-image: url("../images/map.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

.contact h5 {
    color: #ffffff;
    font-size: 41px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact h6 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.contact {
    padding-top: 40px;
    padding-bottom: 40px;
}

.contact .mail {
    padding: 190px;
    padding-top: 50px;
    padding-bottom: 50px;

}

.contact .box {
    background-color: #fff;
    width: max-content;
}

.contact .box h4 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #02bdb6;
    padding: 6px;
    padding-left: 35px;
    padding-right: 35px;
    width: max-content;
}

.contact .box p {
    color: #383838;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.contact .box p span {
    display: block;
}

.contact .paratxt {

    padding: 10px;
    padding-bottom: 30px;

}

.contact .box img {
    position: absolute;
}

.navbar-light .navbar-toggler {
    color: #ffff;
    border-color: #fff;
}


/*about*/
.about .header {
    background-image: url("../images/abtbg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

.about .slider {
    padding-top: 80px;
}

.about .slider h6 span {
    display: block;
}

.about .relive {
    padding-top: 50px;
}

.about .relive .text {
    padding-top: 0px;
}

.about .relive {

    background-image: url(../images/logo2.png);
    background-position: 46% 32%;
    background-repeat: no-repeat;

}

.about .relive .description p {
    margin-top: 32px;
}

.about .relive .description {
    padding: 50px;
    padding-top: 0px;
    padding-right: 186px;
}

.modal-body {
    max-width: 450px;
    margin: auto;
}

.about .slider .btn, .modal-body button {
    color: #000;
    font-size: 27px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #02bdb6;
    padding: 10px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 34px;
    border-color: transparent;
}

.about .slider .btn :hover {
    background-color: #5eddd5;
    text-decoration: none;
}

.about .slider .btn {
    margin-top: 30px;
}

.about .modal-body {
    text-align: left;
}

.about .modal-footer {
    display: block;
    border-color: transparent;
}

.modal-title {
    text-align: center;
}

.about .modal-footer .btn-primary {
    border-radius: 0px;
    color: #fff;
    text-transform: capitalize;
    font-size: 27px;
    font-weight: 400;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.about .modal-header,
.header .nav-link .modal-header {
    border-bottom: transparent;
    display: inline;
}

.about .modal-header .close,
.header .modal-header .close {
    padding: 1rem 1rem;

    margin-right: 10px;
    margin-left: 10px;
    margin-top: -39px;
}

.about .modal-header h5,
.header .modal-header {
    font-weight: 400;
    color: #747474;
    font-size: 30px;
}

.about .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #5eddd5;
    border-color: transparent;
}

.modal-open .modal {
    background-color: rgba(51, 154, 147, 0.3);
}

.about .modal-footer .btn-primary:hover {
    background-color: #225c58;
}

.navbar-toggler {
    background-color: #fff;
}



















@media (max-width: 575.98px) {
    .contact .mail {
        padding: 40px;
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .contact .box h4 {
        color: #ffffff;
        font-size: 18px;
        width: auto;
    }

    .contact .box p {
        color: #383838;
        font-size: 15px;
    }

    .contact .box {
        background-color: #fff;
        width: auto;
    }

    .contact,
    .tickarea {
        background-size: cover;
    }

    .how .imagearea {
        padding-left: 15px;
    }

    .how h5 {
        color: #3d3d3d;
        font-size: 32px;
        margin-top: 35px;
    }

    .relive h6 {
        color: #3d3d3d;
        font-size: 23px;
    }

    .relive .text {

        padding-left: 15px;
    }

    .relive h5 {
        color: #3d3d3d;
        font-size: 25px;
    }

    .slider h4 {
        color: #fff;
        font-size: 30px;
    }

    .slider h4 span {
        display: inline;
    }

    .slider .btn a {
        color: #000;
        font-size: 20px;
    }

    .header {
        background-size: cover;
    }

    .slider {
        padding-top: 74px;
        padding-bottom: 60px;
    }

    .slider hr {
        border: 2px solid #fff;
        width: 300px;
    }

    .about .header {
        background-image: url(../images/abtbg.jpg);
        background-position: 30% top;
    }

    .about .slider {
        padding-top: 85px;
    }

    .about p {


        font-size: 16px;
    }

    .about .relive .description {
        padding: 10px;
        padding-top: 0px;
        padding-right: 10px;
    }

    .about .relive {
        padding-top: 30px;
    }

    .about .relive .description p {
        margin-top: 15px;
    }

    .about .modal-header h5 {
        font-weight: 400;
        color: #747474;
        font-size: 20px;
    }

    .about .slider .btn {
        color: #000;
        font-size: 17px;
    }

    .navbar-nav {
        text-align: right;
    }
}


@media (min-width: 576px) and (max-width: 767.98px) {
    .contact .mail {
        padding: 40px;
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .contact .box h4 {
        color: #ffffff;
        font-size: 18px;
        width: auto;
    }

    .contact .box p {
        color: #383838;
        font-size: 15px;
    }

    .contact .box {
        background-color: #fff;
        width: auto;
    }

    .contact,
    .tickarea {
        background-size: cover;
    }

    .how .imagearea {
        padding-left: 15px;
    }

    .how h5 {
        color: #3d3d3d;
        font-size: 32px;
        margin-top: 35px;
    }

    .relive h6 {
        color: #3d3d3d;
        font-size: 23px;
    }

    .relive .text {

        padding-left: 15px;
    }

    .relive h5 {
        color: #3d3d3d;
        font-size: 25px;
    }

    .slider h4 {
        color: #fff;
        font-size: 30px;
    }

    .slider h4 span {
        display: inline;
    }

    .slider .btn a {
        color: #000;
        font-size: 20px;
    }

    .header {
        background-size: cover;
    }

    .slider {
        padding-top: 74px;
        padding-bottom: 50px;
    }

    .about .relive .description {
        padding: 10px;
        padding-top: 0px;
        padding-right: 10px;
    }

    .about .modal-header h5 {
        font-weight: 400;
        color: #747474;
        font-size: 20px;
    }

    .about .slider .btn {
        color: #000;
        font-size: 20px;
    }

    .navbar-nav {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slider h4 {
        color: #fff;
        font-size: 40px;
    }

    .relive h5 {
        color: #3d3d3d;
        font-size: 28px;
    }

    .relive .text {
        padding-top: 50px;
        padding-left: 15px;
    }

    ul li {

        font-size: 17px;
    }

    .tickarea h6 {
        color: #3d3d3d;
        font-size: 16px;
    }

    .how h5 {
        color: #3d3d3d;
        font-size: 31px;
    }

    .contact .mail {
        padding: 50px;
    }

    .contact .box h4 {
        color: #ffffff;
        font-size: 20px;
    }

    .contact .box p {
        color: #383838;
        font-size: 17px;
    }

    .slider {
        padding-top: 200px;
        padding-bottom: 150px;
    }

    .contact .box {
        background-color: #fff;
        width: auto;
    }

    .contact .box h4 {
        color: #ffffff;
        font-size: 25px;

        width: auto;
    }

    .about .header {
        background-image: url(../images/abtbg.jpg);
        background-position: 37% top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .about .slider {
        padding-top: 60px;
    }

    .about p {

        font-size: 17px;
    }

    .about .relive {
        background-image: url(../images/logo2.png);
        background-position: 46% 20%;
    }

    .about .relive .description {
        padding: 50px;
        padding-top: 0px;
        padding-right: 50px;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .relive h6 {
        color: #3d3d3d;
        font-size: 28px;
    }

    p {
        color: #747474;
        font-size: 18px;
    }

    .contact .mail {
        padding: 80px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact .box {
        background-color: #fff;
        width: auto;
    }

    .contact .box h4 {
        color: #ffffff;
        font-size: 25px;

        width: auto;
    }

    .about .relive .text {

        padding-left: 15px;
    }

    .about .relive h5 {
        color: #3d3d3d;
        font-size: 36px;
    }

    .about .relive {
        background-image: url(../images/logo2.png);
        background-position: 46% 25%;
    }

    .about .relive .description {
        padding: 50px;
        padding-top: 0px;
        padding-right: 50px;
    }
}


@media (min-width: 1200px) {
    .navarea {

        background-size: cover;
    }

    .header {

        background-size: cover;
    }

    .contact {

        background-size: cover;
    }
}