body {
    background-color: brown;
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    
  font-family: 'Roboto', sans-serif;
  color: #D3D3D3;
  padding: 0;
  margin: 0;

}

h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    line-height: normal;
}

.nav {
    display: flex;
   padding:25px;
}
.nav-dropdown-mobile {
    display: none;
}



.logo {
    width: 30%;
   
}

.nav-bar {
    width: 70%;
   
    display: flex;
    justify-content: right;
}

.nav-links {
    display: flex;
    list-style-type: none;
    gap: 60px;
    padding-right: 20px;
}

.nav-links li {
    list-style-type: none;

}

.nav-links li a {
    text-decoration: none;
    color: white;

}
.logo-mobile{
    
}
.nav-mobile{
    display: none;

}
.nav-dropdown-mobile{
    background-color: black;
      padding-left: 0px;
}
.nav-links-mobile li{
   background-color: black;
   list-style-type: none;
   margin-left: 0%;
  
   border-bottom: 3px solid rgb(239, 235, 235);
   padding:20px;
   text-align: left;
}
.nav-links-mobile li a{
      text-decoration: none;
     color:#FDBB1C;
     text-transform:uppercase;
     font-weight: 600;
}
.nav-links-mobile{
    padding: 0px;
}

.nav-dropdown-mobile-header{
    display:flex;
    justify-content: space-between;
    padding:15px;
}
.hero-section{
    width:100%;
    
   
     
}

.hero-section-content {
    padding: 100px 250px 0px 250px;
    display:flex;
}

.hero-section-content h1 {
color: white;
font-size: 52px;
}
.hero-section-leftcol{
    width:50%;
    display: flex;
    flex-direction: column;
    justify-items:normal;
    gap:20px;
    padding-top: 30px;
    
}
.hero-section-rightcol{
    width:50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.btn-filled{
    border-radius: 10px;
    padding:15px 40px;
    font-size: 16px;
    border: none;
}

.hero-section-rightcol-h3{
display: none ;
    

}

.hero-section-rightcol-h1{
display: none ;
}

.btn-outline{
    border-radius: 10px;
    padding:15px 40px;
    font-size: 16px;
    border: solid 2px white;
    background-color: transparent;
    color:white;
}
.hero-skill-icon-set{
    width: 300px;
}
.button-container{
    display: flex;
    gap:20px;
}



.about-section {

    padding: 0px 400px 0px  250px;
    margin-top: 150px;
}
.about-section h3 {
    font-size: 20px;
    color: #FFC632;
    text-transform: uppercase;
    margin-bottom: 40px;

}

.about-section p {
    padding: 0px;
    margin: 0px;
   font-size: 48px;
   color: white;

}

.about-section-content {

    display: flex;
    padding: 0px 300px 0px 200px;
    margin-top: 70px;
}

.about-section-content-right{
    padding: 35px;
}

.about-section-content-right-text {
    background-color: white;
    border-radius: 20px;
    padding: 30px 50px;
    font-size: 32px;
    color: black;
    margin-left: -100px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.infographic-section {
    padding: 0 0px;
    margin-bottom: 0px;

}

.infographic-heading {
text-align: center;
}

.infographic-pod-container {
    display: flex;
    gap: 20px;
   
}

.infographic-pods {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 20px;

   
}


.infographic-pods h3 {
  font-size: 92px;
  color: #54D0F6;
}

.infographic-pods h3.yellow {

  color: #FECC4C;
}


.infographic-pods p {
  font-size: 28px;
  color: white;

}

.services-section-head {
    text-align: center;

    padding: 0px 350px 0px  350px;
    margin-top: 150px;
    margin-bottom: 100px;
}
.services-section-head h3 {
    font-size: 20px;
    color: #FFC632;
    text-transform: uppercase;
    margin-bottom: 40px;

}

.services-section-head p {
    padding: 0px;
    margin: 0px;
   font-size: 48px;
   color: white;

}

.services-section {
    padding: 0 200px;
 
 margin-bottom: 100px;
}

.services-heading {
text-align: center;
margin-bottom: 50px;
}

.services-pod-container {
    display: flex;
    gap: 20px;
 
}

.services-pods {
    width: 33.6%;
    background-color: aqua;
    padding: 40px;
    border-radius: 20px;
    color: black;
    text-align: center;

    
}

.services-section-icon {
 margin-top:-100px ;
 margin-bottom: 50px;

    
}


.services-section-divider {
 margin:20px 0px ;


    
}

.services-pods h3 {
  font-size: 22px;
}

.services-pods h4 {
  font-size: 42px;
}

.services-section-footer-txt {

    text-align: center;
    font-size: 20px;
    padding: 0 100px;
    padding-top: 50px;
}

.skills-section-footer-txt {

    text-align: center;
    font-size: 20px;
    padding: 0px;
    padding-top: 50px;
}

.skills-section {
    padding: 0px 300px;
    text-align: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    margin-bottom: 100px;
 
}

.skills-heading {
text-align: center;
margin-bottom: 50px;
}

.skills-pod-container {
    display: flex;
    gap: 20px;
    align-items: center;
    
}

.skills-pods {
    
    text-align: center;

    
}

.skills-pods h6{
    
    font-size: 16px;

    
}

.light-Orange-bg{

    background-color: #FEEFC5;

}

.light-blue-bg{

    background-color: #54D0F6;

}

.orange-bg{

    background-color: #FECC4C;

}