* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    font-family: Roboto, sans-serif;
}

a {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
a:hover {
    text-decoration: none;
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

p {
    font-size: 16px;
    color: #595959;
    line-height: 1.7;
}
ul li {
    font-size: 16px;
    color: #595959;
    line-height: 1.7;
}
button {
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 5px;
    border: 1px #ffffff solid;
    color: white;
    background: none;
    cursor: pointer;
}
button.button_1 {
    height: 38px;
    width: 130px;
    border: 1px white solid;
    margin: 0;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
}
a img:hover {
    opacity: 0.5;
    transition: 0.6;
}
button.button_1:hover {
    background: #0056a3;
    color: white;
}
.div-btn{
    width: 100%;
    float: left;
}
.div-btn .bttn{
    background: #fe871f;
    color: #fff;
}

/*Top Header */

#tophead {
    background: #fd7600;
    padding: 0;
    color: #fff;
    width: 100%;
    float: left;
}

#tophead .top_add {
    width: 100%;
    text-align: center;
}

#tophead .top_add .top_top {
    width: auto;
    padding: 5px 10px;
    display: inline-grid;
}

#tophead .top_add .top_content {
    text-align: center;
}
#tophead .top_add .top_content h5 i {
    font-size: 20px;
}
#tophead .top_add .top_content h5 a {
    color: #fff;
}
#tophead .top_add .top_content h5 a:hover {
    text-decoration: underline;
}
#tophead .top_add .top_content h5 {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#tophead .top_add .top_content p {
    margin-top: -25px;
    font-size: 17px;
    color: #fff;
    margin: 0;
}
#tophead .top_top .top_content a h5 {
    border: 2px #000 solid;
    padding: 8px 15px;
    border-radius: 20px;
    background: #000;
    color: white;
}
#tophead .top_top .top_content a h5:hover {
    border: 2px #fff solid;
    padding: 8px 15px;
    border-radius: 20px;
    background: none;
    color: #fff;
}

/*Top Header */
header {
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0;

}
/*End Header */

/*Logo Header */

header .logo img {
    padding: 0 90px;
    width: 21%;
    float: left;
    margin-top:0px;
}
/*End Logo Header */

/*Sticky */
.sticky {
    position: fixed;
    top: 0;
    background-color: #e4e4e4;
    left: 0;
    width: 100%;
    z-index: 250;
    box-shadow: rgba(0, 0, 0, 0.45) 0 25px 20px -20px;
}

header nav {
    position: relative;
    float: right;
    padding: 0 90px;
    z-index: 900000000;
}
header nav ul {
    float: right;
    list-style-type: none;
    margin-top: 0;
    padding: 0;
}
header nav ul li {
    display: inline-block;
    line-height: 30px;
    margin-top: 15px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menu3 a i {
    margin-left: 15px;
}
header nav ul li span h5 {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
}
header nav ul li span h5 a {
    background: #000;
    padding: 5px 20px;
    color: #fd7600;
    margin: 0;
}
header nav ul li span a h5:hover {
    outline: none;
    border: none;
}

header nav ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 5px 20px;
    border-radius: 20px;
    border: none;
    outline: none;
    border: 1px #e4e4e400 solid;
}
header nav ul li a:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    color: #fd7600;
}
header nav ul li a:hover {
    border: 1px #fd7600 solid;
    background-color: #fff;
}

header nav ul li a.current {
    border: 2px #fd7600 solid;
    color: #fd7600;
    border-radius: 20px;
    padding: 5px 20px;
}

header nav ul ul {
    position: absolute;
    width: 300px;
    line-height: 2;
    background: #f3f3f3;
    margin-top: 0;
    padding: 5px 7px;
    margin-left: -13px;
    text-align: left;
    display: none;
}

header nav ul ul li {
    display: block;
    margin-top: 5px;
    line-height: 25px;
}
header nav ul li:hover > UL {
    display: block;
    z-index: 10000;

}

.menu-toggle {
    width: 100%;
    padding: 5px 20px;
    background: #eee;
    text-align: right;
    cursor: pointer;
    box-sizing: border-box;
    color: #1b1b1b;
    font-size: 30px;
    display: none;
}
.menu-toggle p {
    color: #1b1b1b;
    margin-top: 0;
}
.menu-toggle p a {
    color: #1b1b1b;
    font-size: 32px;
    margin-right: 20px;
}

/* start home */

/*FlexSlider */
#FlexSlider {
    margin: 0;
    padding: 0;
    top: 0;
}

.slider1{
	float: left;
	width: 100%;
	position: relative;
	z-index: 5000;
  }
  .slider1:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgb(0, 0, 0) 50%, rgba(0,212,255,0) 100%);
	opacity: 0.6;
	z-index: -10;
  }
/* When the slider becomes active */
.flexslider .slides .flex-active-slide .flex-caption {
    opacity: 1; /* Make text visible */
    transform: translateY(0); /* Move text to its normal position (slide-up effect) */
}

/* Optional: Apply scaling effect on hover for a dynamic feel */
.flex-slider .flex-caption h3,
.flex-slider .flex-caption p {
    transition: transform 0.5s ease-out;
}

