*{
    padding:0px;
    margin:0px;
    box-sizing:border-box;
}
body{
    /* background-color:black; */
}
header {
    width: 100%;
    /* background-color: blue; */
    /* border: 2px solid black */
    height: 55px;
    background-color: #05246b;
    position:fixed;
    z-index:999;
    
}

nav {
    /* border: 2px solid red; */
    display: flex;
    flex-wrap:wrap;
    width:100%;
    height:60px;
    align-items:center;
    /*justify-content: ;*/
    /* margin: 2px; */
    
}
.both{
    display:flex;
    width:80%;
    height:60px;
    align-items:center;
    /*border:2px solid red;*/
    justify-content:space-between;
    /*display:inline-block;*/
}
.center {
    /*flex: 0 0 60%;*/
    /*width:670px;*/
    /*margin-top:10px;*/
    /*height:68px;*/
    display:flex;
    /*border: 2px solid green;*/
    align-items: baseline;
    /*justify-content:left;*/
    /* margin: 2px; */
    /*display:inline-block;*/
}


.left {
    /*flex: 0 0 10%;*/
    width:150px;
     height: 50px; 
    /*border: 2px solid yellow;*/
    margin-left:20px;
    display:flex;
    align-items: center;
    justify-content: right;
    /* margin: 2px; */
    /*display:inline-block;*/
}

.left img {
    width: 100%;
    height: auto;
    /*position: relative;*/
    /*top: 0px;*/
    /*border:2px solid #fff;*/
    margin-top:10px;
}
.right{
    margin-top:5px;
    display:flex;
}

.tip {
    transition: all .3s ease;
    margin-top:5px;
    /*border:2px solid red;*/
    /*flex: 0 0 20%;*/
    /*width:300px;*/
    /*border: 2px solid blueviolet;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*display:inline-block;*/
    /*float:right;*/
}
.tip:hover{
    transform:scale(1.2);
    /*font-size:26px;*/
}
.right a {
    color: #05246b;
    /*color:white;*/
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    font-family: sans-serif;
    transition: all .3s ease;
    background-color: #c9e265;
    padding: 5px 20px;
    border-radius: 5px;
    margin-right: 20px;
    
}
.right a:hover{
    /*color:red;*/
    transform:scale(1.2);
}
#bars {
    display: none;
    font-size: 26px;
    color: #c9e265;
    font-weight: bold;
    cursor: pointer;
}

nav ul {
    width: 100%;
    height: 40px;
    list-style: none;
     /*border: 2px solid orangered; */
    display: flex;
    justify-content:left;
    align-items:flex-end;
    
}

nav ul .li {
    margin: 0px 10px;
    /*margin-top:20px;*/
    /* border: 2px solid; */
    /*padding: 23px 0px;*/
}
nav ul li{
    transition:all .1s ease;
    /*margin-top:18px;*/
    /*overflow:hidden;*/
    /*border:2px solid;*/
}
nav ul .lid:hover{
     /*overflow:hidden;*/
    /*padding-bottom:5px;*/
    /*background-color:#c9e265;*/
    transform:scale(1.1);
}
#home{
    margin-right:5px;
}
nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    font-family: sans-serif;
    position:relative;
    top:5px;
    transition: all .3s ease;
}

nav ul li a:hover {
    color: #c9e265;
    /* font-weight: 550; */
}


/*start sub menu ######################      ################################################################################################################# */
#service{
    /*position:relative;*/
    /*z-index:9999;*/
}
.sub-nav1{
    display:flex;
    justify-content:center;
    position:absolute;
    /*left:21%;*/
    top:50px;
    margin-left:10px;
    line-height:1;
    background-color: #05246b;
    height:130px;
    /*width:150px;*/
    visibility: hidden;
    transition:all .2s ease;
    opacity:0;

}

.sub-nav1 ul{
    display:block;
    height:110px;
    /*background-color:red;*/
    /*z-index:999;*/
}
.sub-nav1 > ul>li{
    display:block;
    margin:0px;
    padding:10px 5px;
    
    
}
.sub-nav1 > ul>li > a{
    font-size:16px;

    padding:2px 5px;
}
.sub-nav1 > ul>li > a:hover{
                background-color:#c9e265;
                color:#05246b;
                border-radius:5px;
}
.fa-angle-right{
    visibility:hidden;
    opacity:0;
    transition:all .2s ease;
}

