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

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.relative{
  position: relative !important;
}

@font-face {
  font-family: American Typewriter;
  src: url(American_Typewriter_Regular.ttf);
}
body{
  margin: 0;
  padding: 0;
  font-family: American Typewriter;
  overflow-x: hidden;
}
.section-title{
  text-align: left;
  font: normal normal normal 90px American Typewriter;
  letter-spacing: 0px;
  color: #0D7D8A;
  opacity: 1;
}

.header_social_icons{
  display: flex;
  align-items: center;
  gap: 10px;
}
.header_social_icons a{
  text-decoration: none;
  color: #0D7D8A;
  font-size: 24px;
}
.header_social_icons a:nth-child(n + 4){
  text-align: left;
  font: normal normal normal 16px "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  padding-left: 15px;
}
.navbar-collapse{
  flex-grow: unset;
}

.navbar-brand img{
  height: 120px;
}
.navbar-light .navbar-nav .nav-link{
  text-align: left;
font: normal normal normal 16px "Poppins", sans-serif;
letter-spacing: 0px;
color: #000000;
opacity: 1;
padding-left: 25px;
}


.About_us h3{
  text-align: left;
  font: normal normal normal 74px American Typewriter;
  letter-spacing: -3px;
  color: #000000;
  opacity: 1;
}

.About_us p{
  text-align: left;
  font: normal normal normal 18px "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  padding: 12px 0;
}

.About_us a{
  text-align: left;
  font: normal normal normal 24px American Typewriter;
  letter-spacing: 0px;
  color: #0D7D8A;
  opacity: 1;
  text-decoration: none;
}

.our_work .section-title{
  text-align: center;
}

.our_work .sub-title{
  text-align: center;
  font: normal normal normal 18px "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.our_work .work-tabs .nav-tabs{
  display: flex;
  justify-content: space-between;
  border: 0;
}

.our_work .work-tabs .nav-tabs .nav-link {
  text-align: left;
  font: normal normal normal 24px American Typewriter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  border: 0;
}

.our_work .work-tabs .nav-tabs .nav-link.active {
  text-align: left;
  font: normal normal normal 24px American Typewriter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  border: 0;
  border-bottom: 2px solid #0D7D8A;
}

.contact_grid{
  padding-right: 50px !important;
  display: flex;
}
.contact_grid_left{
  display: flex;
    flex-direction: column;
    width: 50%;
    margin-top: 150px;
    position: relative;
    padding: 0;
    align-items: end;
}
.contact_grid_right{
  display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0;
}

.contact_grid_item{
  padding: 12px 0;
  padding: 0 10px;
}
.left_hr_right{
  position: absolute;
    right: 0;
    top: 40px;
    width: 3px;
    height: 356px !important;
    background: #000;
    opacity: 1;
}
.left_hr_bottom{
  height: 3px !important;
  width: 50%;
  background: #000;
  opacity: 1;
}

.contact_grid_left .left_hr_bottom{
  float: right;
}

.contact_form .form-group{
  padding-top: 20px;
}

.contact_form .form-group .form-control{
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  border-radius: 0;
  text-align: left;
  font: normal normal 300 16px/25px "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.contact_form .form-group .form-control::placeholder{
  color: #000000;
  opacity: 1;
}
.contact_form .form-group button{
  width: 162px;
  height: 60px;
  /* UI Properties */
  background: #0D7D8A 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  color: #FFF;
  border: 0;
}

footer{
  /* margin-top: 185px !important; */
  background: #0D7D8A 0% 0% no-repeat padding-box;
opacity: 1;
}

.footer-bottom div{
  font: normal normal 300 16px/25px "Poppins", sans-serif;
}

.footer-menu div a{
  text-decoration: none;
  text-align: left;
  font: normal normal 300 16px/25px "Poppins", sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}

.owl-item {width: 128.906px; margin-right: 10px; background:powderblue; }

.footer_social_icons{
  display: flex;
  justify-content: center;
}

.footer_social_icons a{
  text-decoration: none;
  font-size: 32px;
  color: #FFFFFF;
  padding: 0 10px 20px;
}
.footer_social_icons a .fa{
  font-size: 32px;
  color: #FFFFFF;
}

.mid_banner{
  margin-top: 185px;
}
.mid_banner_main_container{
  background-image: url(../img/empty-simple-dark-background-product-photography.jpg);
  height: 697px;
  width: 100%;
  background-size: cover;
  transition: all 1s ease;
}
.class-pre-wedding .mid_banner_main_container{
  background-image: url(../img/gold-rings-green-leaves-wedding-rings-close-up.jpg);
}
.class-events .mid_banner_main_container{
  background-image: url(../img/Mela_New_Year_Bash-01.jpg);
}
.class-headshots .mid_banner_main_container{
  background-image: url(../img/empty-simple-dark-background-product-photography.jpg);
}


.mid_banner_main_container h2{
  text-align: left;
  font: normal normal normal 80px/92px American Typewriter;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  padding-top: 102px;
}