/* Zoom-in effect on hover */
.flex-slider .flex-caption:hover h3,
.flex-slider .flex-caption:hover p {
    transform: scale(2); /* Slight zoom on hover */
}


  .slider1 .flex-caption {
	width: 50%;
	float: left;
	text-align: left;
	top: 40%;
	position: absolute;
	padding: 50px;
    left: 5%;
	opacity: 0; /* Initially invisible */
    transform: translateY(20px); /* Start 20px below the original position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Smooth transition */

  }
  .slider1 .flex-caption h2 {
	color: #f3f3f3f3;
	font-size: 3.5rem;
	font-weight: 700;
	margin-top: -20px;
	margin-bottom: 0px;
	line-height: 1;
	text-transform: capitalize;
  }
  .slider1 .flex-caption h3 {
	color: #f3f3f3f3;
	font-size: 3rem;
	font-weight: 900;
    line-height: 1;
	margin: 0;
	margin-bottom: -22px;
	position: relative;
  }
  .slider1 .flex-caption h5 {
	color: #f3f3f3f3;
	font-size: 30px;
	font-weight: 400;
	margin: 2;
  }
  .slider1 .flex-caption p {
	color: #f3f3f3f3;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
    margin-top: 30px;
    margin-bottom: -10px;
    width: 100%;
    float: left;

  }
.slider1 .flex-caption p a {
    text-align: center;
    margin: 0;
    font-size: 25px;
    background: #fd7600;
    color: #000;
    font-weight: 500;
    padding: 5px 30px;
    border-radius: 20px;
}
.slider1 .flex-caption p a:hover {
    background: none;
    border: 2px #fd7600 solid;
    color: #fff;
}
#demo {
    margin-top: -100px;
    float: left;
    width: 100%;
}
.indicator {
    position: relative;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    z-index: 5000;
    left: 50%;
}
.indicator span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    animation: animate 1s linear infinite;
}
.indicator span:nth-child(1) {
    top: -30px;
    left: -30px;
    animation-delay: 0s;
}
.indicator span:nth-child(2) {
    top: -15px;
    left: -15px;
    animation-delay: 0.2s;
}
.indicator span:nth-child(3) {
    top: 0;
    left: 0;
    animation-delay: 0.4s;
}
@keyframes animate {
    0% {
        border-color: #000;
        transform: translate(0,0);
    }
    100% {
        border-color: #fff;
        transform: translate(15px,15px);
    }
}

/*Body Page*/
/*==================
	Top Services start
	====================*/
#topservices {
    margin-top: 0;
    margin-bottom: 80px;
    float: left;
    width: 100%;
    text-align: center;
    z-index: 90;
    position: relative;
}
#topservices .topserv img {
    width: 40%;
}

#topservices .topservicess{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 30px 150px;
}

#topservices .topserv {
    padding: 10px;
    border-radius: 20px;
    background-color: #f4f4f4;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#topservices .topserv h3 {
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    font-size: 15px;
}
#topservices .topserv:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}
/*==================
	Top Services End 
	====================*/

/*==================
	breadcrumb start
	====================*/

#mu-page-breadcrumb {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 0;
}
#mu-page-breadcrumb .mu-page-breadcrumb-area {
    background-image: url("../images/slider/home.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    padding: 40px 0;
    color: white;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 350px;
    position: relative;
    z-index: 9;
}
#mu-page-breadcrumb .mu-page-breadcrumb-area:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    z-index: -10;
}

.mu-page-breadcrumb-area h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300px;
    margin-top: 10%;
    text-transform: uppercase;
    text-align: center;
}

.mu-page-breadcrumb-area li {
    display: inline-block;
    color: rgb(255, 255, 255);
    margin-left: 20px;
    margin-top: 20px;
}
.mu-page-breadcrumb-area li a {
    color: #fff;
}
.mu-page-breadcrumb-area li a:hover {
    border-bottom: 2px #fe871f solid;
    color: #fe871f;
}
.mu-page-breadcrumb-area img {
    width: 5%;
    margin-top: 50px;
}

/*==================
	breadcrumb  END
	====================*/

/*about */
#about {
    margin-top: 50px;
    margin-bottom: -50px;
    padding: 0px 150px;
    margin: 0;
}
#about img {
    width: 50%;
    float: left;
    padding: 20px;
    border-radius: 20px;
    margin-top: -20px;
    border-radius: 40px;
}
#about h1 {
    color: #333;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

#about h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

#about {
    margin-top: 50px;
    float: left;
}

#about p {
    font-size: 15px;
    line-height: 2;
}
#about p a {
    font-weight: bold;
    line-height: 2;
    background: #fd7600;
    padding: 10px 30px;
    margin-left: 20px;
    float: right;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
}
#about p a:hover {
    color: #fd7600;
    background: #fff;
    border: 2px #fd7600 solid;
}
#about .full-content {
    padding: 13px;
    width: auto;
}
#ourworks {
    float: left;
    width: 100%;
}
/*Vision*/
#mission_vision {
    float: left;
    width: 100%;
    padding: 50px 150px;
    background: #f4f4f4;
}
#values-section {
    float: left;
    width: 100%;
}
#mission_vision .mission {
    width: 57%;
    border-radius: 20px;
    padding: 30px;
    float: left;
}