#service:hover .sub-nav1{
    
    visibility: visible;
    opacity:1;
    top:55px;
    
    
}
 #sub-ul1{
    visibility:hidden;
    /*display:none;*/
    height:130px;
    background-color:#05246b;
    position:absolute;
    left:140px;
    top:0px;
    transition:all .3s ease;
    opacity:0;
    
    
}
#real-estate:hover .fa-angle-right{
    visibility:visible;
    opacity:1;
}
#real-estate:hover #sub-ul1{
    visibility:visible;
    left:145px;
    opacity:1;
}
.sub-ul{
    border-left:1px solid #fff;
    
}
.sub-li{
    /*position:relative;*/
    /*right:5px;*/
    margin-top:5px;
    padding:5px 10px;
    /*padding-left:5px;*/
}
.sub-li > a:hover{
                background-color:#c9e265;
                color:#05246b;
                border-radius:5px;
                padding:0px 5px;
}
#buy{
    position:relative;
}
.sub-buy{
    height:130px;
    background-color:#05246b;
    position:absolute;
    left:70px;
    top:-5px;
    transition:all .3s ease;
    opacity:0;
    visibility:hidden;
    /*border:1px solid red;*/
    

}
.sub-buy >ul{
    border-left:1px solid #fff;
}
.sub-buy >ul >li{
    /*border:1px solid;*/
    margin-top:5px;
    padding:5px 10px;
}
#buy:hover .sub-buy{
    visibility:visible;
    opacity:1;
    left:65px;
}

/*start second navbar #########################################################################################################################################*/
    .nav1{
        background-color:#05246b;
        margin-top:0px;
        width:100%;
        /*height:30px;*/
        position:fixed;
        bottom:0px;
        display:none;
        padding:10px;
    }
    .nav1>ul{
        display:flex;
        justify-content:center;
    }
    .nav1>ul>li{
        list-style:none;
        padding:5px 15px;
       transition: all .3s ease;
    }
    .nav1>ul>li:hover{
        transform:scale(1.2);
    }
    .nav1>ul>li>a{
                color: #05246b;
                text-decoration: none;
                font-size: 18px;
                font-weight: 700;
                font-family: sans-serif;
                
                background-color: #c9e265;
                padding: 5px 20px;
                border-radius:5px;
    }
/*end second navbar ###########################################################################################################################################*/

/*responsive*/

    @media screen and (max-width:1160px) {
    /*body {*/
    /*    background-color: #c9e265;*/
    /*}*/
    header{
        position:fixed;
        z-index:999;
    }
    .center {
        /* display: none; */
    }
    nav{
        flex-wrap:nowrap;
    }
    nav ul {
        /* display: block; */
        flex-direction: column;
        position: absolute;
        top: 50px;
        right: 0px;
        width: 45%;
        height: 100vh;
        background-color: #05246b;
        z-index:999;
         display: none; 
         /*transition:all .10s ease;*/
    }
    #home{
        margin-left:10px;
        /*background-color :#c9e265;*/
        
    }
    #home:hover{
        /*margin-left:38px;*/
        transform:scale(1.0);
        /*background-color:green;*/
    }
    nav ul li {
        margin: 10px 0px;

    }
    .center> ul >li:hover{
        /*margin-left:30px;*/
        transform:scale(1.0);
    }
    .book {
        display: none;
    }
    .bar-span {
        /*border: 2px solid #c9e265;*/
        /*padding: 5px;*/
        cursor: pointer;
    }
    #bars {
        display: block;
        margin-right:40px;
    }
    .sub-nav1{
        /*background-color:red;*/
        /*visibility:hidden;*/
        display:none;
        opacity:0;
        position:relative;
        top:0px;
        /*height:90px;*/
        transition:all .2s ease;
    }
    #service:hover .sub-nav1{
    display:block;
    /*visibility: visible;*/
    opacity:1;
    top:5px;
    
    /*z-index:900;*/
    
    
}
    .sub-nav1 ul{
        /*background-color:green;*/
        position:relative;
        top:0px;
        left:0px;
        /*height:90px;*/
        width:150px;
    }
    .sub-nav1 > ul>li{
        padding:10px 2px;
        /*background-color:red;*/
        
    }
             
    #sub-ul1{
    visibility:none;
    /*display:none;*/
    /*height:90px;*/
    background-color:#05246b;
    position:absolute;
    left:0px;
    top:0px;
    right:270px;
    transition:all .3s ease;
    opacity:1;
    /*z-index:999;*/
    background-color:yellow;
    display:none;
}
.nav1{
    display:block;
}


}
@media screen and (max-width:650px){
    .left{
        margin-left:30px;
    }
                #bars {
        margin-right:30px;
    }
    .nav1>ul{
        /*border:2px solid red;*/
        padding:0px;
    }
    
}
@media screen and (max-width:450px){
                .left{
                        margin-left:20px;
                     }
                #bars {
        margin-right:20px;
    }

    .nav1>ul>li{
        padding:5px 10px;
    }
    .nav1>ul>li:hover{
        transform:scale(1.1);
    }
    
}
@media screen and (max-width:360px){
                .nav1>ul>li>a{
                        /*padding:5px 10px;*/
                        font-size:16px;
            }
}
@media screen and (max-width:337px){
    .nav1>ul>li{
        padding:3px 5px;
    }
    .nav1>ul>li>a{
        padding:3px 7px;
        border-radius:3px;
        font-size:14px;
    }
    .sub-nav1 > ul>li{
        padding:5px 2px;
        /*background-color:red;*/
        
    }

}


