@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);

body{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 22pt;
  color: #1e1e1e;
  font-weight: 400;
  margin: 0;
p{padding: 0;margin: 0;text-align: justify;}
}
body{
  margin: 0;
}

.content-inner {
  padding-top: 120px;
  padding-bottom: 90px; }
  .flip-vertical {
/* Safari */
	-webkit-transform: rotate(-180deg);
	/* Firefox */
	-moz-transform: rotate(-180deg);
	/* IE */
	-ms-transform: rotate(-180deg);
	/* Opera */
	-o-transform: rotate(-180deg);
	border-left:2px solid #ffffff;
	border-right:none !important;
}
  @media only screen and (max-width: 991px) {
    .content-inner {
      padding-top: 50px;
      padding-bottom: 20px; } }


  @media only screen and (max-width: 991px) {
    .content-inner-1 {
      padding-top: 50px;
      padding-bottom: 50px; } }


  @media only screen and (max-width: 991px) {
    .content-inner-2 {
      padding-top: 50px; } }

.content-inner-3 {
  padding-top: 60px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 991px) {
    .content-inner-3 {
      padding-top: 50px;
      padding-bottom: 20px; } }

.content-inner-4 {
  padding-top: 150px;
  padding-bottom: 150px; }
  @media only screen and (max-width: 991px) {
    .content-inner-4 {
      padding-top: 50px;
      padding-bottom: 50px; } }

	  .about-bx2 .dz-media {
  position: relative;
  overflow: unset;
  margin-right: 40px; }

.client-logo-com {
    padding: 0 !important;
}

  .service-img{
    img{
      height: auto !important;
    }
  }