#mission_vision .mission h4 {
    font-size: 40px;
    text-align: left;
    font-weight: 400;
    margin: 0;
}
#mission_vision .mission-img{
    width: 40%;
    float: right;
    margin-top: 5%;
}
#mission_vision .mission-img img{
    width: 100%;
    border-radius: 40px;
}
#values{
    width: 100%;
    float: left;
    padding: 40px 150px;
    margin-bottom: -60px;
}
#values .values-sec{
    width: 40%;
    float: left;
}

#values .values-sec h4 {
    font-size: 40px;
    text-align: left;
    font-weight: 400;
    margin: 0;
}
#values .values-sec ul {
    font-size: 16px;
    padding: 0;
    color: #333;
    line-height: 1.5;
}
#values .values-contact #home-contact .homecontact .links{
    width: 100%;
    float: right;
    padding: 20px;
} 
#values .values-contact #home-contact{
    width: 50%;
    padding: 0px;
    float: right;
}
/*Home Services*/
#serv-home {
    float: left;
    width: 100%;
}
.serv-body {
    float: left;
    width: 100%;
    margin-top: 60px;
    padding: 30px 150px;
}
#serv-home .service-ho h2 {
    font-size: 3rem;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}
#serv-home .service-ho h1 {
    font-size: 2.5rem;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 650;
    color: #fd7600;
}
#serv-home .service-ho #page-g {
    padding: 40px 150px;
    width: 100%;
    float: left;
}
#serv-home .service-ho .service-g {
    padding: 0px;
    width: 100%;
    float: left;
}
#serv-home .service-ho .service-g .serv-img {
    width: 50%;
    margin-top: 0px;
    padding: 20px;
    float: left;
}
#serv-home .service-ho .service-g .serv-img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
#serv-home .service-ho .service-g .serv-cont {
    width: auto;
    padding: 0px 30px;
}

#serv-home .service-ho .service-g .serv-cont h2 {
    font-size: 2rem;
    margin-top: 2%;
    color: #1b1b1b;
}

#serv-home .service-ho .service-g .serv-cont h5 {
    font-size: 30px;
    color: #1b1b1b;
    font-weight: 400;
    margin: 0;
}

#serv-home .veh2 {
    float: left;
    width: 100%;
    padding: 0 40px;
    margin-top: 0px;
}
#serv-home .service-ho .service-g .serv-cont li {
    font-size: 20px;
}
#serv-home .service-ho .service-g2{
    background: #f4f4f4;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    float: left;
}
#serv-home .service-ho #page-1{
    width: 100%;
    padding: 20px 150px;
    float: left;
}

#serv-home .service-ho .service-g2 .serv-img {
    width: 50%;
    margin-top: 0px;
    float: right;
}

#serv-home .service-ho .service-g2 .serv-img img {
    width: 100%;
    border-radius: 20px;
}

#serv-home .service-ho .service-g2 .serv-cont {
    width: 49%;
    padding: 10px;
    float: left;
}
#serv-home .service-ho .service-g2 .serv-cont h2 {
    font-size: 2rem;
    color: #1b1b1b;
}

#serv-home .service-ho .service-g2 .serv-cont h5 {
    font-size: 30px;
    color: #1b1b1b;
    font-weight: 400;
    margin: 0;
}
#serv-home .asset {
    width: 80%;
    float: left;
    padding: 50px 100px;
}

#serv-home .asset h3 {
    font-size: 30px;
}

#serv-home .asset li {
    font-size: 25px;
    list-style: lower-roman;
}
#recovery {
    width: 100%;
    float: left;
    padding: 50px  200px;
    background: #eee;
    text-align: center;
    border-radius: 20px;
}
.recoverys {
    width: 23%;
    display: inline-grid;
}
#recovery .recoverys img {
    width: 100%;
    height: 180px;
}

#recovery a {
    background-color: #fd7600;
    color: #fff;
    font-size: 20px;
    padding: 10px 30px;
}
#recovery a:hover {
    background: none;
    border: 2px #fd7600 solid;
    color: #fd7600;
    border-radius: 20px;
}
#recovery h6 {
    font-size: 35px;
    text-align: center;
    margin: 16px 5px;
}
#cout {
    width: 100%;
    float: left;
    border-radius: 20px;
    margin: 30px 0px;
    background: #f1f1f163;
}
.coun-body{
    width: 100%;
    float: left;
    padding: 50px 300px;
}
#cout .coun {
    width: 23%;
    float: left;
    margin-top: 30px;
}
#cout .coun img {
    width: 100%;
}

#cout .coun-cont {
    width: 70%;
    float: right;
    padding: 10px 80px;
}

#cout .coun-cont h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 10px;

}
#cout .coun-cont ul{
    padding: 0px;
}
#cout .coun-cont ul li {
    margin-left: 20px;
    line-height: 30px;
}
#cout .coun-cont ul h5{
    font-weight: 300;
    font-size: 18px;
}