/*responsive*/

/*open form start #######################################################################                         ####################################*/
.open-form{
    width:22%;
    
    background-color:rgb(18,34,157);
    /*border:2px solid yellow;*/
    padding:30px 5px;
    border-radius:0px 0px 10px 10px;
    position:fixed;
    top:60px;
    right:20px;
    z-index:999;
    display:none;
}
.open-form .close-form{
    font-size:40px;
    font-weight:bold;
    color:#c9e265;
    position:absolute;
    top:-10px;
    cursor: pointer;
    
}
.open-form .form{
    width:100%;
    /*border:2px solid red;*/
}
.form .form-input{
    width:100%;
    height:35px;
}
.form ::placeholder{
    padding-left:0px;
}
.form #submit{
    width:50%;
    display:block;
    margin:auto;
    background-color:#c9e265;
    border:none;
    border-radius:5px;
    font-size:20px;
    font-weight:bold;
    color:#05246b;
    /*padding:10px 10px;*/
}
@media screen and (max-width:1160px){
    .open-form{
        width:50%;
        height:40vh;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
        border-radius:0px;
        
    }
    .form .form-input{
        margin-top:10px;
    }
}
@media screen and (max-width:710px){
                .open-form{
                    width:250px;
                    /*top:60px;*/
                    /*border:2px solid;*/
                 }
}
@media screen and (max-width:320px){
    .open-form{
        height:43vh;
    }
}
/*open form start #######################################################################                         ####################################*/
/*section start   ########################### ################################# ####################*/ 
.section {
width: 100%;
height: 45vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
/*background-color: #333333;*/
/*border: 2px solid; */
}

.section .title {
color: #05246b;
font-weight: 700;
font-size: 30px;
font-family: sans-serif;
/*margin-bottom: 20px;*/
text-transform: lowercase;
margin-right:20px;
/*background-color:#12229d;*/
/*padding:5px 10px;*/
/*border-radius:0px 0px 10px 10px;*/
/*box-shadow: inset -0px -2px 5px #fff, 0px 2px 10px #fff;*/


}
.section .title .span{
color:#c9e265;
text-transform: capitalize;

}
.section .title span{
text-transform: capitalize;
}

