/* universal selector */

*
{
    padding:0;
    margin:0;
    box-sizing: border-box;
}

/* root variable */

:root
{

--color1:rgb(164, 146, 114);
--color2:white;
--color3:black;
--color4:rgb(7, 55, 151);
--color5:rgb(253, 239, 239);
--color6:rgb(185, 78, 2);
--padding:3rem 0 3rem 0;
--parh:1.4rem;
}

main
{
    font-size:14px; /* 10px = 1rem */
    width:100%;
    height:auto;
    text-transform: capitalize;
    background-color:var(--color4);
}


/* header css */

header
{
    height:7rem;
    display: flex;
    justify-content:space-around;
    align-items: center;
    padding:var(--padding);
    position:sticky;
    top:0rem;
    background-color:var(--color2); /* Set background color with transparency */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;    z-index:3;

  

}

.header_responsive i
{
display:none;
}

header img 
{
    width:18rem;
    height:4rem;
}


nav 
{
    width:auto;
    display: flex;
    justify-content:center;
    align-items: center;
    height:5rem;
}


.ul_list
{

    display: flex;
    justify-content:center;
    align-items: center;
    column-gap:2rem;
    color:var(--color2);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    height:4rem;

    
}

.ul_list li
{
    display: inline-block;
    width:auto;
    text-align: center;
    height:4rem;
    display: grid;
    place-items:center;
    position: relative;
   


}

.ul_list li:first-child
{
   border-bottom:2px solid white;
}

.ul_list li:visited
{
    border-bottom:1px solid white;
}
  
.ul_list li a
{
   text-decoration: none;
   color:var(--color3);
}
  

.ul_list li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: transparent; /* Initially transparent */
    transition: width 1s ease; /* Smooth transition for width change */
  }
  
  .ul_list li:hover::after {
    width: 100%; /* Expand width to 100% on hover */
    background-color:var(--color3); /* Change background color on hover */
  }

  .customer_btn
  {
    background-color:var(--color1);
    display:inline-block;
    width:10rem !important;
    height:3rem !important;
    border-radius:0.5rem;
    border:none;
    transition:none;
  }




  .ul_list li:not(.customer_btn):hover
   {

    transition:none;
}





/* hero section css */

.hero_section
{
    padding: var(--padding);
    height:30rem;
    background-color:var(--color4);
    padding:0 !important;
}

.hero_section_child
{
    margin: auto !important;
    padding:0 !important;
    height:100%;


}

.hero_section_child_left
{
height:100% !important;
}

.hero_section_child_left img
{
height:100% !important;
width:100%;
}

.hero_section_child_right 
{
    display:grid;
    place-items:center;
    background-color:var(--color4);


}



.hero_section_child_left, .hero_section_child_right 
{
    padding:0 !important;

}

.form_box
{
width:20rem;
height:auto;  
background-color:whitesmoke;  
padding:1rem;
border-radius:1rem;

}

.form_box h5 
{
    color: var(--color6);
}

.form_box>button
{
width:10rem;
height:3rem;
background-color:var(--color6);
color:var(--color2);
border:none;
margin-top:2rem;
}



.form_box select
{
    display:block;
    width:100%;
    margin-top:1rem;
    height:3rem;
    padding-left:1rem;
    text-transform:capitalize;
    border-radius:0.5rem;
    border:none;
    outline:none;


}

.hero_button
{
    padding-left:0rem !important;
    font-size:1rem;
    border-radius:0rem !important;
    height:4rem;
    background-color:var(--color6);
    color:var(--color2);

}

.carousel
{
    height:100%;
}

.carousel-inner
{
    height:100% !important;

}

.carousel-item
{



    height:100% !important;


}


.carousel-item img
{  

    height:100% !important;
    background-position: center;
    background-size: cover;
    

}


.button_home
{
    width:15rem;
    height:3rem;
    border:none;
    color:white;
background-color: var(--color4);  
  font-size:1rem;
    text-transform: capitalize;
    border-radius:0.5rem;
    position:relative;
    right:17rem;
    top:1rem;
   


}


/* about section css */




.about_section
{
    padding:var(--padding);
    height:auto !important;
    background-color:var(--color5);
    color:white;

}

.about_section_child
{
    margin: auto !important;
    padding:0 !important;


}

.about_section_child_card
{
   height:auto;
   border:1px solid rgb(221, 218, 218);
   color:var(--color3);
   padding:0 !important;
   width:22rem !important;
   margin-left:1.2rem;
   padding:1rem !important;
   border-radius:2rem;
   background-color:var(--color2);

   
}

.about_section_child_card p
{
   padding-top:1rem;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-weight: normal;
   color: #2b2929;
   font-size:0.7rem;
   line-height:2rem;

   
}

.about_section_child_card p::first-line
{
   padding-top:1rem;
   font-weight:bolder !important;
   color:rgb(232, 96, 96);

   
}


.about_section_child_card img
{
    width:100%;
    height:12rem;
}



/* study section */

.study_section
{
    padding: var(--padding);

}

.study_section_child
{
    padding-left:0 !important;
    margin: auto !important;

}

.study_section_child>h2 
{
    color:var(--color5);
    text-align:center;
}

.study_section_child_right
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap: wrap;
    gap:1rem;
    padding-top:2rem;
    

}



.study_section_child_left
{
    padding-top:2rem;
    color:var(--color2) !important;
    display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;


}

.card_study
{
    width:5rem;
    height:5rem;
    border:1rem solid rgb(228, 224, 224);
    display:grid;
    place-items:center;
    border-radius:50%;
}

.card_study>img
{
   
    width:100%;
    height:100%;
    border-radius:50%;

}


/* footer section */

.footer
{
    display: flex;
    justify-content: space-around;
    padding:4rem 0 4rem 0;
    text-transform:capitalize;
    background-color:var(--color3);
}

.child>ul>li>a
{
    text-decoration:none;
    color:#777272;
    position:relative;
    right:1.6rem;
}

.child h3
{
    color:var(--color2);
    font-weight: bolder;
    font-size:1rem;
    

}

.child ul li 
{
    font-size:0.8rem;
    list-style:none;
    padding-top:7px;
    color:var(--color2) !important;
    
}

.child ,.clint_pannel 
{
    font-size:1.2rem;
    font-weight:bolder;
}

/* subfooter section */


.subfooter
{
    display: flex;
    background-color:var(--color3);
    justify-content:center;
    align-items: center;
    text-transform: capitalize;
    border-top:1px solid rgb(46, 45, 45);
    padding:var(--padding);
    height:3rem;




    
}

.subfooter_child1 
{
    display: flex;
    justify-content:center;
    align-items: center;
    color:var(--color2);
    flex-direction:column;

}

.subfooter_child1>p
{
    font-size:0.8rem;
    color: #4c5050;
    padding-left:1rem;
    font-weight: bolder;
    color:var(--color2);

}

.subfooter_child1 h1 
{
    font-size:1.1rem;
}