/*Second£*/
#cout2 {
    width: 100%;
    float: left;
    padding: 20px 100px;
}

#cout2 .coun2 {
    width: 50%;
    float: left;
    margin-top: 0;
}
#cout2 .coun2 img {
    width: 100%;
}

#cout2 .coun-cont2 {
    width: 40%;
    float: right;
}

#cout2 .coun-cont2 h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 10px;

}

#cout2 .coun-cont2 li {
    margin-left: 20px;
    font-size: 20px;
}



#serv-home span a {
    top: 10%;
    position: relative;
    background-color: #fd7600;
    color: #fff;
    padding: 15px 30px;
    text-align: left;
    float: left;
}
#serv-home span a:hover {
    background-color: #fff;
    color: #fd7600;
    border: 2px #fd7600 solid;
}

.span-ho {
    text-align: center;
    margin-top: 20px;
}

.span-ho a {
    color: white;
    background: green;
    padding: 5px 15px;
    font-size: 20px;
}
.span-ho a:hover {
    border: 2px green solid;
    background: #fff;
    color: #126900;
}


.services-grid {
    padding: 60px 20px;
    background-color: #f9f9f9;
    text-align: center;
    width: 100%;
    float: left;
  }
  
  .services-grid h3 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #222;
  }
  
  .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .services-grid a.btn{
    background: #fe871f;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
  }
  .services-grid a.btn:hover{
    border: 1px #fe871f solid;
    background: none;
    color: #fe871f;
  }
  .service-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
  }
  .service-card i{
    font-size: 3rem;
    margin-bottom: 20px;
    color: #fe871f;
  }
  
  .service-card:hover {
    transform: translateY(-5px);
  }
  
  .service-card h4 {
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 15px;
  }
  
  .service-card p {
    color: #555;
    font-size: 1rem;
    margin-bottom: 20px;
  }
  
  
/*OWl */
/*Product Owl */

#testimonial {
    width: 100%;
    float: left;
    padding: 20px;
}

.owl-item {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;

}

/* Owl TWO */
.testimonial {
    width: 100%;
    margin-top: -80px;
    float: left;
}

.testimonial h3 {
    color: #126900;
    text-align: center;
    font-weight: 600;
    font-size: 35px;
}

/*End Owl 2*/
.owl-item:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 10px 36px 0px, rgba(0, 0, 0, 0.06) 0 0 0 1px;
}
.shadow-effect {
    height: 210px;
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-carousel .owl-item .figure {
    height: 250px;
}

.owl-carousel .owl-item .figure img {
    display: block;
    width: 100%;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}
.owl-carousel .owl-item .figure:hover img {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
}
.owl-carousel .figure {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: 0;
}

.owl-next,
.owl-prev {
    transform: translateY(-50%);
}

.owl-nav {
    margin-top: -200px;
    width: 100%;
    font-size: 40px;
    float: left;
    color: #fff;
    padding: 0 30px;
}
button.owl-next {
    float: right;
}

.testimonial .owl-item {
    background: none;
    margin-top: 90px;
}

button.owl-prev {
    float: left;
    margin-left: -20px;
    width: 20px;
}
button span {
    margin-top: -10px;
    background: rgba(0, 0, 0, 0.349);
    width: 41px;
    position: absolute;
}

.item-caption {
    text-align: center;
    width: 100%;
    float: left;
    padding: 10px;
    z-index: 90;
}
.item-caption2 h4 {
    white-space: nowrap;
    color: #1b1b1b;
    width: 98%;
    font-size: 23px;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
.item-caption2 h4 span {
    font-size: 16px;
}

#accord1 {
    margin: 0;
    width: 100%;
    float: left;
    margin-bottom: 100px;
    background: #eee;
}

#accord1 h3 {
    font-weight: 400;
    text-align: center;
    font-size: 40px;
}
#accord1 span p {
    font-size: 17px;
    text-align: center;
}

#accord1 h4 {
    width: 100%;
    font-size: 50px;
    font-weight: 400;
    color: #000;
    text-align: center;
    float: left;
}

#accord1 .accord1 {
    width: 60%;
    float: left;
}

.accordion {
    background-color: #fff;
    color: #1b1b1b;
    cursor: pointer;
    width: 100%;
    float: left;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    border: none;
    text-align: left;
    outline: none;
    margin: 10px 0;
    font-size: 15px;
    transition: 0.4s;
}

.accordion h3 {
    font-size: 12px;
}

.panel p {
    text-align: left;
    line-height: 20px;
    width: 98%;
}
.panel a:hover {
    color: red;
}
.panel ol li {
    color: #000;
    line-height: 1.5;
}
.accordion:hover {
    background-color: #fd7600;
}
.accordion:after {
    content: '\002B';
    color: #d3d3d3;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.active-accord:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    width: 100%;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*Our Services*/
#recovery_dic_page{
    width: 100%;
    float: left;
    padding: 50px 150px;
}
#recovery_dic_page .why-choose-us{
    background: #f4f4f4;
    padding: 20px;
    width: 100%;
    border-radius: 20px;
    float: left;
    margin-top: 3%;
}
#recovery_dic_page .why-choose-us .why-cu-img{
    width: 50%;
    float: right;
}
#recovery_dic_page .why-choose-us .why-cu-img img{
    width: 100%;
    border-radius: 20px;
}
#recovery_dic_page .why-choose-us .why-cu-content{
    width: 50%;
    padding: 20px;
}
#recovery_dic_page .why-choose-us .why-cu-content h3{
    margin-top: 5%;
    font-size: 2rem;
}