/* .section .group {
/*border:2px solid green;
display: flex;
width: 40%;
height: 55px;
border-radius: 10px;
box-shadow: 0px 2px 4px 0px rgba(12, 18, 18, .4);

}


.search {
width: 100%;
height: 100%;
}

.search input {
width: 100%;
height: 100%;
border: 0px;
font-size: 18px;
padding: 0px 5px;
text-align:left;
color: #3e3e3e;
font-weight: 500;
border-radius: 20px 0px 0px 20px;
/*border: 2px solid; */
/*position:relative;*/
/*z-index:-1;
}
.search>::placeholder{
position:relative;
right:50px;
/*z-index:0;*/
/*margin-left:50px;*/
/*color:red;
}

.btn {
background-color: #c9e265;
width: 100px;
height: 100%;
border: 0px;
cursor: pointer;
border-radius: 0px 10px 10px 0px;
}

.btn .fa-search {
font-size: 28px;
transition: all .3s ease;
color: #12229d;
}

.btn .fa-search:hover {
color: #12229d;
transform: scale(1.3);
}

input,
button:focus {
outline: none;
}


/*responsive sentrion 
@media only screen and (max-width:1100px){
    .section .title{
        /*font-size:28px;
        margin-right:0px;
        /*color:red;
    }

}
@media only screen and (max-width:1000px){
.search input{
font-size:16px;

}
::placeholder{
font-size:16px;
/*color:red;
padding-left:10px;
}
}
@media only screen and (max-width:900px){
.section .title{
font-size:26px;
}
}
@media only screen and (max-width:800px){
.section .group{
width:60%;
}
}
@media only screen and (max-width:600px){
.section .group{
width:90%;
height: 50px;
border-radius: 5px;
}
.btn{
width:90px;
border-radius: 0px 5px 5px 0px;
}
.section .title{
font-size:24px;
}
}
@media only screen and (max-width:420px){
.section .title{
font-size:22px;
/*color:red;
}
}
@media only screen and (max-width:400px){
::placeholder{
font-size:10px;
/*color:red;
padding-left:30px;
}
.btn{
width:80px;
}
.section .group{
height: 40px;
}
}
@media only screen and (max-width:350px){
.section .group{
        width:90%;
        height: 35px;
     }
.section .title{
     font-size:20px;
     /*color:red;*/
     /*margin-left:5px;
    }
}

@media only screen and (max-width:300px){
.section .title{
font-size:19px;
/*margin:auto;
}
.btn{
width:70px;
}
/*.section .group{*/
/*    width:0%;

/*}
.btn .fa-search{
font-size:22px;
}
.btn .fa-search:hover {
transform: scale(1.1);
}

} */
.Ncontainer{
    /* border: 2px solid purple; */
    width: 100%;
    display: flex;
    justify-content: center;
    /* position: relative; */
    height: 50px;
}

.NNform{
    width: 40%;
    /* border: 2px solid red; */
    display: flex;
    /* position: absolute; */
    border-radius: 15px;
    box-shadow: 0px 1px 4px 0px rgba(6, 10, 131, 0.5);
}
.Nsearch{
    width: 100%;
    border: none;
    outline: none;
    padding-left: 5px;
    font-size: 18px;
    border-radius: 15px 0px 0px 15px;
}
.NNform > ::placeholder{
    padding-left: 5px;
    font-size: 18px;
    font-weight: bold;
}
.Nbtn{
    width: 90px;
    position: relative;
    padding: 0;
    margin:0;
    background-color: #c9e265;
    border:none;
    border-radius: 0px 15px 15px 0px;

}
#fa-solid{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #05246b;
    cursor: pointer;

}
@media screen and (min-width: 1500px){
    .NNform{
        width: 30%;
        /* border:2px solid ; */
    }
}
/* @media screen and (max-width: 1200px){
    .NNform{
        width: 50%;
        border:2px solid ;
    }
} */
@media screen and (max-width: 1100px) {
    .NNform{
        width: 45%;
    }
}
@media screen and (max-width: 980px) {
    .NNform{
        width: 50%;
    }
}
@media screen and (max-width: 860px) {
    .NNform{
        width: 60%;
    }
    .NNform > ::placeholder{
        font-size: 16px;
    }
}
@media screen and (max-width: 690px) {
    /* .NNform{
        width: 75%;
    } */
    .section .title{
        font-size: 26px;
    }
    .NNform > ::placeholder{
        font-size: 15px;
        font-weight: 200;
    }
}
@media screen and (max-width: 650px) {
    .NNform{
        width: 70%;
    }
    /* .section .title{
        font-size: 26px;
    } */
    /* .NNform > ::placeholder{
        font-size: 15px;
        font-weight: 200;
    } */
}
@media screen and (max-width: 540px) {
    /* .NNform{
         width: 100%; 
    } */
    .section .title{
        font-size: 24px;
    }
    /* .NNform > ::placeholder{
        font-size: 14px;
        font-weight: 200;
    } */
}
@media screen and (max-width: 500px) {
    .Ncontainer{
        height: 45px;
    }
    .NNform{
        width: 80%;
    }
    .section .title{
        font-size: 24px;
    }
    /* .NNform > ::placeholder{
        font-size: 14px;
        font-weight: 200;
    } */
}
@media screen and (max-width: 450px) {
    .Ncontainer{
        height: 40px;

    }
    .NNform{
        width: 85%;
        border-radius: 5px;
    }
    .section .title{
        font-size: 22px;
    }
    .Nsearch{

        border-radius: 7px 0px 0px 7px;
    }
    .NNform > ::placeholder{
        font-size: 12px;
        font-weight: 200;
    }
    .Nbtn{
        width: 70px;
        border-radius: 0px 5px 5px 0px;
    }

}
@media screen and (max-width: 360px) {
    .Ncontainer{
        height: 35px;
        /* border: 2px solid; */
        /* border-radius: px; */
    }
    .NNform{
        width: 90%;
    }
    .section .title{
        font-size: 18px;
    }
    #fa-solid{
        font-size: 26px;
    }

}
@media screen and (max-width: 330px) {
    .NNform{
        width: 93%;
    }
    .section .title{
        font-size: 18px;
    }
    #fa-solid{
        font-size: 22px;
    }
    .Nsearch{

        border-radius: 7px 0px 0px 7px;
    }
    .Nbtn{
        width: 55px;
    }

}
@media screen and (max-width: 300px){
    .NNform > ::placeholder{
        font-size: 10px;
    }
}
@media screen and (max-width: 270px){
    .section .title{
        font-size: 16px;
    }
}
/*section banner end ###########################   ##########################   ##################*/ 



