body{
    background-color: #fff;
}
section{
    padding: 0;
}
.dropdown-menu{
    min-width:300px;
}
/* .dropdown:hover .dropdown-menu {
    display: block;
} */
body{
    overflow-x: hidden;
}

p{
    word-break:break-word;
}
.footer{
    background: #2a2d32!important;
    padding: 0!important;
}
.footer-devider{
    width: 80px;
    border-bottom: .5px solid #fff;
}
.footer h4{
    color: #fff;
}
.footer a{
    color: #fff;
}
.footer a:hover{
    opacity:.8;
}
.footer li a{
    color: #fff;
    opacity:.8;
}
.footer li a:hover{
    opacity:1;
}
.powered-by{
    font-size: 12px;
    color: #fff!important;
    opacity:.6;
}
.powered-by > a:hover{
    text-decoration: none;
}
.copyright{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: end;
    height: 80px;

}
.copyright > p{
    color: white;
}
.copyright > a:hover{
    text-decoration: none;
}
.row{
    margin: 0px;
}
.main{
    height: 100vh;
}
.text-style{
    font-size:30px;
}
.text-black{
    color: #000;
}
.bg-dark{
    background: #2a2d32;
}
.logo{
    filter: drop-shadow(0 0 1px);
}
.other-first-section{

    margin-top: 55px;
}
.start-section{
    margin-top: 61px;
    min-height: 75vh;
    /* background: linear-gradient(180deg, #eeeeee, #fff); */
    display:flex;
    align-items: center;
    text-align: left;
}
.third-section{
    background: linear-gradient(180deg, #eeeeee, #fff 30%);
    display:flex;
    align-items: center;
}
.start-bg-1{
    position: absolute;
    left:0;
    height: 70vh;
    width: 50%;
    z-index: 0;
    background: url(img/for-bg-1.png);
    background-repeat: no-repeat;
    background-position:left;
}
.start-bg-2{
    position: absolute;
    right:0;
    height: 70vh;
    width: 50%;
    z-index: 0;
    background: url(img/for-bg-2.png);
    background-repeat: no-repeat;
    background-position: right;
}
.btn{
    border-radius:50px;
}
.card-board{
    border-radius:25px;
    height:120px;
}
.card-board > .row > .col-3{
    min-height:120px;
    display: flex;
    align-items: center;
    justify-content: center;
}        
.card-board > .row > .col-8 {
    align-self: center;
}
.card-board > .row > .col-8 > p{
    font-size:14px;
}
.start-section > .container >.row{
    flex-flow: wrap-reverse;
}
.second-section{
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eeeeee 50%, #eeeeee 100%);
}
.headers{
    border: 1px solid;
    width:fit-content;
    padding: 10px 15px;
    border-radius:25px;
    background: #fff;
}
.fourth-section{
    background:#2a2d32;
}
.fourth-bg{
    width: 100%;
    object-position: center;
    object-fit: fill;
}

.fourth-section p,h4,li,h5,h3{
    color: #fff!important;
    text-align: left;
}
.text-black {
    text-align: left;
    h4{
        color: #000!important;
        text-align: left;
    }
    p{
        color: #000!important;
        text-align: left;
    }
    ul{
        padding: 0;
    }
    li{
        color: #000!important;
    }
}
.fourth-section {
    color: #fff!important;
    text-align: left;
}
.fourth-section .card-header{
    border:none;
    cursor:pointer;
}
.fourth-section .accordion .card{
    background:transparent;
    color:#fff!important;
    border:none;
    box-shadow: #fff 0px 0px 3px 0px;
    margin-bottom: 1.5rem;
    border-radius: 25px 25px 25px 25px;
}
.contact-p{
    text-align: left;
}
.contact-p > a{
    color:#fff;
    opacity:.7;
    
}
.contact-p > a:hover{
    color:#fff;
    opacity:1;
    text-decoration: none;
}
.contact-p > a > i{
    width:30px;
}
h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400!important;
    color: #000;
}