#recovery_dic_page .process-all{
    width: 100%;
    float: left;
    margin-top: 5%;
}
#recovery_dic_page .process-all h3{
    font-size: 1.8rem;
}

#recovery_dic_page .process-all .process{
    width: 50%;
    float: left;
    padding: 20px;
}

#recovery_dic_page .process-all .process ul li h4{
    margin: 0;
}
#recovery_dic_page .process-all .process ul li p{
    margin: 0;
}
#recovery_dic_page .process-all .process2{
    width: 40%;
    float: right;
    background: #ffa5562a;
    padding: 40px;
    margin-top: 3%;
    border-radius: 20px;
}
#recovery_dic_page .process-all .process2 ul{
    padding: 0;
}
#recovery_dic_page .process-all .process2 #contact .report-details,#recovery_dic_page .process-all .process2 #contact,#recovery_dic_page .process-all .process2 form{
    padding: 0;
}

#our-services {
    width: 100%;
    float: left;
    padding: 80px;
}

#our-services h1 {
    text-align: center;
    font-size: 35px;
    color: #1b1b1b;
    margin-bottom: 50px;
}
#our-services .home_page_ser {
    width: 80%;
    display: block;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#our-services .home_page_ser:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}
#our-services .home_page_ser h3 {
    font-size: 16px;
    padding: 15px 20px;
    font-weight: 400;
    text-align: left;
}

#our-services p {
    font-size: 16px;
    line-height: 2;
}
/* Why Choose Us*/
#why {
    width: 100%;
    float: left;
    padding: 90px 150px;
    margin-top: 90px;
    background-image: url('../images/slider/na.webp');
    background-size: cover;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    z-index: 9;
}
#why:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.9;
    z-index: -10;
}
#why .why-us h3 {
    font-size: 40px;
    color: #fd7600;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
#why .why-us p {
    color: #fff;
    text-align: center;
    font-size: 25px;

}
#why .why-all{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 30px;
}
#why .why-cont {
    color: #fff;
    text-align: center;
    display: inline-grid;
}
#why .why-cont i {
    font-size: 70px;
    color: #fd7600;
    margin-bottom: 20px;
}
#why .why-cont h5 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
}
#why .why-cont p {
    font-size: 16px;
    margin-top: -30px;
    color: #fff;
}
/*FIDELO Partners*/
#partner {
    float: left;
    width: 100%;
    padding: 80px;
    text-align: center;
}
#partner .part h3 {
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}

#partner .part-item {
    margin-top: 5px;
    width: 30%;
    display: inline-grid;
    background: #fd7600;
    color: #fff;
    border-radius: 10px;
    margin-left: 50px;
    padding: 20px;
}
#partner .part-item h4 {
    text-transform: uppercase;
    font-size: 18px;
}

/*Home Contact Link*/
#home-contact {
    margin: 0;
    float: left;
    border-radius: 30px;
    width: 100%;
    background-color: #eee;
}
.home-body{
    padding: 50px 150px;
    width: 100%;
    float: left;
}
#home-contact .homecontact {
    text-align: center;
}

#home-contact .homecontact img {
    width: 35%;
    border-radius: 30px;
    padding: 0 10px;
    float: left;
}

#home-contact .homecontact .links {
    width: 60%;
    margin-top: 2%;
    padding: 10px 50px;
    float: right;
}
#home-contact .homecontact .links button{
    border: none;
    background: #fd7600;
    color: #fff;
    padding: 10px 20px;
    font-size: 25px;
    margin-top: 20px;
}
#home-contact .homecontact .links button:hover {
    background: #fff;
    color: #fe871f;
    border: 2px #fd7600 solid;
}
#home-contact .homecontact .links .link {
    display: inline-grid;
}
#home-contact .homecontact .links .link  a{
    border-radius: 30px;
    padding: 10px 20px;
    background: #fd7600;
}
#home-contact .homecontact .links h3 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1b1b1b;
    margin-bottom: 0;
}
#home-contact .homecontact .links h3 span {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
    color: #333;
    line-height: 30px;
    float: left;
    width: 100%;
}
#home-contact .homecontact .links .link {
    margin-top: 50px;
}

#home-contact .homecontact .links .link a {
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: 0.4s;
}
#home-contact .homecontact .links .link a:hover {
    background: #fff;
    color: #000;
    border: 2px #fd7600 solid;
}