/* <!-- buy rent sale container --> ########################################################################                   #############################*/

.buy-container-fluide {
/*background-color: rgb(229, 229, 229);*/
/*background-color: #000; */
height: 120px;
margin:20px 0px;
/*position:relative;*/
/*top:10px;*/
}

.posi-div {
position: relative;
bottom:5px;
}

.buy-container {
/*border: 2px solid #fff; */
width: 49%;
margin: auto;
height: 150px;
display: flex;
justify-content: center;
/* align-items: center; */
/*margin-bottom: 20px;*/
}

.buy-item {
/* border: 2px solid red; */
}

.buy-item .buy-div {
width: 100px;
height: 70px;
border: 2px solid #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: #05246b;
transition: all .3s ease;
box-shadow: inset -0px -2px 5px #fff, 0px 2px 10px #fff;
border-radius: 0px 0px 15px 15px;
margin-right:20px;
/*position:relative;*/
/*z-index:-1;*/
}

.buy-item .buy-div a {
text-decoration: none;
font-size: 30px;
/*padding: 25px 35px;*/
/*background-color: #12229d; */
color: #fff;
/*color:black;*/
font-weight: 900;
text-transform: capitalize;
font-family: sans-serif;
transition: all .5s ease;
/*text-shadow: 2px 1px 2px #fff;*/
}

.buy-item .buy-div:hover {
background-color: #c9e265;
transform: scale(1.2);
}

.buy-item .buy-div a:hover {
color: #05246b;
/*color:red;*/
font-size: 32px;
}

/*responsive buy-rent-sell*/
@media only screen and (max-width:800px){
.buy-container{
    width:60%;
}
}
@media only screen and (max-width:600px){
    .buy-container{
        width:90%;
        /*border:2px solid yellow;*/
    }

    .buy-item .buy-div {
                 width: 80px;
                 height: 60px;
                 margin:0px 10px;
            
                 }
    .buy-item .buy-div:hover{
        transform: scale(1.1);
    }
    .buy-item .buy-div a{
        font-size:24px;
    }
    .buy-item .buy-div a:hover{
        font-size:26px;
    }


}
@media only screen and (max-width:350px){
    .buy-container{
        /*margin-right:0px;*/
    }
                .buy-item .buy-div {
                        width: 70px;
                        height: 55px;
                         border-radius: 0px 0px 10px 10px;
                         margin:5px;
                        
                         }
                         
                 .buy-item .buy-div a{
                            font-size:18px;
                            /*padding: 10px 20px;*/
                             }
                .buy-item .buy-div a:hover{
                               font-size:20px;
                             }
}



/*section banner end #####################################          ###############################                  ###################################*/
.container-owl{
    width: 90%;
    margin: auto;
    /*border:2px solid red;*/
}
.item {
    width: 100px;
    height: 70px;
    box-shadow: 0px 0px 3px 0px #555;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: all .2s ease;
    margin: 10px 0px;
}
.item:hover{
    transform:scale(1.1);
}
#img{
    width: 90%;
    display: block;
    margin:auto;
}

