.elementor-3297 .elementor-element.elementor-element-c345af3{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3297 .elementor-element.elementor-element-4f7afd4{--display:flex;--min-height:970px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3297 .elementor-element.elementor-element-4f7afd4.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3297 .elementor-element.elementor-element-59f1c2d > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-3297 .elementor-element.elementor-element-59f1c2d.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-3297 .elementor-element.elementor-element-4f7afd4{--content-width:1360px;}}/* Start custom CSS for html, class: .elementor-element-6213077 */nav ul {
    margin:O;
    padding:0 0 0 15px;
}
nav ul li a {
      background:white;
      color:white;
      display:inline-block;
      list-style-type:none;
      padding:5px 0px 10px 10px;
      margin: 2px;
      margin-left:-5px;
      margin-right:35px;
   
}


#submenu{

    left:0;
    opacity: 0;
    position: absolute;
    Top: 35px;
    visibility: hidden;
    z-index:1;

}

li:hover ul#submenu{

       opacity:1;
       top: 229px;
       visibility: visible;
       margin-right:20px;

}

#submenu li{

     float:none;
     width: 100%:

}

#submenu a:hover{

      background: white;

 
}
 
#submenu a{

   background-color: #white;

}
   

.col {
    background:white;
    border-radius:5px;
    padding:10px 5px;
    float:left;  
    margin:.5%;
    width:20%;
}

#submenu2{

    left:40;
    opacity: 0;
    position: absolute;
    Top: 35px;
    visibility: hidden;
    z-index:1;
   

}

li:hover ul#submenu2{

       opacity:1;
       top: 229px;
       visibility: visible;
       margin-right:20px;

}

#submenu2 li{

     float:none;
     width: 100%:

}

#submenu2 a:hover{

      background: #df4b05;

}
 
#submenu2 a{

   background-color: #34495;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59f1c2d */.column {
    float: left;
    width: 30%;
    padding: 0px 0px 0px 0px; 
    margin: 0%;    
}

.row::after{
    content:"";
    display: table;
    clear: both;
}
p{
    font-size: 14px;
    line-height: 2rem;
    margin-bottom: 32px;
}

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


.about{
     width: 100%
     padding: 78px 0px;
     background-color: black;
}

.about-text{
    width: 595px;
    background-color: transparent;
 
}
.main{

    width: 1130px;
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.about-text h1{
    color:white;
    font-size: 80px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
span{
    color: white;
}
.about-text p{
       color: white;
       letter-spacing: 1px;
       line-height: 28px;
       font-size: 18px;
       margin-bottom: 45px; 
}
.button{
      font-size: 15px;
      text-decoration: none;  
      color:black;
      background-color: orange;
      padding:8px 12px;
      border-radius: 5px;
      letter-spacing: 1px;
}
button:hover{
        background: transparent;
        border: 2px solid;
        cursor: pointer;
}

.title h1{
    text-align: center;
    padding-top: 50px;
    font-size: 42px;
}
.title h1::after{
    content:"";
    height: 4px;
    width:440px;
    background-color: black;
    display: block;
    margin: auto;
}

.


@media screen and (max-width: 940px){
     .services{
         display: flex;
         flex-direction: column;
         }
     .card-content{
         width:85%;
         display: flex;
         margin: 20px 0px;
         } 


.contact-bg h2{
      font-size: 1.3rem;
      font-weight: 400;      
}
.h2{
    font-size: 3rem;
    text-transform: uppercase;
    padding: 0.4rem 0; 
    letter-spacing: 4px;
}

@import url('http://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;&display=swap');/* End custom CSS */