/* Modal Background */
.process-Form{
    text-align: left;
}
.process-Form form{
    padding: 0px;
}
.process-Form .modal-content span {
    width: auto;
    float: right;
    margin-bottom: 0;
}
.process-Form .modal-content h4{
    font-size: 1.8rem;
}
.process-Form .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 300px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  /* Modal Container */
   .process-Form .modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 30px 50px;
    border-radius: 10px;
    width: 100%;
    float: left;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
   .process-Form span {
    width: auto;
}

  /* Close Button */
   .process-Form .close {
    position: absolute;
    top: 12px;
    right: 18px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  
   .process-Form .close:hover {
    color: #000;
  }
  
  /* Headings */
   .process-Form .modal-content h2,
   .process-Form .modal-content h3,
   .process-Form .modal-content h4 {
    margin-bottom: 10px;
    color: #003366;
  }
  
   .process-Form  .modal-content p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
  }
  .body-no-scroll {
    overflow: hidden;
  }

  /* Input Fields */
   .process-Form .modal-content input[type="text"],
   .process-Form .modal-content input[type="date"],
   .process-Form .modal-content input[type="email"],
   .process-Form .modal-content input[type="tel"],
   .process-Form .modal-content select,
   .process-Form .modal-content textarea {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    margin-bottom: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
  }
  
  #recovery_dic_page .process-all .process-Form .modal-content textarea {
    resize: vertical;
  }
  
  /* Labels */
  #recovery_dic_page .process-all .process-Form .modal-content label {
    font-weight: 500;
    display: block;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
  }
  
  /* Error Messages */
  span[id$="-error"] {
    color: red;
    font-size: 13px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .process-Form .modal-content #contact, .process-Form .modal-content #contact form{
    padding: 0px;
    width: 100%;
  }
  .process-Form .modal-content #contact .report-details{
    padding: 0px;
  }
  .process-Form .modal-content form span{
    float: left;
  }
 
  /* Responsive Design */
  @media screen and (max-width: 600px) {
    .modal-content {
      padding: 20px;
    }
  
    .close {
      font-size: 24px;
    }
  }
  
/*Home Contact */


  
  /*Sponsors*/
  #news {
	width: 100%;
	background: #f1f1f1;
    float: left;
    border-radius: 20px;
    margin-bottom: 30px;
  }
  .news-body{
    width: 100%;
    float: left;
    padding: 20px 150px;
  }
  #news .cap-la h4{
  font-size: 2rem;
  text-align: center;
  padding: 30px;
  }

  #news  .event-grid h4 {
font-size: 17px;
font-weight: 300;
  }
  #news .item .event-grid{
	padding: 20px;
  }
  #news .item .event-grid img{
    border-radius: 20px;
  }
  #news .owl-carousel .owl-stage-outer {
	margin-bottom: 50px;
  }
  #news .event-details h3{
	font-size: 18px;
	font-weight: 600;
    color: #000;
    margin-top: 20px;
  }
  #news .owl-item {
	border-radius: 10px;
  }
  #news .event-details p{
    margin: 0;
    line-height: 20px;
    margin-bottom: 10px;
  }
  #news .event-details h6{
    color: #fd7600;
  }
/*Match Slider*/
.testimonials{
	width: 100%;
	float: left;
	padding: 80px 120px;
	background: #f1f1f1;
	text-align: center;
}

	 /*figure*/

	 /*Navbar*/
	.owl-prev,
	.owl-next {
	  bottom: -10%;
	  margin-left: 30px;
	  margin-top: 10px;
	}
	
	.owl-nav {
		margin-top: 0px;
		font-size: 40px;
		left: -44%;
		padding: 0px;
		text-align: right;
		position: relative;
		z-index: -100;
	  }
	
	button.owl-next {
		float: none;
	}
	
	.owl-item{
		background: none;
	  }
	
	button.owl-prev {
		float: none;
		margin-left: -20px;
		width: 20px;
	}
	
	/*Figure*/
	

/*Blog*/
.success-story{
    width: 100%;
    float: left;
    padding: 30px;
    text-align: center;
}
.success-story a{
    background: #fd7600;
    color: #fff;
    font-size: 20px;
}
#blog-section {
    margin: 0;
    width: 100%;
    float: left;
    padding: 30px 150px;
}
#blog-section h4 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: left;
    margin-left: 40px;
}

#blog-section .blog-sec  {
    display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      padding: 30px;

}
#blog-section .blog-sec .blog-page a h2 {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    color: #2c2c2c;
    margin-top: 10px;
    margin-bottom: 0px;
    float: left;
}