@media only screen and (max-width:350px){
    .item{
        width:75px;
        height:57px;
    }
}
/*bulider end ################################################################################*/
/*footer start #####################################################################################*/
footer{
    /*margin-top:20px;*/
    background-color: #05246b;
    padding: 5px;
    font-family: serif;
    
}
.menu-container{
    width: 95%;
    /*height: 10vh;*/
    /*border-top: 1px solid #fff;*/
    /*border-bottom: 1px solid #fff;*/
    margin: auto
    
}
.menu-container >ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    /*align-items: center;*/
    padding:10px 0px;
    margin:5px 0px;
}
.menu-container >ul>li{
    list-style: none;
    padding:0px 10px;
    /*margin-top: 13px;*/

}
.menu-container >ul>li a{
    color: #fff;
    display: block;
    /*text-decoration: none;*/
    font-size: 18px;
    transition: all .2s ease;
    text-decoration:none;
    font-family: sans-serif;
    

}
.menu-container >ul>li a:hover{
    color: #c9e265;
}
   
.container-pr1{
    padding: 0px;
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap:wrap;
    /*flex-direction: column;*/
    /*align-items: center;*/
    justify-content: center;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
.container-pr1 .pr1{
    font-family: sans-serif;
    font-weight:100;
    font-size: 16px;
    color: #fff;
    text-align:left;
    width:450px;
    border-right:1px solid #fff;
    padding:2%;
    margin:0px;
    
}
.sprt-line{
    /*width:1px;*/
    /*height:100%;*/
    /*background-color:#fff;*/
}
.formDiv{
    width:350px;
    padding:2%;

}
.subscribe{
    color:#fff;
}
.subscribe-form{
    

}
.subscribe-form input{
    width:100%;
    background-color:#05246b;
    outline: none;
    margin: 0px;
    border:none;
    border-bottom:1px solid #fff;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top:10px;
    color:#fff;
    font-family: sans-serif;;
}
.subscribe-form ::placeholder{
    color:#fff;
    font-weight:lighter;
    font-family: sans-serif;;
    font-size:14px;
}
#submitsbr{
    width:100px;
    border:1px solid #fff;
    color:#fff;
    padding:3px 0px;
    transition:all .3s ease;
}
#submitsbr:hover{
    background-color:#c9e265;
    color:#05246b;
}
.container-icon{
    width: 95%;
    margin: auto;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;
    align-items: center;
    justify-content: flex-start;
    /*border:2px solid #fff;*/
    position:relative;
    top:-10px;
}
.container-icon ul{
    display: flex;
   
    margin-top: 0px;
    
}
#store-ul{
    display:flex;
     flex-wrap:wrap;
     align-items:center;
     margin-bottom:10px;
}
.container-icon ul .store{
    width: 120px;
    /*height:100px;*/
    margin: 5px;
    list-style: none;
    position:relative;
    top:10px;
    /*right:0px;*/
    /*border:2px solid red;*/
}

.container-icon ul .store img{
    width: 100%;
    height:100%;
    /*border:1px solid #fff;*/
    /*border-radius:8px;*/
    /*width:148px;*/
}
.container-icon ul .store a{
    display:block;
    border:1px solid #05246b;
    border-radius:8px;
    height:48px;
}

.social-icon{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.container-icon .icon-ul{
    /*border:2px solid red;*/
    /*width:100%;*/
    display:flex;
     flex-wrap: wrap;
    justify-content: center;
    /*margin-bottom:10px;*/
}
.container-icon ul .icons{
                list-style: none;
                margin: 0px 10px;
                color: #fff;
}
.container-icon ul .icons a{
    text-decoration: none;
    color: #fff;
    font-size: 30px;
}
#icon-d{
    margin-top:10px;
    border:2px solid red;
}
.container-icon ul .icons a:hover{
    color: #c9e265;
}
/*.copyrt{*/
/*    color:#fff;*/
/*    text-align:center;*/
/*}*/

