/* body style */

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

body , html{
    background-image: url(../img/Gold%20Egypt_0006_7.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: "bodoni-egyptian-pro";
    font-weight: 500;
    font-style: normal;
    margin: 0 !important;
}

/* jumbotron style */

.jumbotron {
    opacity: 0.50;
    color: #ffb301;
    background-image: url("../img/hello-img.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    margin: 0;
}

.caption {
    color: #ffb301;
    text-align: center;
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    display: block;
    opacity: 1;
    transition: opacity 1s;
    font-family: "bodoni-egyptian-pro";
    font-weight: 400;
    font-style: normal;
}

.caption span.hello-txt {
    background-color: #624b1c;
    padding: 20px;
    font-size: 50px;
    letter-spacing: 10px;
}

.caption:hover {
    transition: opacity 1s ease-in-out;
    opacity: 0;
}

.capt-dwn {
    color: #090909;
    position: absolute;
    bottom: 10%;
    width: 100%;
    left: 0;
    text-align: center;
    display: block;
    font-family: "bodoni-egyptian-pro";
}

.capt-dwn span.hello-dwn {
    padding: 15px;
    font-size: 30px;
    background-color: rgba(9,9,9,0.38);
    border-radius: 70px;
}

.hello-dwn:hover{
    color: #ffb301;
}

/* nav style */

.navbar {
    background-color: #1135a5;
    font-family: "bodoni-egyptian-pro";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
}

.navbar .navbar-brand {
    color: #ded18d;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: #ffb301;
}

.navbar .navbar-text {
    color: #ded18d;
}

.navbar .navbar-text a {
    color: #090909;
}

.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
    color: #ffb301; 
}

.navbar .navbar-nav .nav-link {
    color: #ded18d;
    border-radius: .25rem;
    margin: 0 0.25em;
}

.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #ffb301;
}

.navbar .navbar-nav .dropdown-menu {
    background-color: #1135a5;
    border-color: #ffb301;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: #ded18d;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #090909;
    background-color: #ffb301;
}

.navbar .navbar-nav .dropdown-menu .dropdown-divider {
    border-top-color: #ffb301;
}

.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #090909;
    background-color: #ffb301;
}

.navbar .navbar-toggler {
    color: #ded18d;
    border: none;
}

.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
    background-color: #ffb301;
    color: #090909;
}

.navbar .navbar-toggler .navbar-toggler-icon {
    color: #ded18d;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
    border-color: #ded18d;
}

.navbar .navbar-link {
    color: #ded18d;
}

.navbar .navbar-link:hover {
    color: #ffb301;
}


@media (max-width:460px){
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #ded18d;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #090909;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #090909;
        background-color: #ffb301;
    }
}

@media (max-width:650px){
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #ded18d;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #090909;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #090909;
        background-color: #ffb301;
    }
}

@media (max-width:960px){
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #ded18d;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #090909;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #090909;
        background-color: #ffb301;
    }
}

@media (max-width:1200px){
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #ded18d;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #090909;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #090909;
        background-color: #ffb301;
    }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ded18d;
}
    .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #090909;
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #090909;
    background-color: #ffb301;
}

.right-nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.right-nav, a {
    color: #ded18d;
}

.right-nav, a:hover {
    color: #fff;
}

/* heading & paragraph style */

h1 {
    color: #C45240;
}

.about-h1 {
    color: #54786a;
}

h2 {
    color: #54786A;
}

h3 {
    color: #d4A656;
}

h4 {
    color: #ffb301;
}

h5 {
    text-transform: uppercase;
}

p {
    font-size: 20px;
}

.txt-small {
    font-size: 20px;
    text-transform: uppercase;
    color: #c45240;
}

/* main style */

.space-txt {
    letter-spacing: 2px;
}

img[src$="icon.svg"] {
    margin: 10px auto;
    width: 130px;
    display: block;
    
}