.mid_banner_main_container p{
  text-align: left;
  font: normal normal 300 18px "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.specilities{
  padding-top: 30px;
}
.specilities-item{
  padding: 7px 0;
  display: flex;
  gap: 20px;
}
.specilities-item h3{
  text-align: left;
font: normal normal normal 36px American Typewriter;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.specilities-item:nth-child(3){
  display: flex;
  gap: 10px;
}

.mid_banner hr{
  width: 100px;
  height: 5px !important;
  background: #FFF;
  opacity: 1;
  border-radius: 10px;
  transition: 1s;
}

.pre-wedding,
.events,
.headshots{
  display: none;
  transition: 1s;
}

.class-pre-wedding .pre-wedding,
.class-events .events,
.class-headshots .headshots{
  display: flex;
  transition: 1s;
}
.team img{
  transition: 1s;
}

.team{
  position: relative;
  top: -200px;
}

.about_top_banner{
  max-width: 1920px;
  height: 571px;
  background-image: url(./../img/side-view-photographer-married-couple.jpg);
  background-size: 100% 100%;
  position: relative;
}

.about_banner_2{
  background-image: url(./../img/about_banner_2.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 100px 0;
  padding-bottom: 100px;
}
.our_work_top_banner{
  max-width: 1920px;
  height: 571px;
  background-image: url(./../img/our_work_top_banner.jpg);
  background-size: cover;
  position: relative;
}
.about_title{
  text-align: left;
  font: normal normal normal 90px American Typewriter;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  position: absolute;
  bottom: 30px;
}
h3.about_section_title{
  font: normal normal normal 36px American Typewriter;
}

.contact_top_banner{
  max-width: 1920px;
  height: 571px;
  background-image: url(./../img/contact_banner.jpg);
  background-size: 100% 100%;
  position: relative;
}
.contact_title{
  text-align: left;
  font: normal normal normal 90px American Typewriter;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.Contact_info{
  display: flex;
  gap: 15px;
}
.Contact_info .fas{
  color: #fff;
  position: relative;
  top: 5px;
}
.Contact_info a, .Contact_info p{
  text-align: left;
  font: normal normal normal 18px "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #FFF;
  opacity: 1;
  text-decoration: none;
}

.contact_top_banner .contact_banner_content{
  bottom: 20px;
  /* left: 0;
  right: 0;
  margin: auto; */
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact_top_banner .contact_banner_content div:first-child{
  width: 100%;
}

.col-20{
  padding: 10px 10px;
  width: 20%;
  height: 200px;
  overflow: hidden;
}
.col-20 img{
  object-fit: contain;
  height: auto;
  width: 100%;
}
.view_more{
  text-align: right;
font: normal normal normal 30px/35px American Typewriter;
letter-spacing: 0px;
color: #0D7D8A;
opacity: 1;
width: 100%;
    display: block;
    margin-top: 20px;
}
.carousel-inner .carousel-item img{
  width: 100%;
}
.profile_img{
  transition: 1s;
  overflow: hidden;
}
.profile_img:hover{
  scale: 1.1;
}

.mob-show{
  display: none;
}
@media screen and (min-width: 1920px) {
  .contact_top_banner, .about_top_banner, .our_work_top_banner{
    max-width: 100%;
    height: 720px;
  }
}
@media screen and (max-width: 767px) {
  
  .header_social_icons{
    display: none;
  }
  .mob-show.header_social_icons{
    display: block;
  }
  .header_social_icons a{
    padding: 10px 5px;
  }
  .header_social_icons a:first-of-type{
    padding-left: 20px;
  }
  .header_social_icons a:nth-child(n + 4){
    display: block;
    padding: 10px 20px;
  }
  .section-title{
    font-size: 48px;
  }
  .About_us h3{
    font-size: 36px;
  }
  .mid_banner_main_container h2{
    font-size: 48px;
  }
  .specilities-item hr{
    display: none;
  }
  .team {
    position: relative;
    top: -75px;
}
  .left_hr_right, .left_hr_bottom{
    display: none;
  }
  .contact_grid_item{
    padding: 10px;
  }
  .contact_grid_left{
    margin-top: 0px;
  }
  .contact_grid{
    padding: 10px 15px;
    padding-right: 15px !important;
  }
  .footer-menu{
    gap: 12px;
  }
  .col-20{
    padding: 20px 10px;
    width: 50%;
    height: 150px;
    overflow: hidden;
    margin-top: 0;
  }
  .our_work .work-tabs .nav-tabs .nav-link, .our_work .work-tabs .nav-tabs .nav-link.active{
    font-size: 18px;
  }
  .about_title, .contact_title{
    font-size: 56px;
  }
  .our_work_top_banner{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 360px;
}
.about_top_banner{
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 36%;
  height: 360px;
}
.contact_top_banner {
  background-size: cover;
  background-repeat: no-repeat;
  height: 594px;
}
}