#copyright{
        color:white; 
        font-size:14px; 
        position:relative;
        top:-9px;
}
#logo-ftr{
    width:210px;
    position:relative;
    /*top:-5px;*/
    /*border:2px solid red;*/
}
 #logo-ftr img{
    width:130px;
}
.followUs{
    color:#fff; 
    font-size:16px;
}
@media only screen and (max-width:1160px){
    footer{
        padding-bottom:40px;
    }
}
@media only screen and (max-width:1009px){
    
    .container-pr1{
        border-bottom:none;
    }

    .container-pr1 .pr1{
        border:none;
        width:100%;
    }
    .formDiv{
        width:100%;
        border-top:1px solid #fff;
    }
}
@media only screen and (max-width:600px){
.menu-container{
width:98%;
/*border:2px solid red;*/
}
.menu-container >ul{
/*border:2px solid green;*/
padding:0px;
justify-content: left;
}
.menu-container >ul > li{
/*padding:0px;*/
/*border:2px solid green;*/
text-align:left;
padding:0px 5px;
border-right:.5px solid #fff;
}
.menu-container >ul > li>a{
font-size:16px;
padding:0px 5px;

}
.container-pr1{
width:98%;
}
.container-icon{
width:98%;
/*border:2px solid red;*/
}
.container-icon ul .icons a{
font-size:26px;
}
.container-icon ul .icons a img{
width:130px;
}
.subscribe-form ::placeholder{
padding-left:0px;
}
.container-pr1 .pr1{
font-size:14px;
}

}
@media only screen and (max-width:540px){
    .container-icon ul .icons{
        margin:0px 5px;
    }
    
}
@media only screen and (max-width:480px){
.container-icon{
    align-items:flex-start;
}
.container-icon .icon-ul{
    justify-content:flex-start;
    
}
    .container-icon ul .icons{
        margin:0px 3px;
    }
}
@media only screen and (max-width:455px){
    .container-pr1 .pr1{
            font-size:12px;
    }
    .menu-container >ul > li>a{
            font-size:14px;
    }
    .container-icon ul .icons a{
                                font-size:20px;
                    }
    #copyright{
            font-size:12px;
            top:-6px;
            }
    #logo-ftr{
            width:165px;
            padding:0px;
            margin:0px;
            top:-2px;
    }
    #logo-ftr img{
        width:90px;
    }
    
}
@media only screen and (max-width:375px){


#store-ul{
        padding:0px;
}
.container-icon .icon-ul {
    position:relative;
    /*border:2px solid red;*/
    padding-left:5px;
    width:98%;
    margin-bottom:5px;
}
/*.container-icon ul .icons{*/
/*        margin:0px 3px;*/
/*    }*/
    .container-icon ul .icons a{
font-size:18px;
}

#copyright{
font-size:10px;
top:-5px;
}

#logo-ftr{
    width:145px;
    padding:0px;
    margin:0px;
    top:0px;
}
#logo-ftr img{
width:75px;
/*border:2px solid red;*/
}

    
.followUs{
    font-size:10px;
    /*color:red;*/
}
}
@media only screen and (max-width:320px){
    .container-icon ul .store{
                        width: 100px;
        }
        #logo-ftr{
            width:110px;
        }
 #logo-ftr img{
            width:60px;
         }
.container-icon ul .icons a{
            font-size:14px;
    }
.followUs{
    font-size:8px;
    /*color:red;*/
}
#copyright{
font-size:8px;
top:-4px;
}

}
@media only screen and (max-width:300px){
     .menu-container >ul > li>a{
                    font-size:16px;
                    padding:0px px;
                    /*color:red;*/

            }
}
@media only screen and (max-width:270px){

        #logo-ftr{
            width:100px;
            /*border:2px solid ;*/
        }
 #logo-ftr img{
            width:55px;
         }
}
@media only screen and (max-width:260px){
        .container-icon ul .icons a{
            font-size:13px;
    }
}


/*footer end #######################################################################*/

/*############################################################################################################################################################*/

/* (#*)#)*($#)*(3487298048502937840928734897328999999999999999999999999999999999999999999999999999999999999999999999999) */

/* style search page  */

.container1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
a{
    text-decoration: none;
}
.card1 {
    margin: 10px;
    max-width: 290px;
    height: 247px;
    /* border: 2px solid red; */
    position: relative;
    box-shadow: 1px 2px 5px 1px gray;
}

.img-card {
    width: 100%;
    cursor: pointer;
}

.img-card img {
    width: 100%;
}

.card-text {
    width: 200px;
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
    top: -50px;
    left: 5px;
}

.card-text h3 {
    font-size: 16px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 400;
}

.overlay {
    max-width: 290px;
    /* background-color: #173f63; */
    background-color: rgba(23, 63, 99, .95);
    height: 247px;
    /* border: 2px solid red; */
    position: relative;
    top: -115%;
    overflow: hidden;
    height: 0px;
    transition: all 0.5s ease;
    /*border:2px solid red;*/
}

