/*
Template Name: Fishing
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.carousel-caption{
	background-color: var(--bg_back)!important;
	bottom:0;
	left:0;
	color:var(--bs-white);
	width:100%;
	height:100%;
	padding: 110px 140px 0px 140px;
	text-align:left;
 }
.carousel-caption h1{
   font-size:60px;
 }

/*********************center_home_end****************/

/*********************spec****************/
.spec_1_left{
	border-radius:0px 100px 0px 0px;
	border-bottom:3px solid var(--blue);
}
#spec{
	bottom:-200px;
}
/*********************spec_end****************/

/*********************about_h****************/
#about_h{
	margin-top:0px;
}
.image_1{
	width:92%;
}
.image_2{
	bottom:-40px;
	border:10px solid var(--bs-white);
	border-radius:100px 0px 0px 0px;
}
.about_h1_left_1{
	 border:10px solid var(--bs-white);
	 width:30%;
	 left:-50px;
	 bottom:120px;
}
/*********************about_h_end****************/

/*********************serv****************/
.serv_2_left span{
	width:80px;
	height:80px;
	line-height:80px;
	top:190px;
	right:30px;
}
/*********************serv_end****************/


/*********************proj****************/
.proj_1_left{
	border-radius:50px 0px 50px 0px;
}
.icon_1{
	width:70px;
	height:70px;
	line-height:70px;
}
/*********************proj_end****************/

/*********************port****************/

 .swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.latest_2_left2{
  padding-top:4%;
  display:none;
  transition: 0.3s;
}
.latest_2_left:hover .latest_2_left2{
  display:block;
  transition: 0.3s;
}
.modal-dialog {
	max-width: 800px;
}
.modal {
  z-index:10000;
 }
.latest_2_left3{
	border-radius:0px 50px 0px 50px;
	width:95%;
	left:2%;
	bottom:0;
	border-left:10px solid var(--blue);
	border-bottom:1px solid var(--blue);
}
.icon_2{
	width:50px;
	height:50px;
	line-height:50px;
}
/*********************port_end****************/

/*********************choose****************/

#choose{
    background-image: url(../image/18.jpg);
    background-position: center center;
    background-size: cover;
}

/*********************choose_end****************/

/*********************team****************/
.team_1_left ul{
	top:50px;
	display:none;
	transition: 0.3s;
}
.team_1_left:hover ul{
	display:block;
	transition: 0.3s;
}

/*********************team_end****************/

/*********************gallery****************/
.masonry-item img {
      width: 100%;
      height: auto;
      display: block;
 }
.homei1i2{
	padding-top:105%;
}
.homei1i2o{
	 padding-top:40%!important;
}
.homei1i2o1{
	 padding-top:122%!important;
}

/*********************gallery_end****************/

/*********************work****************/
.work_1_left span{
	 width:90px;
	 height:90px;
	 line-height:90px;
}
/*********************work_end****************/


/*********************disc****************/
#disc_o {
    background-image: url(../image/2.jpg);
    background-position: center center;
    background-size: cover;
}
/*********************disc_end****************/

@media screen and (max-width : 767px){
.carousel-caption {
    position:static!important;
	padding:15px 15px 50px 15px;
	background:var(--bs-dark)!important;
	text-align:left!important;
}
.carousel-caption h1 {
    font-size: 30px;
}
.carousel-caption br {
    display:none;
}
.carousel-caption p {
    width:100%!important;
}

.carousel-caption ul li {
    margin:5px!important;
}

#spec {
    position:static!important;
	padding-top:50px;
}
#about_h {
    margin-top:0;
}
.spec_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
.about_h1_left_1{
	position:static!important;
	width:100%!important;
}
.image_2 {
    position:static!important;
	margin-top:20px;
	margin-bottom:20px;
}
.image_1 {
    width: 100%;
}
.about_h1_left{
	text-align:center;
}
.about_h1_right{
	padding-left:0!important;
	margin-top:20px;
}
.serv_2_left span {
   top:30px;
}
.serv_2_left{
	margin-top:10px;
	margin-bottom:10px;
}
.proj_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
.choose_1_right_inner_left{
	margin-top:10px;
}
.team_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
.price_1_left{
	margin-top:10px;
	margin-bottom:10px;
}

.homei1i2{
	padding-top:100%;
}
.homei1i2o{
	 padding-top:35%!important;
}
.homei1i2o1{
	 padding-top:115%!important;
}
.work_1_left{
	margin-top:10px;
	margin-bottom:10px;
}

.disc_1 p{
	width:100%!important;
}

.feature_1r{
	margin-top:20px;
}
.learn_1r{
	margin-top:20px;
}
.latest_2_left {
	margin-top:10px;
	margin-bottom:10px;
}
.latest_2_left2{
	padding-top:1%;
}
.font_120 {
    font-size: 90px;
}
#testim{
	padding-left:10px;
	padding-right:10px;
}
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {

.center_home img{
   min-height:550px;
 }
.carousel-caption h1 {
    font-size: 50px;
}
.carousel-caption br {
    display:none;
}
.carousel-caption p {
    width:70%!important;
}
.carousel-caption{
	padding: 70px 90px 0px 90px;
 }

#spec {
    position:static!important;
	padding-top:50px;
}
#about_h {
    margin-top:0;
}
.spec_1_left{
	margin-top:10px;
	margin-bottom:10px;
}

.about_h1_left_1{
	position:static!important;
	width:100%!important;
}
.image_2 {
    position:static!important;
	margin-top:20px;
	margin-bottom:20px;
}
.image_1 {
    width: 100%;
}
.about_h1_left{
	text-align:center;
}
.about_h1_right{
	padding-left:0!important;
	margin-top:20px;
}
.serv_2_left span {
   top:30px;
}
.proj_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
.team_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
#testim{
	padding-left:10px;
	padding-right:10px;
}
.latest_2_left {
	margin-top:10px;
	margin-bottom:10px;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.center_home img{
   min-height:700px;
 }
.carousel-caption h1 {
    font-size: 50px;
}
.carousel-caption{
	padding: 100px 120px 0px 120px;
 }

 .about_h1_left_1{
	 width:40%;
	 left:0;
}
.serv_2_left span {
   top:30px;
}
#testim{
	padding-left:10px;
	padding-right:10px;
}
.homei1i2{
	padding-top:100%;
}
.homei1i2o{
	 padding-top:35%!important;
}
.homei1i2o1{
	 padding-top:115%!important;
}
.font_120 {
    font-size: 70px;
}
 }

@media (min-width:1201px) and (max-width:1300px) {
.center_home img{
   min-height:680px;
 }
 .about_h1_left_1{
	 left:0;
}
 }
@media screen and (min-width : 1400px){

#spec{
	bottom:-150px;
}
#about_h{
	margin-top:150px;
}
 }