.row1 {
    padding: 50px 0px;
    background-color: rgba(239,207,131,0.42);
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(239,207,131,0.42) 28.50%,rgba(239,207,131,0.82) 47.67%,rgba(239,207,131,0.42) 64.25%,rgba(255,255,255,0.00) 91.19%,rgba(255,255,255,0.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(239,207,131,0.42) 28.50%,rgba(239,207,131,0.82) 47.67%,rgba(239,207,131,0.42) 64.25%,rgba(255,255,255,0.00) 91.19%,rgba(255,255,255,0.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(239,207,131,0.42) 28.50%,rgba(239,207,131,0.82) 47.67%,rgba(239,207,131,0.42) 64.25%,rgba(255,255,255,0.00) 91.19%,rgba(255,255,255,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(239,207,131,0.42) 28.50%,rgba(239,207,131,0.82) 47.67%,rgba(239,207,131,0.42) 64.25%,rgba(255,255,255,0.00) 91.19%,rgba(255,255,255,0.00) 100%);
    
}

.abt-row2 {
    background-color: #54786a;
    height: 200px;
    background-image: url("../img/winged-scarab.png");
    background-attachment: fixed;
    background-position: top;
    background-size: 80%;
}

.row-abt {
    padding: 50px 0px 0px;
}

.row-abt h2 {
    color: #c45240;
}

.abt-contain {
    padding: 0px 15px 30px;
    background-color: rgba(239,207,131,0.62);
}

.abt-space {
    padding-bottom: 30px;
    padding-top: 40px;
}

.abt-card-gal {
    margin: 0px 10px 20px;
}

.abt-row3 {
    padding: 20px 0px 50px;
}

.card {
    padding: 2px;
}

h3.card-title {
    font-size: 25px;
    padding: 0px;
}

p.card-body {
    padding: 0px;
}

.main_cntnt {
    background-attachment: fixed;
    width: 100%;
    font-family: "bodoni-egyptian-pro";
    font-weight: 200;
    font-style: normal;
}

div.main_cntnt p {
    padding: 0px 15px;
}

.row2 {
    height: 200px;
    background-color: #c45240;
    background-image: url("../img/winged-scarab.png");
    background-attachment: fixed;
    background-position: top;
    background-size: 80%;
}
    
.row3 {
    padding: 100px 0px 50px;
}


.gallery{
    display: flex;
    justify-content: space-around;
}

div.img_gal{
    float: left;
    margin: auto 10px;
}

.clearfx {
    content: "";
    display: table;
    clear: both;
}

.img-row3 {
    border: 1px solid #54786a;
    padding: 5px;
    background-color: #b0744a;
    max-height: 875px;
}

.container {
    background-color: #54786a;
    border-radius: 20px;
}

.row4 {
    padding-top: 50px;
}

div.row4 h3 {
    color: #efcf83;
    font-weight: bold;
    font-style: italic;
}

div.row4 p {
    color: #090909;
}

.row6 {
    padding: 0px 0px 50px;
    margin-bottom: 50px;
}

div.form-contain {
    padding: 100px 0px;
    background-color: rgba(239,207,131,0.90);
    margin: 0;
}

#contct {
    margin:0;
    padding-left: 20px;
    padding-right: 20px;
}

.thankyou {
    padding: 50px;
    background-color: #ded18d;
    border-radius: 20px;
    margin-top: 70px;
}

/* footer style */

footer {
    background-color: #1135a5;
    padding: 40px 100px 0px;
    margin: 0;
}

footer.container-fluid {
    max-width: 95%;
}

.foot-contain {
    padding: 15px;
}

footer p {
    color: #ded18d;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
}

footer h5 {
    color: #ffb301;
}

img.img-footer {
    max-width: 65%;
}

.footer-last {
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* media queries */

@media screen and (max-width:460px){
    .caption span.hello-txt {
        font-size: 25px;
        font-weight: 500;
    }
    h1.display-4 {
        font-size: 23px;
        font-weight: 400;
    }
    .row-bdr {
        background-size: 50%; 
    }

}


@media screen and (max-width:650px) and (min-width:461px) {
    h1.display-4 {
        font-size: 33px;
        font-weight: 400;
    }
    .row-bdr {
        background-size: 50%;
        background-repeat: repeat;
    }

}

@media screen and (max-width:960px) and (min-width:651px) {
    h1.display-4 {
        font-size: 45px;
        font-weight: 400;
    }
    .row-bdr {
        background-size: 70%;
        background-repeat: repeat;
    }
}


@media screen and (max-width:1200px) and (min-width:961px) {
    .row-bdr {
        background-size: 75%;
        background-repeat: repeat;
    }
}

@media (max-width: 376px){
}