.card1:hover .overlay {
    height: 247px;
}

.color-bronze {
    margin-top: 3px;
    text-align: center;
    font-size: 16px;
    color: #ccb497;
}


.overlay-text ul {
    /* text-align: left !important; */
    margin-left: 20px;
    max-width: 250px;
    list-style: disc !important;
    /* padding: 10px 20px 0px 25px !important; */
    /* line-height: 2px !important; */
    /* font-size: 12px !important; */
}

.overlay-text ul{
    list-style-type: disc;
}
.overlay-text ul li {
    color: #fff;
    margin-top: 0px;
    font-size: 12px;
    font-family: sans-serif;
    text-align:justify;
    margin-top: 10px;
    /* font-weight: 100; */
}

.overlay-text p {
    margin-top: 20px;
    text-align: center;
}

.overlay-text p a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #c9e265;
    font-weight: 400px;
}


/* container 1 end  */

.sprtr {
    width: 2px;
    background-color: #cea97c;
    height: 50px;
    margin: auto;
}

.animation {
    margin: 0px auto;
    width: 200px;
    height: 2px;
    background-color: #211c4b;
    animation: width 3s linear infinite;
    box-shadow: 1px 1px 2px 1px rgb(38, 47, 80);
}

@keyframes width {
    0% {
        width: 2px;
    }
    90% {
        width: 200px;
    }
    100% {
        width: 2px;
    }
}




/* Main content wrapper */
.main{
    padding-top:40px;
  display:flex;
  flex-direction:column;
}

/* Hero with image + overlay card */
.hero{
  position:relative;
  min-height:420px;
  background:#0e1630 url('https://images.unsplash.com/photo-1461717323580-7e3f0f7b4cdf?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hero::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(16,27,58,0.0) 0%, rgba(16,27,58,0.65) 65%, rgba(16,27,58,0.9) 100%);
}
.hero-card{
  position:relative;
  max-width:90%;
  margin:0 auto;
  padding:48px 24px;
  z-index:2;
  display:flex;
  align-items:flex-end;
  min-height:420px;
}
.card{
  background:rgba(27,40,80,0.88);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
  border-radius:14px;
  padding:28px 28px;
  width:100%;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
}
.card h2{
    color:#c9e265;
  margin:0 0 12px 0;
  font-size:28px;
  font-weight:700;
}
.card h3{
    color:#c9e265;
  margin:20px 0 8px 0;
  font-size:18px;
  font-weight:700;
  /*color:var(--muted);*/
}
.card p{
  margin:0 0 12px 0;
  color:#eef2ff;
  letter-spacing:1px;
}
.emph{font-weight:700}

/* Determination section */
.det-wrap{
  background:var(--navy);
}
.det{
  max-width:var(--maxw);
  margin:0 auto;
  padding:56px 24px 36px;
}
.det h2{
  font-size:40px;
  line-height:1.2;
  margin:0 0 12px 0;
  letter-spacing:.2px;
}
.det p.lead{
  color:#c9d3f5;
  margin:8px 0 24px 0;
}
.bullets{
  margin:14px 0 18px 18px;
  padding:0;
  color:#f5f7ff;
}
.bullets li{margin:6px 0 6px 4px}
.closing{margin-top:8px;color:#dfe5f2}

/* Stats bar */
.stats{
  background:var(--lime);
  color:#112;
  margin-top:22px;
  padding:22px 12px;
}
.stats .row{
  max-width:var(--maxw);
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.stat{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:18px 12px;
  border-radius:10px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(17,17,17,.06);
}
.stat .num{font-size:40px;font-weight:800;line-height:1}
.stat .label{margin-top:6px;font-weight:600;opacity:.95}

/* Footer spacer */
.spacer{height:40px}

/* Responsive */
@media (max-width: 980px){
  .card{padding:22px}
  .det h2{font-size:32px}
  .band{width:72px}
  .band .vertical{font-size:32px}
}
@media (max-width: 720px){
  .page{grid-template-columns:56px 1fr}
  .band .vertical{font-size:26px;letter-spacing:1px}
  .hero{min-height:380px}
  .hero-card{min-height:380px;padding:32px 18px}
  .card h2{font-size:24px}
  .det h2{font-size:28px}
  .stats .row{grid-template-columns:1fr}
  .stat .num{font-size:34px}
}