.elementor-11 .elementor-element.elementor-element-bb8c8cc{--display:flex;--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-212803b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-212803b4:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-212803b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-212803b4, .elementor-11 .elementor-element.elementor-element-212803b4::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-212803b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-3ddcf874 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-3ddcf874{text-align:center;}.elementor-11 .elementor-element.elementor-element-3ddcf874 .elementor-heading-title{color:#FDFDFD;}.elementor-11 .elementor-element.elementor-element-258ccb5e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--background-transition:0.3s;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:130px;--padding-right:130px;}.elementor-11 .elementor-element.elementor-element-4831e2e0{--display:flex;--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-4831e2e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-5ce8fb69{--display:flex;--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-5ce8fb69.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-63bcf0b4 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-258ccb5e{--gap:40px 40px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-258ccb5e{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-4831e2e0{--width:346.006%;}.elementor-11 .elementor-element.elementor-element-5ce8fb69{--width:346.006%;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-212803b4{--width:100%;}.elementor-11 .elementor-element.elementor-element-4831e2e0{--width:40%;}.elementor-11 .elementor-element.elementor-element-5ce8fb69{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-4831e2e0{--width:58%;}.elementor-11 .elementor-element.elementor-element-5ce8fb69{--width:58%;}}/* Start custom CSS for html, class: .elementor-element-46b8f56d */@import url(https://fonts.googleapis.com/css?family=Raleway);


*, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}





.main-title{
  color: #2d2d2d;
  
  text-transform: capitalize;
  padding: 0.7em 0;
}


.container{
  padding: 1em 0;
  float: left;
  width: 50%;
}
@media screen and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
}


@media screen and (min-width: 900px){
  .container{
    width: 33.33333%;
  }
}


.container .title{
  color: #1a1a1a;
  
  
}


.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  
}



.content:hover .content-overlay{
  opacity: 1;
}


.content-image{
  width: 100%;
}


.content-details {
  position: absolute;
  text-align:center;
  
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


.content:hover .content-details{
  top: 70%;
  left: 50%;
  opacity: 1;
  
}


.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  
}


.content-details p{
  color: #fff;
  font-size: 0.8em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63bcf0b4 */@import url(https://fonts.googleapis.com/css?family=Raleway);


*, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}





.main-title{
  color: #2d2d2d;
  
  text-transform: capitalize;
  padding: 0.7em 0;
}


.container{
  padding: 1em 0;
  float: left;
  width: 50%;
}
@media screen and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
}


@media screen and (min-width: 900px){
  .container{
    width: 33.33333%;
  }
}


.container .title{
  color: #1a1a1a;
  
  
}


.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  
}



.content:hover .content-overlay{
  opacity: 1;
}


.content-image{
  width: 100%;
}


.content-details {
  position: absolute;
  text-align:center;
  
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


.content:hover .content-details{
  top: 70%;
  left: 50%;
  opacity: 1;
  
}


.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  
}


.content-details p{
  color: #fff;
  font-size: 0.8em;
}/* End custom CSS */