:root {
    --blue:#3498db;
    --blue_transparent:#3498dbc1;
    --white: #ffffff;
    --dark_blue:#023c63;
    --font-color:#06417d;
    --ancor-color:#032b53;
    --box-shadow:20px 20px 20px rgba(0, 0, 0, 0.2); 
    --box-shadow:none;
    --box-shadow-light:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  }

body{
    background-color:#ffffff;
    color: var(--font-color);
    text-align: justify;
    font-size: large;
    font-family:Verdana, Geneva, Tahoma, sans-serif
}

/* Scroll bar customization */
  body::-webkit-scrollbar {
    width: 0px; 
  }

  body::-webkit-scrollbar-thumb {
    background-color:var(--blue);
    border-radius: 0px;
  }

/* Navigation Menu */

  .nav-menu{
    background-color: var(--blue);
    text-decoration: none;
    font-size:larger;
    color: black;
    padding: 8px;
}

    /* Add underline on hover for nav links */
    .nav-item .nav-link {
        position: relative;
        transition: color 0.3s;
        color: #fff; /* White color for links */
        /* color: black; */
        }

        .nav-item .nav-link:hover {
        color: rgb(221, 218, 218);
            /* color: #f0f0f0; Lighter white color on hover */
        }

        .nav-item .nav-link:hover::after {
        content: "";
        position:absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background-color:rgb(221, 218, 218);
        /*background-color: #f0f0f0; /*Lighter white color for underline on hover */
        }

/* .underline-heading{
    border-bottom: 4px solid #3498db; 
    padding-bottom: 5px; 
    width:max-content;
} */

i{
    /* background-color: var(--blue); */
    color: var(--blue);
}

section{
    margin-top:auto;
    margin-bottom:auto;
  }
  
.section-home{
  margin-top: 148px;
  margin-bottom: 194px;
}
section h1{
    font-weight:400 ;
    /* font-weight: bold; */
    /* border-bottom:4px solid #3498db; */
    text-align: center;
    margin-bottom: 40px;
    /* border-width:medium; */
}
/* section .heading-item{
  color: var(--blue);
  font-weight: 800;

} */


a{
  text-decoration: none;
  /* color: black; */
  color: var(--font-color);
}
a:hover{
  color: var(--blue);
}

.ancor-non-deco{
    text-decoration: none;
    /* color: black; */
    color: var(--font-color);
}
.ancor-non-deco:hover{
    color: var(--blue);
}



b{
  font-weight: 560;
}


.programmer-img img{
  margin-top: -52px;
}





.first-letter-of-content{
  font-weight: bolder;
  font-size: large;
}

/* #home{ */
  /* margin-bottom:212px; */
/* } */

/* ABOUT */
.about-me{
  margin-top: 148px;
  margin-bottom: 194px;
  /* box-shadow: 0px 0px 8px black; */
  /* padding: 20px 40px; */

  /* padding: 20px 8px; */
  padding: 20px 8px 20px -1px; 

}

.education-info{
  color: var(--font-color);
  /* box-shadow: 0px 0px 4px black; */
  /* margin-left:80px;
  margin-right:80px; */
  
}
.education-info .col{
  box-shadow: 0px 0px 8px black;

}

#about .contact-info p{
  line-height: 200%;
}

.table>:not(caption)>*>*{
  color: var(--font-color);
}



/* EXPERIENCE */
/* EXPERIENCE */
/* EXPERIENCE */

#experience{
  /* margin-top: 120px; */
  margin-bottom: 120px;
}
.heading-summery{
  line-height: 32px;
  padding: 0px 8px 6px 0px; 
  padding-top: 0PX;
  padding-bottom: 36px;
}


/*  LANGUAGES & TOOLS */
/*  LANGUAGES & TOOLS */
/*  LANGUAGES & TOOLS */

#lang-tools img{
  margin-bottom:18px;
  padding: 10px;
  box-shadow: var(--box-shadow-light);
  transition:2000ms;
  border-radius: 14px;
}
#lang-tools img:hover{
  cursor: pointer;
  box-shadow:none;
  transition:1000ms;
}


/* CONTACT FORM  */
#contact form{
  box-shadow: var(--box-shadow-light);
  border-radius: 8px;
  padding:20px;
}
.form-control
{
  border: 2px solid var(--font-color);
  border-radius: 8px;
  outline: none;
  box-shadow: none;
}

.form-control:focus{
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); 
  border: 2px solid var(--font-color);
}


/* FOOTER */               /* FOOTER */

.footer{
  background-color: var(--blue_transparent);
  background-color: var(--blue);
  text-decoration: none;
  font-size:small;
  padding-top:6px;
  /* margin-bottom: -16px; */
  padding: 10px 0px;
  color: black;
  color:white;
}

.footer p{
display: flex;
justify-content: center;
font-weight: bolder;
padding: inherit;
}

.footer p a{
/* text-decoration: none; */
color: inherit;
}



.footer-icon-bar { 
  margin-bottom: 20px;
 }

 .footer-icon-bar {
  text-align: center;
  transition: all 0.3s ease;
  color: white;
  font-size:medium;
}
 .footer-icon-bar i{
  color: white;
}
.footer-icon-bar-item{
  margin: 0px 20px;
}

.footer .icon-bar a:hover {
  color: var(--dark_blue);
  font-size: x-large;
}

.footer-icon-bar{
  display: none;
  /* display: flow-root; */
}











/* FOR SMALL SCREEN */

@media screen and (max-width:786px) {
  /* body{
    font-size: small;
  } */
  
.programmer-img img{
  margin-top: 0px;
}
  #about .contact-info p{
    line-height: 140%;
  }
  .heading-summery{
    margin: 16px 0px;
  }

  .table{
    font-size: medium;
  }
  .lang-tools img{
    width: 100px;
    height: 100px;
  }
  
  #contact form{
    margin-bottom: 80px;
  }
  .footer-icon-bar{
    display:flow-root;
    padding: inherit;
  }
  
}