ul li{
    color: #000;
}

.accordion > .card > .card-header > h5{
    color: #fff!important;
    text-align: left;
}
.accordion .card-body{
    text-align: left!important;
}

.footer h4{
    color: #fff!important;
}
.card{
    text-align: left;
}
.other-first-section > .container > .row a:not([href]){
    color: #007bff!important;
}
.nav-item{
    font-size: 14px;
}
.alert-primary{
    background-color: #eeeeee;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, .2);
    
}
.alert-primary > .row > .col-3 > i{
    color: #000!important;
}
.alert-primary > .row > .col-8 > strong{
    color: #000!important;
}

footer {
    .input-group > input{
        background: transparent;
        box-shadow: none;
        border: 1px solid rgba(255,255,255,.6);;
        color: #fff;
        border-left: none;
    }
    .input-group > input::placeholder{
        color:rgba(255,255,255,.6);
    }
    .input-group > input:focus{
        background: transparent;
        box-shadow: none;
        border: 1px solid rgba(255,255,255,.6);;
        color: #fff;
        border-left: none;
    }
    .input-group > .input-group-prepend > .input-group-text{
        background: transparent;
        color: #fff;
        border: 1px solid rgba(255,255,255,.6);;
        border-right: none;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    
}


.call-btn-index{
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #fff;
    background: #00a900;
    border-radius: 50%;
    cursor: pointer;
    bottom: 20px;
    left: 20px;
    position: fixed;
    z-index: 999;
}
.call-btn-index:hover, .call-btn-index:focus{
    color: #fff;
    background: #1b7f1b;
}

.chat-btn-index{
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #fff;
    background: #007bff;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    position: fixed;
    z-index: 999;
}
.chat-btn-index:hover, .chat-btn-index:focus{
    color: #fff;
    background: #0069d9;
}

.call-btn-index > i , .chat-btn-index > i{
    font-size: 32px;
}

.main-menu{
    position: fixed;
    background: #2a2d32;
    width: 100vw;
    height: 100vh;
    left: 0;
    opacity: 0;
    top: -150vh;
    margin-top: 55px;
    z-index: 1000;
    transition: all 1s;

}
.main-menu-opened{
    top: 0!important;
    opacity: 1;
    min-height: -webkit-fill-available;
    transition: all 1s;
}

.main-menu-link{
    color:#fff;
    display: block;
    margin: 1.2rem 0;
    font-size: 20px;
}
.main-menu-link:hover, .main-menu-link:focus{
    color: #fff;
    opacity: .6;
}
.main-menu-link > i {
    width: 25px;
}
.main-menu-bottom{
    margin-top: 2rem;
    width: -webkit-fill-available;
}
.main-menu-bottom > .col-6{
    padding: 0 .5rem;
}
.pop-message{
    position: absolute;
    bottom: 86px;
    right: 25px;
    width: 300px;
    background: #fff;
    color: #000;
    padding: 1.2rem 15px;
    border-radius: 15px 15px 0px 15px;
    border: 1px solid #000;
    text-align: left;
    z-index: 998;
}
.pop-message-triangle{
    content: "";
    position: absolute;
    margin-left: -0.5em;
    bottom: -17px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1px 16px 16px 16px;
    border-color: #000 #000 transparent transparent;
}
.pop-message-triangle::after{
    content: "";
    position: absolute;
    margin-left: -0.5em;
    bottom: -14px;
    right: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: #fff #fff transparent transparent;
}
.msg-divider{
    border-bottom: 1px solid #000;
    margin: 10px 0 ;
}
.pop-msg-close{
    cursor: pointer;
}
@media screen and (max-width: 767px){
    .pop-message{
        width: 200px;
    }
}
.msg-count-footer{
    position: absolute;
    left: -10px;
    border: .1px solid;
}