﻿.navbar-brand img {height: auto;width: 120px;}
element.style {display: inline;}


.rounded {border-radius: 0.25rem !important;}
.traveling-box {padding: 0px 5px 0px 5px;text-align: center;}
.traveling-box h3 {padding-top: 20px;line-height: 31px;}

.scroll-to-top {position: fixed;right: 15px;bottom: 15px;display: none;width: 50px;height: 50px;text-align: center;color: #fff;background: rgba(52, 58, 64, 0.5);line-height: 46px;}
.scroll-to-top:focus, .scroll-to-top:hover {color: white;}
.scroll-to-top:hover {background: #343a40;}
.scroll-to-top i {font-weight: 800;}
.hide{display:none;}

/*Login Page*/
.palne-img-area {position: absolute;top: 0px;right: -78px;}
.about .about-box p, .about .about-box .bg1{
    padding: 60px 25px;display: inline-block;margin: 50px auto;
    border-left: 15px solid #077f9b;border-right: 15px solid #0c1e43;border-radius: 5px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    background-position: 0 0, 0 100%; background-repeat: no-repeat;
    -webkit-background-size: 100% 20px; -moz-background-size: 100% 20px; background-size: 100% 20px;
    background-image: -webkit-linear-gradient(left, #077f9b 0%, #0c1e43 100%), -webkit-linear-gradient(left, #077f9b 0%, #0c1e43 100%);
    background-image: -moz-linear-gradient(left, #077f9b 0%, #0c1e43 100%), -moz-linear-gradient(left, #077f9b 0%, #0c1e434 100%);
    background-image: -o-linear-gradient(left, #077f9b 0%, #0c1e43 100%), -o-linear-gradient(left, #077f9b 0%, #0c1e43 100%);
    background-image: linear-gradient(to right, #077f9b 0%, #0c1e43 100%), linear-gradient(to right, #077f9b 0%, #0c1e43 100%);
}
.about .about-box p {font-size: 17px;line-height: 40px;color: #141012;position: relative;}
.about .about-box .bg1 {width: 1004px;max-width: 1004px;height: 408px;}


/*About Us*/
.titlepage {padding-bottom: 0px;}
.page-about {width: 100%;height: 100%;object-fit: cover;}


.about-text h1 {font-weight: 700;margin-bottom: 1rem !important;line-height: 1.2;color: #212121;}
.about-text p {font-size: 16px;}

.d-flex {display: flex !important;text-align: left;}
.d-flex img {width: 55px;height: 55px;margin: auto;}

.flex-column {flex-direction: column !important;}
.flex-shrink-0 {flex-shrink: 0 !important;}
.flex-column h5 {margin: 0px;font-size: 18px;color: #212121;margin-bottom: 10px;margin-top: 40px;}
.flex-column p {margin: 0px;color: #212121;font-size: 13px;display: none;}


.position-relative{position: relative !important;}
.position-absolute {position: absolute !important;}
.w-100{width:100%;}
.h-100{height:100%;}
.mr-3, .mx-3 {margin-right: 1rem !important;}
.mb-4, .my-4 {margin-bottom: 1.5rem !important;}
.align-items-center {align-items: center !important;}
.justify-content-center {justify-content: center !important;}

/*
    

           .titlepage {
            text-align: center;
            padding-bottom: 54px;
        }

            .titlepage h2 {
                padding: 0px 0px 20px 0px;
                font-size: 40px;
                font-weight: bold;
                color: #050303;
                line-height: 50px;
                text-transform: uppercase;
                position: relative;
                display: inline-block;
            }

                .titlepage h2::before {
                    right: 100%;
                    margin-right: 15px;
                }

                .titlepage h2::after {
                    left: 100%;
                    margin-left: 15px;
                }

                .titlepage h2::before,
                .titlepage h2::after {
                    content: "";
                    position: absolute;
                    height: 5px;
                    border-top: 3px solid #F78536;
                    top: 27px;
                    width: 149px;
                }
                .titlepage span {
    color: #0e0f10;
    font-size: 17px;
    line-height: 32px;
    display: inline-block;
    margin-bottom: 0px;
    display: block;
}
               

    .traveling-box{}
    
    .div-icon{margin: auto;
        width: 166px;height: 166px;
        border-radius: 50%;
        padding: 45px;
        background: #293345;
        color: #fff;
        border: 3px solid rgba(255,255,255,.8);
        transition: all .4s ease;
        -o-transition: .4s;
        -webkit-transition: .4s;}
    .div-icon img{width:75px;height:75px;}
    

*/
        

/*.traveling-box i{
        margin-top: 0px;
        font-size: 60px;
        width: 166px;height: 166px;
        border-radius: 50%;
        padding: 45px;
        background: #293345;
        color: #fff;
        border: 3px solid rgba(255,255,255,.8);
        transition: all .4s ease;
        -o-transition: .4s;
        -webkit-transition: .4s;
    }*/