#blog-section .blog-sec .blog-page .blg-img {
    width: 100%;
}
#blog-section .blog-sec .blog-page img {
    width: 100%;
    float: left;
    border-radius: 20px;
}
#blog-section .blog-sec .blog-page .blg-cnt {
    margin-top: 20px;
    width: 100%;
    float: left;
    text-align: left;
}
#blog-section .blog-sec .blog-page .blg-cnt h3 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    margin: 0;
}
#blog-section .blog-sec .blog-page .blg-cnt p {
    font-size: 15px;
    margin: 0;
}
#blog-section .blog-sec .blog-page .blg-cnt p span {
    font-weight: 500;
    text-transform: uppercase;
    color: #fd7600;
    margin-top: 5px;
    font-size: 12px;
    text-align: left;
    float: left;
}
#blog-section  h6 {
    font-size: 18px;
    font-weight: 600;
}
#blog-section h6 a {
    color: #000;
    border: 2px #000 solid;
    padding: 9px 20px;
}
#blog-section h6 a:hover {
    color: #fd7600;
    border: 2px #fd7600 solid;
    padding: 9px 20px;
}
/*Blog Section 2*/
#blog-section hr {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}
#blog-section .blog-sec-2 {
    text-align: center;
    width: 100%;
    float: left;
}
#blog-section .blog-sec a h3:hover,#blog-section .blog-sec-2 a h3:hover{
    text-decoration: underline;
}
#blog-section .blog-sec-2 .blog-sec-all .sec-2-cont {
    text-align: left;
    width: 48%;
    padding: 20px;
    display: inline-grid;
    margin-bottom: 60px;
}
#blog-section .blog-sec-2 .blog-sec-all .sec-2-cont h3 {
    margin: 0;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}
#blog-section .blog-sec-2 .blog-sec-all .sec-2-cont h3:hover {
    text-decoration: underline;
    color: #fd7600;
}
#blog-section .blog-sec-2 .blog-sec-all .sec-2-cont h6 {
    margin: 0;
    font-size: 12px;
    color: #fd7600;
    text-transform: uppercase;
}
#blog-section .blog-sec-2 .blog-sec-all .sec-2-cont p {
    margin: 0;
}

/*Blog Full*/
#blog-ful {
    width: 100%;
    float: left;
    padding: 50px 150px;
}
#blog-ful .bf h1 {
    width: 70%;
    font-size: 50px;
    font-weight: 600;
}

#blog-ful .bf img {
    width: 60%;
    border-radius: 20px;
}
#blog-ful .bf-cont {
    width: 80%;
    float: left;
}
#blog-ful .bf-cont h3 {
    font-size: 35px;
    text-transform: capitalize;
    color: #333;
    margin: 0;
}
#blog-ful .bf-cont h2 {
    font-size: 28px;
    margin: 0;
}
#blog-ful .bf-cont h6 {
    font-size: 15px;
    margin: 5px;
    font-weight: 500;
}

#blog-ful .bf-cont ul li {
    line-height: 2;
    font-weight: 500;
    font-size: 18px;
}
#blog-ful .bf-cont .blog-img-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 30px;
}
#blog-ful .bf-cont .blog-img-grid img{
    width: 100%;
    border-radius: 20px;
}
.help {
    width: 100%;
    float: left;
    padding: 20px 150px;
    text-align: center;
}
.help a{
    color: #fe871f;
}
.help a:hover{
    text-decoration: underline;
}
.help h3 {
    font-size: 30px;
    margin: 0;
}
.help p {
    font-size: 18px;
}

/*End Blog*/
/*Homepage */
#Home {
    margin: 0;
    float: left;
    width: 100%;

}
/*Service */
#counter {
    margin: 0;
    padding: 0;
    background-attachment: fixed;
    background-image: url("../images/slider/na.webp");
    background-position: center;
    background-size: cover;
    float: left;
    width: 100%;
    position: relative;
    padding: 50px;
    text-align: center;
    z-index: 10;
}
#counter:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.9;
    z-index: -200;
}

#counter .Label {
    display: inline-grid;
    width: 20%;
    text-align: center;
    margin: 10px 10px 20px 30px;
}
#counter .Label span {
    color: #333;
    font-size: 50px;
}
#counter .Label p {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0;
    line-height: 1;
    color: #1b1b1b;
}
#counter .reques_a span {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 50px;
}
#counter .reques_a span a {
    border-radius: 30px;
    background: #fd7600;
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 30px;
}
#counter .reques_a span a:hover {
    background: none;
    border: 2px #fd7600 solid;
    color: #000;
}

/*scrollToTop*/
.scroll {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 999;
  }
  
  .scrollToTop {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fe871f;
    color: white;
    font-size: 20px;
    padding: 12px;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: background 0.3s ease;
  }
  
  .scrollToTop:hover {
    background-color: #fd7600;
  }

#contact {
    padding: 80px 150px;
    width: 100%;
    float: left;
    z-index: 210;
}
#contact form h4,
.address h4 {
    font-size: 20px;
    color: #1b1b1b;
    text-transform: uppercase;
    font-weight: 600;
}

#contact form span {
    color: red;
    font-size: 16px;
}
#contact form select {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    background: none;
    outline: none;
    border-radius: 3px;
    border: 1px #595959 solid;
}
#contact .report-details {
    padding: 50px 150px;
}
#contact .report-details form label {
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
}
#contact .report-details form input {
    margin-bottom: 0px;
}

#contact .report-details form textarea {
    max-height: 200px;
    min-height: 100px;
    max-width: 100%;
    min-width: 100%;
}
.new-btn {
    display: inline;
}

#contact form span i {
    position: absolute;
    left: 50%; /* Aligns the icon in the center */
    transform: translateX(-50%); /* Ensures the icon is centered accurately */
    margin-top: -3%;
    color: #fd7600; /* Set the icon color */
    font-size: 16px; /* Set the size of the icon */
}

form {
    width: 100%;
    padding: 0 60px 0 0;
    float: left;
}