//   ---------------------------------new-------------------------
.projects-home{
	.img-group-2{
	.dz-box{
		&:first-child{margin-bottom: 8px;}
	}
}
.col-md-3{
	padding: 0 4px;
}
.dz-box.style-1 {
    margin-bottom: 10px;
}
.projects-home {
    margin-top: 25px;
}
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
    transition-property: opacity,transform;
}
.blog-area{
	.dz-info{
		/*background-color: #292929;*/
		.dz-title{
			a{color: #ffffff;}
		}
		li{color: #fff !important;}
			a{color: #fff !important;}
	}
	.btn::before {
    	border: 2px solid #fff;
		border-right: 0;
    border-bottom: 0;
	}
	.btn::after {
		border: 2px solid #fff;
		border-left: 0;
		border-top: 0;
	}
	.btn-primary {
		border-color: #29292900;
    background-color: #29292900;
	}
	.btn.btn-primary:hover {
		color: #000;
		background-color: #292929;
	}
  .dz-card{cursor: pointer;
    &:hover{
      .dz-info {
        background-color: #29292900;
        transition:1.5s;
      }
      .dz-info{
        .dz-meta{
          ul{
            li.post-date {
              bottom: auto;
              position: absolute;
              top: -195px !important;
            }
          }
        }
      }
    }
  }
}
.footer-area{
	.widget_about{
		p{
			i{font-weight: 300;}
		}
	}	
}
.side-contact-info{
  ul{
    li:hover{    background-color: #dee2e6;
    }
  }
}
.about-bx2{
	.accordion-button{
		img{margin-right:10px;}
	}
	
	
}

.drawer-common{
      bottom: 365px !important;
  background-color: #000000ad !important;
  top: 90px !important;
  bottom: 340px !important;
  .offcanvas-header{
    h5{color: #fff;}
  } 
  .offcanvas-body{
    .form-control{
      background: rgba(255,255,255,0);
      border: none;
      border-bottom: 1px solid #cccccca8;
      padding: 10px 0px;
      height: unset;
     color: #ffffff !important;
    }
  }
  .form-select{
    background-color: #fff0;
    padding: 10px 0px;
    border-bottom: 1px solid #cccccc8c;
    border-radius: unset;    z-index: 1;
    &:focus{border-color: #e50b1900;border-bottom: 1px solid #8c8b8c;}
    option { background:#000; color:#fff} 
    color: #ffffff;
  }
  .btn {
    color: #fff !important;
    margin-top: 16px;
}
.offcanvas-header{
  padding: 25px 17px;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #ffffff;;
            opacity: 1; /* Firefox */
}
}

.input::placeholder {
 color: #fff !important;
 opacity: 1;    z-index: 1;
 }
.offcanvas-backdrop.show {
    opacity: 0;
}
.client-logo-com{
   padding: 0;
    .head-client {
    background: #e50019;
    transform: rotate(-90deg);
    float: left;    position: relative;
    left: -104px;
    top: 73px;
    width:261px;
    h4{    
      width: max-content;
          padding: 10px 44px;
      color: #fff;
      font-size: 18px;
      margin-left:25px;
    }
}
.swiper-wrapper{
  height: auto;
}
.swiper-container {
        left: -97px;
}
.clients-logo {
    padding: 25px 25px;
    height: auto;
    width: 200px;
}
.swiper-button-white{
  color: #000;
}
.slider-one-pagination{
        float: right;
    position: relative;
    top: 0;
    right: 28px;
    // transform: rotate(90deg);
}
.btn-prev {
    margin-right: 0;
}
.clients-logo:hover .logo-main {
    display: block;
}
}
.clients-padding {
        padding-top: 30px;
    padding-bottom: 30px !important;
}
.detail-page-common{padding-bottom: 40px;padding-top: 65px;
  .filters{
    li{
      &::before{
        border: none !important;
      }
    }
  }
  .card-container{
    padding: 5px;
  }
  .load-more{    text-align: center;
    margin-top: 40px;}
}

.clients-slider{padding-bottom: 0;
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 99;
   top: -97px;
    right: -45px;
    transform: rotate(90deg);
}
// .client-logo-com .swiper-container {
//     left: -30px;
// }
.swiper-pagination-bullet-active{
      background: #000 !important;
    border: 1px solid #000 !important;opacity: 1 !important;
  &:before{
    content: "";
    border-top: 1px solid #000;
    width: 30px;
  }
}
.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #000;
    opacity: .2;
    margin-right: 2px;
}

.swiper-container{
        margin-left: 0;
    margin-right: 0;
    left: -50px;
    padding-right: 0;
}
.client-logo-com .clients-logo {
    padding: 0 30px;
    height: auto;
    width: 180px;
}
}
.work-process{
  .title {
    font-size: 20px;
  }
  p{
    font-size: 14px;
        line-height: 18pt;
  }
}
.about-bx2{background-image: url(../../../../../../../../../themes/amzanneon/static/images/bg/background1.jpg);
    background-position: center;
   background-size: 100% 100%;
    background-repeat: no-repeat;}
    .service-index{
      background-image: var(--wpr-bg-cfcc3b93-11cd-4eda-9aec-b45e8f604bb3);
    background-position: center;
   background-size: 100% 100%;
    background-repeat: no-repeat;
    }
    .news-feed-index{
       background-image: var(--wpr-bg-07bc41bb-e2f7-41e4-bc54-0341c19abf2a);
    background-position: center;
   background-size: 100% 100%;
    background-repeat: no-repeat;
    }
    #footer{
      background-image: var(--wpr-bg-d4048334-f2a4-49a1-88a8-e59b445cdb5b);
    background-position: center;
   background-size: 100% 100%;
    background-repeat: no-repeat;
	padding-top:30px;	
    }
  .abt-process{
    padding-top: 80px;
    padding-bottom: 80px;
        margin-top: 30px;
  }
  .section-para{
    margin-bottom: 30px;
  }
  .service-common{
        padding-top: 42px;
  }
  .news-feed-common{padding-top: 45px;
    padding-bottom: 45px;
    .load-more{
          text-align: center;
    margin-top: 40px;
    a{
    border-color: #ffffff00;
    background-color: #ffffff00;
  }
    }
  }
.contact-page{
      padding-top: 65px;
    padding-bottom: 30px;

  .icon-bx-wraper {
    position: relative;
    height: 160px;
}
}
.service-detail-page{
      padding-top: 60px;
    padding-bottom: 0px;
}
.blog-detail-page{
 
  .ext-sidebar-menu{
    ul {
      li{width: 40%;
         a {
           font-weight: 600;
    font-size: 18px;
    color: #000;
          padding: 15px 30px 15px 42px;
          &::after{font-size: 22px;
              width: 25px;
              height: 25px;
              line-height: 25px;
          }
        }
      }
    }
  }
  .recent-posts-entry{
    .widget-post-bx{
      .widget-post{
        .title {
            font-weight: 600;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
    line-height: 16pt;
        }
      }
    }
    .post-date {
    color: #000000 !important;
    font-size: 12px !important;
    padding-left: 15px;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
    position: relative;
    font-weight: 500 !important;
    span{color: #e50019;}
}
li{padding-left: 0 !important;
  &::after{
    display: none;
    
  }
}
  }
  .dz-card{
    .dz-info {padding: 5px 20px;}
    .dz-title{font-size: 15px;}
    .btn{font-size: 12px;padding: 10px 20px;}
    
  }
  .blog-area .dz-card:hover .dz-info .dz-meta ul li.post-date {
    bottom: auto;
    top: 20px;
    position: absolute;
    top: -150px !important;
    transition:1s;
}
.content-inner {
        padding-top: 70px !important;
        padding-bottom: 20px !important;
      }
}
.proj-location {display: flex;align-items: center;padding: 15px 0;
  i{
    width: 40px;
    height: 40px;
    background: var(--primary);
    text-align: center;
    line-height: 42px;
    color: #fff;
    border-radius: 50px;
    left: 0;
    box-shadow: 5px 5px 30px -15px var(--primary);
    margin-right: 15px;
  }
  .proj-det{line-height: 10pt;
    h4{font-size: 18px;font-weight: 500;
    }
  }

}
.project-detail-page{    padding-top: 60px;
    padding-bottom: 0px;
  .section-head {
    margin-bottom: 20px;
    margin-top: 20px;
    .title{font-size: 38px !important;}
  }
  .silder-two .swiper-slide:after{display: none;}
  .silder-two .slider-one-pagination {
    margin: auto;
    transform: rotate(-90deg);
    background-color: rgba(255,255,255,0);
    right: 0 !important;
    left: 0;
    top: 77%;
  }
  .silder-two .swiper-pagination .swiper-pagination-bullet:after {
    border: 1px solid #000;
}
.silder-two .slider-one-pagination .btn-next, .silder-two .slider-one-pagination .btn-prev {
        background: #fff0 !important}
    .swiper-portfolio-2 .swiper-pagination .swiper-pagination-bullet{
          color: #000;    background: #000;
    }
.silder-two .swiper-slide{
  padding-bottom: 0;
}
.swiper-portfolio-2 .swiper-slide {
   margin-top: 0;
    margin-bottom: 115px;
}
.proj-det-img{
      margin-bottom: 80px;
}

}
#lg-download, #lg-share, #lg-counter {display: none;}
.lg-autoplay-button{display: none !important;}
#lg-actual-size{display: none;}
.lg-icon{display: none !important;}

@media only screen and (max-width: 600px){
  .content-inner-1 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.site-filters.style-1 {
    margin-bottom: 15px;
}
.detail-page-common{
   .load-more {
    margin-top: 25px;
}

}
  .project-detail-page{
    .proj-det-img {
      margin-bottom: 0px;
    }
   .section-head{
    .title {font-size: 26px !important;}
   }
   .silder-two{    
    .slider-one-pagination{top: 90%; height: 100%;    width: 60px;}
   }
   .swiper-pagination {
    transform: translate(-60%, -65%);}
    .swiper-portfolio-2{
    .swiper-slide{margin-bottom: 45px !important;

    }
  }
  }
  .news-feed-common{
    .col-md-4{
          margin-bottom: 30px;
    }
  }
  .blog-detail-page{
    .dz-card.style-1{
      .dz-info{
          flex-direction: column;
          justify-content: center;
          height: 27%;
          width: 100%;
        }
    }
    .blog-area{
      .col-md-4{margin-bottom: 20px;}
    }
    .extra-blog {margin-bottom: 0;}
  
      .ext-sidebar-menu{
        ul{
          li {
            width: 100% !important;
        }
        }
      }
     .content-inner {
        padding-top: 70px !important;
        padding-bottom: 20px !important;
      }
  }
 .clients-slider{ padding-top: 23px;padding-bottom: 54px !important;
  .swiper-pagination{display: none;}
  .swiper-container{    left: -97px !important;}
 }
 .projects-common{
     .text-start {
        text-align: center !important;
      }
 }

}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: unset;
    border-color: #fff0;
}
input[placeholder], [placeholder], *[placeholder] {
    /*color: rgb(0, 0, 0) !important;*/
}
.extra-icon-box{
  .social-list{display: flex; flex-direction: row !important;
    li {
      display: inline-block;
    }
  }
  i{position: relative;}
}
.extra-nav{
  .extra-icon-box {padding-left: 0px;}
}

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
	/* width: 100%; */
	width: 500px;
	
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {background: #fff var(--wpr-bg-13dc8102-e92f-488b-a9bf-a75c3841c034) center center no-repeat; } /* Icons */ @font-face {font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('../../../../../../../../../themes/amzanneon/static/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url(../../../../../../../../../themes/amzanneon/static/css/) format('woff'), url(../../../../../../../../../themes/amzanneon/static/css/) format('truetype'), url('../../../../../../../../../themes/amzanneon/static/css/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } /*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; }*/ .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25; } .slick-prev:before, .slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev {left: -25px; } [dir='rtl'] .slick-prev {right: -25px; left: auto; } .slick-prev:before {content: '←'; } [dir='rtl'] .slick-prev:before {content: '→'; } .slick-next {right: -25px; } [dir='rtl'] .slick-next {right: auto; left: -25px; } .slick-next:before {content: '→'; } [dir='rtl'] .slick-next:before {content: '←'; } /* Dots */ .slick-dotted.slick-slider {margin-bottom: 30px; } .slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li {position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #d6d6d6; border-radius: 35px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; } .slick-dots li button:before {font-family: 'slick'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; } .magazi-carousel .slick-dots li.slick-active button {background-color: #232323; width:40px; }