.about{
    direction: rtl;
    text-align: right;
}
/*HEADER */


header{
    background-color: #fff;
}
header .row .namelog h2 a,header .row .namelog a{
    text-decoration: none;
    color: #62374e;
}
form.myform input[type=text] {
    padding: 8px;
    font-size: 15px;
    border: 1px solid #d9d9d9;
    border-radius: 0 3px 3px 0;
    float: right;
    width: 80%;
    background: #ffffff;
}

form.myform button {
    float: right;
    width: 20%;
    padding: 8px;
    background: #62374e;
    color: white;
    font-size: 15px;
    border: 1px solid #d9d9d9;
    border-radius: 3px 0 0 3px;
    border-right: none;
    cursor: pointer;
    transition: .4s;
}
form.myform button:hover{
    color: #62374e;
    background-color: #fff;
}

.headbut .b1{
    padding: 2px 15px;
    color: #62374e;
    border: 1px solid;
    border-color: #62374e ;
    border-radius: 3px;
    text-decoration: none;
    transition: .3s;
}
.headbut .b1:hover{
    color: #fff;
    background-color: #62374e;
    border: 1px solid #62374e;
    border-radius: 3px;
}
.headbut .b2{
    color: #000000;
}
.headbut .b3 {
    text-decoration: none;

}
.headbut .b3 i{
    color: rgb(0, 0, 0);
    font-size:22px;
    transition: .3s;
}
.headbut .b3 i:hover{
    color: #62374e;
}
.headbut .b3 span{
    color: #000000;
    font-size:10px;
    transition: .3s ease-in-out;
}
nav{
    border: solid;
    border-width: 1px 0 1px 0;
    border-color: silver;

}
#mycollapse1 ul li a {
    padding: 6px 30px;
    color: #000000;
    border: solid;
    border-width: 0 0 2px 0;
    border-color:transparent;
    transition: .3s;
}
#mycollapse1 ul li a:hover{
    border-color: #62374e;
}

.berger i{
    font-size: 22px;
}

/* NAVBAR */


.dropdowncontent{
    display: none;
    position: absolute;
    right: 0;
    width: 100%;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    z-index: 5;
}
.ddm:hover .dropdowncontent{
    display: inline-block;
}
.firstmenu ul{
    list-style-type: none;
}
.secondmenu{
    display: none;
    position: absolute;
    right: 350px;
    width: 100%;
    height: 100%;
    top: 0%;
    background-color: #fff;
}
.ddmm:hover .secondmenu{
    display: inline-block;
}
.firstmenu ul li{
    padding: 8px 2px;
}
.firstmenu ul li:hover{
    padding: 8px 2px;
    background-color: #62374e4b;
}

@media (min-width:768px){
    div.berger{
        display: none;
    }

}


.banner1{
    position: relative;
    height: 400px;
    background-image: url("../img/pana.svg") !important;
    background-position: center;
    background-color: rgba(130, 153, 154, 0.493);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.textbanner {
    position: absolute;
    bottom: 35px;
    right: 35px;
    left: 35px;
    padding: 10px;
    background-color: rgba(50, 43, 74, 0.95);
    color: rgb(218, 218, 218);
    border: 1px solid #62374e7a;
    border-radius: 8px;
}

.cardabout .card{
    height: 100%;
    text-align: center;
    border-radius: 8px;
}
.sellpanel{
    position: relative;
}
.imgpanel{
    position: absolute;
    bottom: 100px;

}

.fees{
    background-color: rgba(130, 153, 154, 0.493);
}
.feesbanner1{
    border: 1px solid #000000;
    border-radius: 0 4px 4px 0;
}
.feesbanner2{
    border: solid #000000;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0  0 4px;
}
.feestitr{
    font-weight: bold;
}
.info2{
    text-align: end;
}
.background{
    background-image: url("C:/Users/ALmas/Desktop/about/img/hydrangea-two-abstract-painting-linda-woods.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#next{
    background-color: #885d74;
    padding: 3px 4px;
    border-radius: 10px;
    display: inline-block;
}
/*--------------------- about -------------- */

@media screen and (max-width: 768px) {
    .b3 span{
        display: none;
    }
    .b3 .bx{
        display: none;
    }
    .search span{
        display: none;
    }
    .search i{
        font-size: 22px;
    }
    .picnavbar{
        display: none;
    }
    .dropdowncontent{
        display: none !important;
    }

    div.info1 {
        border-bottom: 1px solid grey;
        font-size: 14px;
    }
    div.info2 {
        text-align: right;
        font-size: 14px;
    }
    div.pic2,div.pic1 {
        display: none;
    }
    .xxx{
        color: whitesmoke;
    }
    .feestitr{
        font-size: small;
    }
    .cardabout .card{
        height: auto;
    }
    .banner1 {
        background-position: center;
        height: 65%;
    }

}