form input {
    height: 60px;
    color: #1b1b1b;
}

form .form {
    outline: none;
    width: 100%;
    background: none;
    border-color: none;
    border-bottom: 1px #1b1b1b solid;
    padding: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

form button {
    margin-top: 20px;
    border-radius: 0;
    color: #fff;
    background: #fd7600;
    border: none;
    padding: 10px 40px;
}
form button:hover {
    background-color: #fff;
    color: #fd7600;
    border: 1px #fd7600 solid;
}
form a i:hover {
    color: #fd7600;
}

form a i {
    color: #1b1b1b;
    padding: 10px;
    font-size: 25px;
    margin-left: 10px;

}

form .fa {
    font-size: 30px;
}
.address {
    width: 100%;
    margin-top: 20px;
    float: left;
    text-align: center;
}
.address_group {
    width: 30%;
    display: inline-grid;
    background: #eee;
    border-radius: 10px;
}
.address_group:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
    background: #fff;
}
.address .address_group i {
    font-size: 30px;
    margin: 0;
    text-align: center;
    width: 100%;
    line-height: 2;
    letter-spacing: 2px;
    color: #1b1b1b;
}

.address .address_group p {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.news-let {
    margin-top: 50px;
}
.news-let h4 {
    color: #fd7600;
    font-size: 30px;
    font-weight: 400;
    margin-left: 0;
}
.news-let form {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}
.news-let input[type="email"] {
    padding: 15px;
    font-size: 16px;
    height: 40px;
    margin-top: 10px;
    width: 70%;
    border-radius: 20px;
    border: none;
    color: #1b1b1b;
    border: 1px #1b1b1b solid;
    outline: none;
}
.news-let button {
    background: #1b1b1b;
    font-size: 14px;
    margin: -50px 0 0;
    padding: 0;
}
.news-let button:hover {
    border: none;
    background: #fd7600;
}
#msg {
    width: 100%;
    float: left;
    padding: 100px;
    text-align: center;
}
#msg .msg_alert {
    width: 100%;
    float: left;
}
#msg .msg_alert h2 {
    font-size: 50px;
    margin: 0;
}
#msg .msg_alert h3 {
    font-size: 35px;
    font-weight: 600;
    margin: 0;
}
#msg .msg_alert h4 {
    font-size: 25px;
    margin: 0;
    font-weight: 500;
}
#msg .msg_alert a {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
    background: #fd7600;
    padding: 10px 20px;
    border-radius: 30px;
}
#msg .msg_alert a:hover {
    background: none;
    color: #fd7600;
    border: 1px #fd7600 solid;
}
#msg .msg_alert p {
    font-size: 17px;
}
#msg .msg_social {
    margin-top: 20px;
    width: 100%;
    float: left;
}
#msg .msg_social h5 {
    font-size: 25px;
    font-weight: 500;
    margin: 20px;
}
#msg .msg_social i {
    font-size: 30px;
    margin-left: 10px;
    color: #000;
}
#msg .msg_social i:hover {
    color: #fd7600;
}
/*Footer */
#section3 {
    width: 100%;
    float: left;
    padding: 20px 100px;
    background-color: #2c2c2c;
}
#section3 .footer {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr; /* First column is 2x wider */
    gap: 20px;
    padding: 30px;
}

#section3 .footer .footer_head img {
    width: 50%;
    margin-bottom: -34px;
}
#section3 .footer .footer_head h3 {
    text-transform: uppercase;
    color: #ff8820;
    font-size: 25px;
    font-weight: 600;
}

#section3 .footer .footer_head span h4 {
    display: inline-flex;
    font-size: 18px;
    color: #d3d3d3;
    text-transform: uppercase;
}
#section3 .footer .footer_head li span a {
    font-size: 16px;
}
#section3 .footer .footer_head li a {
    margin-left: 10px;
    color: #d3d3d3;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
}
#section3 .footer .footer_head li a:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    color: #fd7600;
}
#section3 .footer .footer_head li {
    list-style: none;
    display:flex;

}

#section3 .footer .footer_head li i {
    color: #fd7600;
    font-size: 20px;
    line-height: 30px;
}
#section3 .footer .footer_head li i span {
    margin-left: 20px;
    color: #f3f3f3;
    font-size: 16px;
}
#section3 .footer .footer_head span a {
    margin-left: 10PX;
    font-size: 20px;
    color: #d3d3d3;
    text-decoration: none;
}
#section3 .footer .footer_head li {
    text-decoration: none;
    line-height: 30px;
    font-size: 15px;
    color: #d3d3d3;
}
#section3 .footer .footer_head li a:hover {
    font-weight: 700;
}

#section3 .footer .footer_head p {
    color: #d3d3d3;
    font-size: 15px;
    line-height: 25px;
}

.bottom {
    float: left;
    width: 100%;
    background: #000;
    font-size: 16px;
    padding: 0px 100px;
    text-align: center;
}
.bottom p{
    float: left;
}
.bottom a {
    text-decoration: none;
    color: #d3d3d3;
    font-size: 12px;
    float: right;
    margin-top: 20px;
}