.arr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.arr img {
    width: 100px;
    height: auto;
    flex-shrink: 0;
}

.first
{
font-size: 28px ;
color: #ffffff;
text-align: center;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style: bold;
}
.first-main{
background-color: #ffb600;
padding: 50px;
margin-top: 25px;
}
h2.first{
    font-family:fantasy ;
}
.main-sub{
border:2px dashed white;
padding: 30px;


}
.first-sub{
text-align: center;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style: bold;
color:#132a7c;
font-size: 16px;
}
div.second{
justify-content: center;
text-align: center;
font-size: 15px;
color: #000000;
margin: 25px;

}
div.second-sub{
font-size: 15px;
color: #000000;
text-align: center;
margin: 25px;
justify-content: center;
}
h2.third{
color: black !important;
text-align: center;
margin-top: 70px;
margin-left: 17px;
margin-right: 17px;
}

h2.third{
padding-bottom:0;
margin-bottom:0;
}
hr.third-sub{
border: none;
height:7px;
background-color: #ffb600 !important;
align-items: center;
margin-left: 70px;
margin-right: 70px;
border-color:#ffb600 !important;

}
.third-main p{
text-align: center;
font-style: bold;
color:#000000;
font-size: 16px;
margin: 12px;

font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

justify-content: space-between;
gap:12px;
}

   
div.pro{
display:block;
justify-content: space-around;
text-align: center;
gap: 35px;

}
.write h3{
font-size: 21px;
justify-content: center;
color:#000000;
margin-top: 30px;

font-family: Georgia, 'Times New Roman', Times, serif;
}
u.under{
    font-family: montserrat, serif;
    font-size: larger;
    font-style:bold;
    text-transform: uppercase;

}
u
.pie{display: flex;
justify-content: center;
}

div.contact{
   margin-bottom: 120px;
}
hr.third-list{
border: none;
height:4px;
background-color: #ffb600 !important;
align-items: center;
margin-left:80px;
margin-right:80px;
border-color:#ffb600 !important;
}
.third-class p{
margin-bottom: 7px;
margin: 12px;
margin-top: 18px;
font-family:inherit;
padding: 12px;
font-size: 19px
}
.fourth h3{
text-align: center;
justify-content: space-around;
margin-top: 140px;
}
hr.third-list{
margin-bottom:none;
padding-bottom:none;

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

div.my{
text-align: center;
justify-content: center;
padding-bottom: 18px;
padding-top: 18px;

}
.my img{
border-radius: 20px;
width:280px;
height: 280px;

}

.my:hover{
    padding-top: 50px;
    padding-bottom: 20px;
}
p.click{
border-radius: 30px;
color: black;
background-color: white;

border:2px solid black;
text-transform: capitalize;
padding: 5px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.click a{
    color:#000000;
}

.click :hover{
    padding: 8px;

    color: green;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

hr.line{
background-color: black;
margin-right: 35px;
margin-left: 35px;margin-bottom:100px;
margin-top: 100px;
}
img.youtube{

justify-content: center;
text-align: center;
display: flex;
margin: 15px auto;


}
.youtube{
justify-content: center;
display: flex;
}
.contact{
text-align: center;
border:2px solid #ffb600;
margin-right:120px;
margin-left:120px;
font-size: 19px;
text-transform: capitalize;
padding: 12px;
}
button.fas{
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 15px auto;
display: flex;
padding: 15px;
color:white;
background-color: #ffb600;
border-radius: 20px;
}
.fas a{
    text-decoration: none;
    color:white;
}

img #loader{
    width: 4px;
}

.last{
display:block;


}
.nes{
display:block;
}
.quick{
display:block;
}

body{
margin:0;
padding:0;
}
.copy h3{
text-align: center;
justify-content: center;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
color:white;
background-color: #ffb600;
padding: 22px;
margin:0;
}


a{
display: block;

text-decoration: none;
}
.contact a{
color:#ffb600;
text-decoration: none;
}
.contact :hover{
padding: 20px;
background-color: green;
}
.under{
text-decoration: underline;
text-decoration-style: solid ;
text-decoration-color: #ffb600;
padding-bottom: 20px;
}

@media only screen and (max-width:768px){
div.pro{
display: block !important;
text-align: center;
justify-content: space-around;
color:#000000; }
hr.thrid-list{
border: none;
height:7px;
background-color: #ffb600;
align-items: center;
margin-left: 40px;
margin-right: 40px;
}
.fourth-list{ display: block !important;
text-align: center;
justify-content: space-around;
color:#000000; 
border-radius: 20px;}
p.click{
margin-left: 120px;
margin-right: 120px;
}

}


@media only screen and (min-width:991px){

footer.place{
display: flex;
justify-content: space-around;

}

div.arrn{
display: block;
}


.last hr{
visibility: hidden;
}

.place{
padding:50px;
}
.placement div{
display: flex;
justify-content: space-between;
padding-right: none;
margin-right: none;
gap: 30px;
}
input.name{
width: 115px;
padding: 15px;
margin-bottom: 30px;
margin-right: 12px;
}
input.phone{
width:115px;
padding:15px;
margin-bottom: 30px;
margin-left: 12px;
}
input.email{
width: 100%;
padding:15px;
margin-bottom: 30px;
}
textarea.mess{
width:100%;
}
input{
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
textarea{
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
button.submit{

width: 140px;
padding: 9px;
color:white;
background-color:#ffb600;
margin-top: 34px;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
footer div{
background-color: #1B273D;
display: flex;
justify-content: space-around;
}
div.contact{
margin-right:400px;
margin-left:400px;
padding: 12px;
}

}

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


footer div{
background-color: #1B273D;
align-items: center;
justify-content:center;
width: auto;
}

.placement div{

justify-content: space-between;
padding-right: none;
margin-right: none;
gap: 30px;
}
input.name{
width: 250px;
padding: 15px;
margin-bottom: 30px;
margin-right: 12px;
margin-left: 12px;
}
input.phone{
width:250px;
padding:15px;
margin-bottom: 30px;
margin-left: 12px;
margin-right: 12px;
}
input.email{
width:250px;
padding:15px;
margin-bottom: 30px;
margin-right: 12px;
margin-left: 12px;
}
textarea.mess{
width:275px;
margin-right: 12px;
margin-left: 12px;
}
input{
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
textarea{
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
button.submit{

width: 140px;
padding: 9px;
color:white;
background-color:#ffb600;
margin-top: 34px;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
margin-left:17px;
}
form{
justify-content: center;
}
.last h3{
margin-left:60px;
padding-top: 25px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-transform: uppercase;

}
.arrn{
margin-left:80px;


}
.nes{
margin-left:78px;
text-transform: uppercase;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}


.nes ul{

text-transform: capitalize;
}

button.cos{
  
 color: #ffb600;
}

div.arrn{
padding-bottom: 30px;
}
div.nes{
padding-bottom:12px;
}
.quick{
margin-left:33px;
text-transform: uppercase;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
form{
padding-bottom: 75px;
}
}