.c_boxc1{
padding: 100px 0;
margin: 0;
height: 100vh;
display: flex;
align-items: center;
}
.about_bgert{
background: url(../img/bg1.jpg) #eae4e2;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
height: 100vh;
}
.bg_box{
margin: 0 auto;
text-align: center;
}
.first_text{
background: url(../img/im2.png);
background-size:contain;
background-repeat: no-repeat;
background-position: center;
padding:35px 0 100px 0;
margin: 10% 0 0 0;
display: flex;
align-items: center;
box-sizing: border-box;
}
.tg_box{
margin:0 auto;
}
.btext{
margin:0 auto;
text-align: center;
position:relative;
}
.btext:after{
content: "";
position: absolute;
top: 50px;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.btext:before{
content: "";
position: absolute;
top: 60px;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.btext:before{ display:none; }
.btext img{
width: 150px;
border-radius: 100px;
background: #000;
position: relative;
z-index: 9;
}
.bg_box h2{
font-size: 55px;
line-height: 65px;
font-weight:700;
padding:5px 0 9px 0;
margin: 0;
font-family: "Times New Roman", Times, serif;
color: #f6ce92;
background-image: linear-gradient(173deg, #f6ce92, #d4a460 49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
text-shadow: 0px 11px 1px rgb(0 0 0 / 3%);
}
/* .bg_box .list_1{
font-size: 70px;
line-height: 96px;
} */
.bg_box .gry{
position:relative;
display:block;
margin:15px 0;
margin-top:5px;
}
.bg_box .gry:after{
content: "";
position: absolute;
bottom: 0;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 84%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.bg_box ul{
padding:8px 0 8px 0;
margin: 0;
position:relative;
}
.bg_box ul:after{
content: "";
position: absolute;
top: 0;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 84%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.bg_box ul:before{
content: "";
position: absolute;
bottom: 0;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 84%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.bg_box ul li{
display:inline-block;
font-size:20px;
color: #fff;
line-height:20px;
padding:0px 10px 0 10px;
margin: 0;
position: relative;
}
.bg_box ul li:after{
position: absolute;
top: 10px;
right: -4px;
background: #fff;
width: 5px;
height: 5px;
border-radius: 100px;
content: "";
}
.bg_box ul li:last-child:after{ display: none; }
.bg_box h3{
font-size:20px;
color: #fff;
line-height:25px;
padding:15px 0 15px 0;
margin: 0;
}
.bg_box h6{
font-size:25px;
color: #fff;
line-height: 55px;
padding: 0px 0 0 0;
margin: 0;
}
.bg_box h6.dgre1{
position:relative;
color: #f4dca9;
line-height: 65px;
}
.bg_box h6.dgre1:before {
content: "";
position: absolute;
bottom: 0;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 84%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.bg_box h6.dgre1:after {
content: "";
position: absolute;
top: 0;
background: url(https://5fsnetwork.com/wp-content/uploads/2026/03/bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 84%;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.bg_box a{
position: relative;
z-index: 2;
overflow: hidden;
vertical-align: middle;
display: inline-block;
border: none;
text-transform: uppercase;
text-align: center;
border: #ba915d 3px solid;
color: #000000;
font-size:18px;
font-weight:700;
padding: 10px 40px;
min-width: 291px;
text-decoration: none;
background: linear-gradient(90deg, rgba(126, 81, 14, 1) 0%, rgba(246, 192, 112, 1) 50%, rgba(126, 81, 14, 1) 100%);
}
.input_bg_box{
position: relative;
z-index: 2;
overflow: hidden;
vertical-align: middle;
display: inline-block;
border: none;
text-transform: uppercase;
text-align: center;
border: #ba915d 3px solid;
color: #000000;
font-size:18px;
font-weight: 700;
padding: 10px 40px;
min-width: 291px;
text-decoration: none;
background: linear-gradient(90deg, rgba(126, 81, 14, 1) 0%, rgba(246, 192, 112, 1) 50%, rgba(126, 81, 14, 1) 100%);
}
.bg_box p{
font-size: 22px;
color: #f4dca9;
line-height: 29px;
padding: 0px;
margin: 15px 0;
display: block;
}
.bg_box .df{ margin-top:20px; }
.bg_box .optional_text {
width: 100%;
height: 50px;
background: rgba(255, 255, 255, 0);
border: 2px solid #ba915d;
border-radius: 5px;
font-size: 20px;
color: #fff;
line-height: 20px;
padding: 15px;
margin: 0 0 15px 0;
box-sizing: border-box;
border-style: outset;
}
.rt{
padding: 20px 0 0 0;
width: 80%;
margin: 0 auto;
}
.submit_1{
position: relative;
z-index: 2;
overflow: hidden;
vertical-align: middle;
display: inline-block;
border: none;
text-transform: uppercase;
text-align: center;
color: #000000;
font-size: 18px;
font-weight: 600;
padding: 12px 40px;
min-width: 240px;
border-radius: 30px;
margin-bottom:50px;
text-decoration: none;
background: linear-gradient(90deg, rgba(126, 81, 14, 1) 0%, rgba(246, 192, 112, 1) 50%, rgba(126, 81, 14, 1) 100%);
}
.timer {
margin:0 0 10px 0;
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 30px;
}
.timer div {
padding: 0 0 5px 0;
border-radius: 3px;
background: #000000;
display: inline-block;
font-family: Oswald;
font-size: 60px;
font-weight: 800;
width: 140px;
margin: 0 10px;
margin-top: 15px;
margin-bottom: 14px;
border: 1px solid #f4dca9;
border-style: outset;
color: #f6ce92;
text-shadow: 0px 11px 1px rgb(0 0 0 / 3%);
}
.timer .smalltext {
color: #ffecd0;
font-size: 15px;
font-family: Poppins;
font-weight: 500;
display: block;
width: auto;
border: none;
border-top: 1px solid #686868;
width: 100%;
margin: 0 auto;
padding: 6px 0 0 0;
text-transform: uppercase;
}
.timer #time-up {
margin: 8px 0 0;
text-align: left;
font-size: 14px;
font-style: normal;
color: #000000;
font-weight: 500;
letter-spacing: 1px;
}
.bg_box .error-message{
color: red;
}
.bg_box .success-message{
color: green;
}
@media (max-width:991px) {
.first_text { background-size: 100%;}
.bg_box h2 { font-size: 60px; line-height: 39px; padding: 0; font-family: times new roman;}
.bg_box ul { padding: 7px 0 7px 0;}
.bg_box ul li { font-size: 18px; line-height: 18px;}
.bg_box a { font-size: 16px; padding: 8px 28px; min-width: 229px; }
.bg_box .optional_text { height: 45px; font-size: 16px; line-height: 20px; padding: 10px; margin: 0 0 10px 0; }
.submit_1{ font-size: 16px; padding: 8px 28px; min-width: 229px; }
.btext img { width: 100px;}
.timer div { padding:8px; width: 80px; margin: 0px 5px; }
.bg_box p { font-size: 18px;}
.bg_box h6 { font-size: 23px; line-height: 26px;}
}
@media (max-width:767px) {
.first_text { background-size: cover; }
.btext img { width: 110px;}
.submit_1{ margin-bottom: 0; }
.bg_box p { font-size: 16px; }
.timer { margin: 0;}
.bg_box .ver{ margin: 6px 0;}
}
@media (max-width:500px) {
.bg_box h3 {font-size: 16px;}
.bg_box ul li { font-size: 17px; line-height: 18px; }
.timer div { font-size: 30px; width: 65px; margin: 0px 0px; }
.nb1{ margin: 0 0 10px 0 !important; }
}