*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
main{
    width: 100%;
    height: 750px;
    border: 1px solid;
    background-image: url(hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.size{
    width: 80%;
    margin: 0 auto;
}
.lang{
    width: 100%;
    height: 40px;
    background-color: #363a40af;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
}
.lang button{
    width: 50px;
    height: 30px;
    cursor: pointer;
    transition: .5s;
    border: none;
    margin: 3px;
    border-radius: 25px;
}
.lang button:hover{
    translate: 0 6px;
}
.lang button:first-child{
    background: url(https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/255px-Flag_of_the_United_States.svg.png) no-repeat center/cover;

}
.lang button:nth-child(2){
    background: linear-gradient(#fff 33.3%,blue 33.3% 66.6%,red 66.6% );
}
.lang button:last-child{
    background: linear-gradient(rgb(253, 3, 3) 33.3%,blue 33.3% 66.6%,rgb(255, 149, 0) 66.6% );
}
header{
    width: 100%;
    height: 80px;
    /* border: 1px solid white; */
    background-color:#363a40af;
    margin: 70px 0px;
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_item{
    width: 200px;
    height: 78px;
    /* border: 1px solid; */
}
.head_h2{
    font-family: raz;
    font-size: 30px;
    color: white;
    text-align: center;
    padding: 20px 5px ;
}
@font-face{
    src: url(SatinGownDemoRegular.ttf);
    font-family: raz;
}
nav{
    width: 80%;
    height: 78px;
    /* border: 1px solid; */
}
.menu{
    width: 80%;
    height: 78px;
    display: flex;
    justify-content: space-between;
    align-items: center; 
    gap: 10px;
}
.menu>li{
    list-style-type: none;
    cursor: pointer;
    text-align: center;
    width: 250px;
    height: 80px;
    border-bottom: 1px solid white;
    color: white;
    font-family: raz;
    padding: 24px 27px;

}
.menu>li:hover{
    color: rgb(255, 217, 0);
    transition: 1s;
    border-bottom: 1px solid rgb(255, 217, 0); ;
}
.menu1{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    left: 504px;
    display: none;
}
.menu1>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu1>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu1{
    display: block;
}
.menu2{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    left: 624px;
    display: none;
}
.menu2>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu2>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu2{
    display: block;
}
.menu3{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    left: 752px;
    display: none;
}
.menu3>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu3>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu3{
    display: block;
}
.menu4{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    left: 882px;
    display: none;
    z-index: 1;
}
.menu4>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu4>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu4{
    display: block;
}
.menu5{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    left: 999px;
    display: none;
    z-index: 1;
}
.menu5>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu5>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu5{
    display: block;
}
.menu6{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    right: 299px;
    display: none;
    z-index: 1;
}
.menu6>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu6>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu6{
    display: block;
}
.menu7{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 152px;
    right: 178px;
    display: none;
    z-index: 1;
}
.menu7>li{
    list-style-type: none;
    width: 105px;
    height: 40px;
    text-align: center;
    padding: 9px;
    margin: 3px;
    border: none;
    border-radius: 40px 20px;
    transition: .5s linear;
    text-transform: uppercase;
    font-size: 17px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    background-color:#363a40af;
    
}
.menu7>li:hover{
    background-size: 25px;
    color:rgb(255, 217, 0);
    border: 1px solid rgb(255, 217, 0);
    cursor: pointer;
    border-radius: 15px;
    translate: 2px -5px;

}
.menu>li:hover  .menu7{
    display: block;
}
.cont{
    width: 100%;
    height: 500px;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_item1{
    width: 500px;
    height: 500px;
    /* border: 1px solid white; */
}
.head_h3{
    color: white;
    font-family: cursive;
}
h1{
    color: white;
    font-size: 35px;
    font-family: raz;
    padding: 80px 5px;
}
.head_p{
    color: white;
    text-align: center;
    font-size: 20px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.head_but{
    width: 150px;
    height: 50px;
    background-color: rgb(255, 217, 0);
    margin:30px 30px;
    border-radius: 25px;
    border: none;
    color: white;
    text-align: center;
    font-family: cursive;
    font-size: 18px;
    cursor: pointer;
}
.head_item2{
    width: 500px;
    height: 500px;
    /* border: 1px solid white; */
    background-color:#363a4024;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
fieldset{
    width: 500px;
    height: 535px;
    border-radius: 25px;
    border: 3px solid white;
    overflow: hidden;
}
fieldset:hover{
    border: 3px solid #f8b600;
    cursor: pointer;
    transition: 1s linear;
    
}
legend{
    font: bold 32px cursive;
    padding: 0 20px;
    text-align: center;
    color: white;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    animation: anim 3s infinite;
    cursor: pointer;

}
legend:hover{
    color: #f8b600;
    transition: 1s;
}

@keyframes anim {
    50%{padding: 0 140px;}
    
}


.head_txt{
    width: 500px;
    height: 45px;
    border-radius: 25px;
    color: white;
    padding: 0 8px;
    background-color: #363a40af;
    border: 1px solid white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    position: relative;
    transition: 1s;
}
.head_txt:hover{
    border: 3px solid #f8b600;
    cursor: pointer;
    color: #f8b600;

}
.head_dat{
    width: 100px;
    height: 45px;
    border-radius: 25px;
    color: white;
    background-color: #363a40af;
    border: 1px solid white;
    position: absolute;
    bottom: 298px;
    right: 155px;
    transition: 1s ;
    
}
.head_dat:hover{
    border: 3px solid #f8b600;
    cursor: pointer;
    color: #f8b600;
}
.head_dat1{
    width: 100px;
    height: 45px;
    border-radius: 25px;
    color: white;
    background-color: #363a40af;
    border: 1px solid white;
    position: absolute;
    bottom: 213px;
    right: 155px;
    transition: 1s;

}
.head_dat1:hover{
    border: 3px solid #f8b600;
    color: #f8b600;
    cursor: pointer;
}
.head_num{
    width: 500px;
    height: 45px;
    border-radius: 25px;
    border: 1px solid grey;
    background-color: #363a40af;
    color:white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    transition: 1s;
}
.head_num:hover{
    border: 3px solid #f8b600;
    color: #f8b600;
    cursor: pointer;
}
section{
    width: 100%;
    height: 650px;
    /* border: 1px solid; */
}
.sec_h2{
    color: black;
    font-family: raz;
    font-size: 55px;
    text-align: center;
    padding: 50px 0;
}
.sec_p{
    color: grey;
    font-family: cursive;
    font-size: 18px;
    text-align: center;
}
.sec_cont{
    width: 100%;
    height: 350px;
    /* border: 1px solid; */
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.sec_item1{
    width: 350px;
    height: 350px;
    /* border: 1px solid; */
    background-image: url(d1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.sec_item1::after{
    content: '';
    width: 350px;
    height: 350px;
    background-color:#363a40af;
    position: absolute;
    top: 0;
    left: 350px;
}
.sec_item1:hover::after{
    transition: 1s linear;
    top: 0;
    left: 0;
    z-index: 1;

}
.sec_but{
    width: 145px;
    height: 45px;
    border-radius: 25px;
    background-color: rgb(255, 217, 0);
    color: black;
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    border: none;
    font-size: 19px;
    position: absolute;
    z-index: 5;
    bottom: 65px;
    left: 98px;
    opacity: 0;
}
.sec_item1:hover .sec_but{
    opacity: 1;
    transition: .5s .5s linear;
}
.sec_item2:hover .sec_but{
    opacity: 1;
    transition: .5s .5s linear;
}
.sec_item3:hover .sec_but{
    opacity: 1;
    transition: .5s .5s linear;
}
.sec_it_h2{
    color: white;
    font-family: raz;
    text-align: center;
    padding: 70px 0;
}

.sec_h3{
    color: white;
    font-family: cursive;
    text-align: center;

}
.sec_item2{
    overflow: hidden;
    width: 350px;
    height: 350px;
    /* border: 1px solid; */
    background-image: url(d2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    cursor: pointer;
    
}
.sec_item2::after{
    content: '';
    width: 350px;
    height: 350px;
    background-color:#363a40af;
    position: absolute;
    top: 0;
    left: 350px;
}
.sec_item2:hover::after{
    transition: 1s linear;
    top: 0;
    left: 0;
    z-index: 1;

}

.sec_item3{
    overflow: hidden;
    width: 350px;
    height: 350px;
    /* border: 1px solid; */
    background-image: url(d3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    cursor: pointer;
}
.sec_item3::after{
    content: '';
    width: 350px;
    height: 350px;
    background-color:#363a40af;
    position: absolute;
    top: 0;
    left: 350px;
}
.sec_item3:hover::after{
    transition: 1s linear;
    top: 0;
    left: 0;
    z-index: 1;

}
.sec_img{
    width: 350px;
    height: 350px;
}
.sec1{
    width: 100%;
    height: 850px;
    /* outline: 1px solid; */
    background-image: url(price-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.sec1_h2{
    color: black;
    font-family: raz;
    font-size: 55px;
    text-align: center;
    padding: 40px 0;
}
.sec1_p{
    color: grey;
    font-family: cursive;
    font-size: 18px;
    text-align: center;
}
.sec1_cont{
    width: 100%;
    height: 500px;
    /* border: 1px solid; */
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec1_item{
    width: 350px;
    height: 500px;
    /* border: 1px solid; */
    background-color: whitesmoke;
}
.sec1_h3{
    font-size: 23px;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.sec1_item1{
    width: 95%;
    height: 463px;
    border-top: 2px solid yellow;
    background-color: whitesmoke;
    margin: 5px auto;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.sec1_box{
    width: 100%;
    height: 40px;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-between;
    flex-direction: reverse;
}
.sec1_h4{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: grey;
    font-size: 17px;
    padding:5px 10px;
}
.sec1_but{
    width: 75px;
    height: 38px;
    border: none;
    color: black;
    background-color: #F9F9FF;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}
.sec1_but:hover{
    background-color: rgb(255, 217, 0);
    transition: .5s;
    cursor: pointer;
}
.sec2{
    width: 100%;
    height: 750px;
    /* outline: 1px solid; */
}
.sec2_h2{
    color: black;
    font-family: raz;
    font-size: 55px;
    text-align: center;
    padding: 40px 0;
}
.sec2_p{
    color: grey;
    font-family: cursive;
    font-size: 18px;
    text-align: center;
}
.sec2_cont{
    width: 100%;
    height: 400px;
    /* border: 1px solid; */
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.sec2_item{
    width: 290px;
    height: 400px;
    /* border: 1px solid; */
    display: flex;
    justify-content: center;
}
.sec2_item1{
    width: 290px;
    height: 200px;
    /* border: 1px solid; */


}
.sec2_img1{
    width: 290px;
    height: 200px;
    transition: all 0.5s ease 0s;
}
.sec2_img1:hover{
    transform: scale(1.03) rotate(-3deg);
    cursor: pointer;
}
.sec2_h3{
    color: black;
    font-size: 25px;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 15px 5px;
}
.sec2_h3:hover {
    color: yellow;
    cursor: pointer;
    transition: .5s;
}
.sec2_img2{
    width: 290px;
    height: 200px;
    transition: all 0.5s ease 0s;
}
.sec2_img2:hover{
    transform: scale(1.03) rotate(-3deg);
    cursor: pointer;
}
.sec2_img3{
    width: 290px;
    height: 200px;
    transition: all 0.5s ease 0s;
}
.sec2_img3:hover{
    transform: scale(1.03) rotate(-3deg);
    cursor: pointer;
}
.sec2_img4{
    width: 290px;
    height: 200px;
    transition: all 0.5s ease 0s;
}
.sec2_img4:hover{
    transform: scale(1.03) rotate(-3deg);
    cursor: pointer;
}
.sec2_p1{
    color: grey;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin:10px 5px;
}
::selection{
    background-color: #f8b600;
}
.sec3{
    width: 100%;
    height: 750px;
    /* outline: 1px solid; */

}
.sec3_h2{
    color: black;
    font-family: raz;
    font-size: 55px;
    text-align: center;
    padding: 40px 0;
}
.sec3_p{
    color: grey;
    font-family: cursive;
    font-size: 18px;
    text-align: center;
}
.sec3_cont{
    width: 100%;
    height: 450px;
    /* border: 1px solid; */
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sec3_item{
    width: 600px;
    height: 220px;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: reverse;
}
.klor{
    width: 50px;
    height: 50px;
    /* border: 1px solid; */
    border-radius: 50%;
    margin: 5px 5px;
}
.sec3_img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.sec3_box{
    width: 500px;
    height: 150px;
    /* border: 1px solid; */
}
.sec3_p1{
    color: grey;
    font-size: 17px;
    padding: 5px 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.sec3_h3{
    color: black;
    font-family: cursive;
    font-size: 22px;
    padding: 5px 10px;

}
.sec3_h3:hover{
    color: yellow;
    transition: .5s ;
    cursor: pointer;
}
.astx_cont{
    width: 500px;
    height: 25px;
    /* border: 1px solid; */
    display: flex;
    gap: 5px;
    align-items: center;
}
.astx{
    width: 25px;
    height: 25px;
    /* border: 1px solid; */
    background-color: yellow;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.astx:nth-child(4){
    background-color: grey;
}
.astx:nth-child(5){
    background-color: grey;
}

.astx1{
    width: 25px;
    height: 25px;
    /* border: 1px solid; */
    background-color: yellow;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.astx1:nth-child(5){
    background-color: grey;
}
.astx2{
    width: 25px;
    height: 25px;
    /* border: 1px solid; */
    background-color: yellow;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.sec4{
    width: 100%;
    height: 700px;
    /* outline: 1px solid; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec4_cont{
    width: 100%;
    height: 600px;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec4_item{
    width: 460px;
    height: 600px;
    /* border: 1px solid; */
    position: relative; 
}
.sec4_item1{
    width: 750px;
    height: 600px;
    /* border: 1px solid; */
    background-image: url(about-img.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.sec4_h2{
    color: black;
    margin: 15px 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 45px;
}
.sec4_p{
    color: grey;
    margin: 15px 5px;
    font-family: cursive;
    font-size: 18px;
}
.sec4_but{
    width: 300px;
    height: 50px;
    background-color: #222222;
    color: white;
    font-size: 20px;
    border: none ;
    font-family: cursive;
    position: absolute;
    bottom: 65px;
    left: 80px;
    
}
.sec4_but:hover{
    background-color:#f8b600;
    transition: 1s;
    cursor: pointer;

}
.sec5{
    width: 100%;
    height: 800px;
    /* outline: 1px solid; */
}
.sec5_h2{
    color: black;
    font-family: raz;
    font-size: 55px;
    text-align: center;
    padding: 40px 0;
}
.sec5_p{
    color: grey;
    font-family: cursive;
    font-size: 18px;
    text-align: center;
}
.sec5_cont{
    width: 100%;
    height: 510px;
    /* border: 1px solid; */
    margin: 25px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec5_item{
    width: 400px;
    height: 510px;
    /* border: 1px solid; */
}
.sec5_box{
    width: 400px;
    height: 300px;
    /* border: 1px solid; */
}
.sec5_img{
    width: 395px;
    height: 300px;
    transition: all 0.5s ease 0s;
}
.sec5_img:hover{
    transform: scale(1.03);
}
.sec5_but{
    width: 100px;
    height: 40px;
    margin: 10px;
    border: none;
    
}
.sec5_but:hover{
    background-color: #f8b600;
    transition: 1s;
    cursor: pointer;
}
.sec5_but1:hover{
    background-color: #f8b600;
    transition: 1s;
    cursor: pointer;
}
.sec5_but1{
    width: 120px;
    height: 40px;
    margin: 10px;
    border: none;
}
.sec5_h3{
    color: black;
    font-family: cursive;
    font-size: 20px;
    padding: 5px 5px;
}
.sec5_p1{
    color: grey;
    font-size: 17px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding:5px 5px;
}
.sec5_h4{
    color: black;
    font-size: 15px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 15px 5px;
}
footer{
    width: 100%;
    height: 500px;
    background-color: #04091E;
   
    display: flex;
    justify-content: center;
}
.foot_cont{
    width: 100%;
    height: 300px;
    border-bottom: 1px solid white;
    margin: 40px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_item{
    width: 300px;
    height: 300px;
    /* border: 1px solid white; */
    position: relative;
}

.foot_h5{
    color: white;
    font-family: cursive;
    padding: 15px 5px;
    font-size: 18px;
}
.foot_p2{
    color: grey;
    padding:10px 5px;
    font-size: 16px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.foot_cont1{
    width: 300px;
    height: 244px;
    /* border-bottom: 1px solid white; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.foot_box{
    width: 140px;
    height: 55px;
    /* border: 1px solid white; */
    text-align: center;
    color: grey;
    font-family: cursive;
    padding: 15px;
    
}
.foot_box:hover{
    color: #f8b600;
    transition: 1s;
    cursor: pointer;
}
.foot_p3{
    color: grey;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 15px 5px;
}
.inp_email{
    width: 250px;
    height: 40px;
    background-color: #04091E;
    border: 1px solid grey;
    margin: 10px 5px;

}
.ic{
    width: 40px;
    height: 40px;
    background-color: #f8b600;
    text-align: center;
    position: absolute;
    top: 153px;
    left: 254px;
    cursor: pointer;
    padding: 11px;
}
.foot_cont2{
    width: 300px;
    height: 244px;
    /* border: 1px solid white; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.foot_box1{
    width: 70px;
    height: 85px;
    /* border: 1px solid white; */
}
.foot_img{
    width: 70px;
    height: 85px;
}
.foot_cont3{
    width: 100%;
    height: 80px;
    /* border: 1px solid white; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_item3{
    width: 550px;
    height: 30px;
    /* border: 1px solid white; */
}
.foot_h6{
    color: grey;
    font-size: 13px;
    font-family: cursive;
}
.ic1{
    color: #f8b600;
}
.foot_item4{
    width: 300px;
    height: 30px;
    /* border: 1px solid white; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.icon{
    width: 25px;
    height: 25px;
    /* border: 1px solid white; */
}
.ic2{
    color: grey;
    padding: 5px 5px;
}
.ic2:hover{
    color: #f8b600;
    transition: 1s;
    cursor: pointer;
}