.align-justify
{
    text-align: justify!important;
}
/* Default fallback */
.headpc {
    min-width: 0 !important;
}

/* PC / desktop: center a compact mega menu horizontally under the navbar.
   Bootstrap dropdowns position absolutely inside their parent <li>.
   We make the parent <li> static so the absolute menu can center
   relative to the next positioned ancestor (the navbar container). */
@media only screen and (min-width: 1024px) {
    .header-nav .container,
    .header-nav .container-fluid {
        position: relative;
    }

    .navbar .nav-item.dropdown:has(> .headpc) {
        position: static !important;
    }

    .headpc {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: 880px !important;
        max-width: calc(100vw - 60px) !important;
        min-width: 0 !important;
        padding: 18px 22px !important;
        border-radius: 10px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
    }

    .headpc .row {
        margin: 0 !important;
    }

    .headpc .col-md-6,
    .headpc .col-lg-4 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .headpc h4 {
        padding: 10px 12px 6px !important;
        font-size: 15px !important;
        margin-bottom: 2px;
    }

    .headpc .dropdown-item {
        padding: 5px 12px !important;
        font-size: 14px !important;
        line-height: 1.4;
        white-space: normal;
    }
}

@media only screen and (min-width: 1200px) {
    .headpc {
        width: 960px !important;
    }
}

/* Tablet & mobile: center inside the collapsed navbar */
@media only screen and (max-width: 1023px) {
    .headpc {
        position: static !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        transform: none !important;
        min-width: initial !important;
        width: 100% !important;
        text-align: center;
    }

    .headpc h4,
    .headpc .dropdown-item {
        text-align: center !important;
    }
}

.action1
{
	width: -webkit-fill-available!important;
}
.text-left
{text-align: left!important;

}
.padbot-25
{
	padding-bottom: 25px!important;
}
/*------------------------------------------------------------------
Video section
-------------------------------------------------------------------*/

.video_wrapper {
	width: 880px;
	  height: 497px;
	margin: 0 auto;
	position: relative;
	background-color: #000;
  }
  .video_wrapper_full {
	padding-top: 315px;
  }
  
  
  .videoIframe {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: transparent;
  }
  
  .videoPoster {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 880px;
	  height: 497px;
   background-image:url(https://www.acpbuyingguide.com/images/free-copy.png);
	background-size: cover;
	border: none
	 text-indent: -999em;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: opacity 800ms, height 0s;
	-moz-transition: opacity 800ms, height 0s;
	transition: opacity 800ms, height 0s;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
	  border: 0;
  }
  .videoPoster:hover {
	cursor: pointer;
  }
  
  
  .videoPoster:hover:before,  .videoPoster:focus:before {
	  border-color: #f00;
  }
  .videoPoster:hover:after, .videoPoster:focus:after {
	border-left-color: #f00;
  }
  .videoWrapperActive .videoPoster {
	opacity: 0;
	height: 0;
	-webkit-transition-delay: 0s, 800ms;
	-moz-transition-delay: 0s, 800ms;
	transition-delay: 0s, 800ms;
  }
/*
-----------------------
    Services 
--------------------------*/
.service-item {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0px 3px 53px 0px rgba(40, 40, 40, 0.05);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  
  .service-item .service__img {
	position: relative;
  }
  
  .service-item .service__img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.4;
	-webkit-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	-moz-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	-ms-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	-o-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
  }
  
  .service-item .service__img img {
	width: 100%;
	max-width: 100%;
  }
  
  .service-item .service__content {
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
	background-color: #fff;
	padding: 50px 40px 50px;
  }
  
  .service-item .service__icon {
	margin-bottom: 60px;
  }
  
  .service-item .service__icon i {
	font-size: 65px;
	line-height: 1;
	color: #DF292A;
  }
  
  .service-item .service__title {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
  }
  
  .service-item .service__desc {
	margin-bottom: 0;
  }
  
  .service-item .btn__link {
	margin-top: 28px;
  }
  
  .service-item .btn__link i {
	width: 22px;
	height: 22px;
	line-height: 22px;
	background-color: #222222;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
  }
  
  .service-item .btn__link:hover i {
	background-color: #DF292A;
  }
  
  .service-item:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
  }
  
  .service-item:hover .service__icon {
	-webkit-animation: slideTopDown 1s infinite alternate;
	-moz-animation: slideTopDown 1s infinite alternate;
	-ms-animation: slideTopDown 1s infinite alternate;
	-o-animation: slideTopDown 1s infinite alternate;
	animation: slideTopDown 1s infinite alternate;
  }
  
  .service-item .service__overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color: rgba(255, 94, 20, 0.9);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
  }
  
  .service-item:hover .service__overlay {
	opacity: 1;
  }
  
  .services-layout2 .service__content {
	padding: 50px 40px 20px;
  }
  
  .services-layout2 .service-item:hover .service__content {
	background-color: #DF292A;
  }
  
  .services-layout2 .service-item:hover .service__icon i,
  .services-layout2 .service-item:hover .service__title,
  .services-layout2 .service-item:hover .service__desc,
  .services-layout2 .service-item:hover .btn__link {
	color: #ffffff;
  }
  
  .services-layout2 .service-item:hover .btn__link i {
	color: #DF292A;
  }
  
  .services-layout2 .service-item .btn__link {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding-top: 28px;
	margin-top: 28px;
	border-top: 2px solid #eaeaea;
  }
  
  .services-layout2 .service-item .btn__link i {
	background-color: #ffffff;
	color: #222222;
  }
  
  /* Medium Size Screens */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-item .service__icon {
	  margin-bottom: 15px;
	}
  
	.service-item .service__icon i {
	  font-size: 50px;
	}
  
	.service-item .service__title {
	  font-size: 25px;
	  margin-bottom: 10px;
	}
  }
  
  /* Mobile Phones and tablets */
  @media only screen and (min-width: 320px) and (max-width: 767px) {
	.service-item .service__content {
	  padding: 20px;
	}
  
	.service-item .service__title {
	  font-size: 22px;
	  margin-bottom: 5px;
	}
  
	.service-item .service__icon {
	  margin-bottom: 20px;
	}
  
	.service-item .service__icon i {
	  font-size: 45px;
	}
  }
.padbot55{
	padding-bottom: 70px!important;
}
.take-action-button {
    background: #f58232;
    color: #fff;
    border-bottom: 0;
    transition: all 0.5s;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    border-radius: 5px;
    padding: 10px 10px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 22px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;}
    .img-bottom {
    vertical-align: middle;
    border-style: none;}
    @media (min-width: 992px){
        .col-lg-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
              }}
              .take-action-button:hover {
            background: #133544;
        }
        @media (min-width: 320px) and (max-width: 767px){
        .padtop50 {
            padding-top: 30px;
        }}
        @media (min-width: 320px) and (max-width: 767px){
        .padtop20xs {
            padding-top: 20px;
          }}

          /* service part one */

.services-area-one {
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #F3F3F3;
}

.service-item-one-column {
	border-top: 1px solid #616670!important;
	margin-top: 10px!important;
	padding-top: 10px!important;
}

.service-item-one-column:last-child {
	border-bottom: 1px solid #616670;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.service-item-one .image {
	border-radius: 5px;
	overflow: hidden;
}

.service-item-one .service-title .title {
	font-size: 24px;
}

.service-item-one .service-title .title:hover {
	color: var(--primary);
}

.service-item-one .read-more .common-btn {
	margin-top: 0;
}

/* service part two */

.service-area-two {
	padding-top: 120px;
}

.service-area-two .section-title-one .sub-title {
	margin-left: 0;
}

.services-item-two {
	border-radius: 5px;
	margin-bottom: 60px;
}

.services-item-two .image {
	border-radius: 5px;
	width: 88%;
	margin: 0 auto;
	margin-bottom: -100px;
	position: relative;
	z-index: 9;
}

.services-item-two .image img {
	border-radius: 5px;
}

.services-item-two .text {
	padding: 30px;
	background-color: var(--white);
	padding-top: 130px;
	border: 1px solid #616670;
	border-radius: 5px;
	transition: var(--transision);
}

.services-item-two .image .icon {
	background-color: var(--primary);
	width: 60px;
	height: 60px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -20px;
	right: 30px;
	transition: var(--transision);
}

.services-item-two .text .title {
	font-size: 24px;
	margin-bottom: 20px;
}

.services-item-two .text .title:hover {
	color: var(--primary);
}

.services-item-two .text .read-more {
	font-weight: 700;
	font-family: var(--link-font-family);
	color: var(--black);
	margin-top: 40px;
}

.services-item-two .text .read-more i {
	margin-left: 10px;
	color: var(--primary);
	font-size: 14px;
}

.services-item-two .text .read-more:hover {
	color: var(--primary);
}

.services-item-two:hover .text {
	border-color: var(--primary);
	box-shadow: none;
}

.services-item-two:hover .image .icon {
	background-color: var(--black);
}


/* servcies list part*/
.all-services-area {
	padding: 120px 0 60px 0;
}

.all-services-item {
	border-radius: 5px;
	margin-bottom: 60px;
}

.all-services-item .image {
	border-radius: 5px;
	width: 88%;
	margin: 0 auto;
	margin-bottom: -100px;
	position: relative;
	z-index: 9;
}

.all-services-item .image img {
	border-radius: 5px;
}

.all-services-item .text {
	padding: 30px;
	background-color: var(--white);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.07);
	padding-top: 130px;
	border: 1px solid transparent;
	border-radius: 5px;
	transition: var(--transision);
}

.all-services-item .image .icon {
	background-color: var(--black);
	width: 60px;
	height: 60px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -20px;
	right: 30px;
	transition: var(--transision);
}

.all-services-item .text .title {
	font-size: 24px;
	margin-bottom: 20px;
}

.all-services-item .text .title:hover {
	color: var(--primary);
}

.all-services-item .text .read-more {
	font-weight: 700;
	font-family: var(--link-font-family);
	color: var(--black);
	margin-top: 40px;
}

.all-services-item .text .read-more i {
	margin-left: 10px;
}

.all-services-item .text .read-more:hover {
	color: var(--primary);
}

.all-services-item:hover .text {
	border-color: var(--primary);
	box-shadow: none;
}

.all-services-item:hover .image .icon {
	background-color: var(--primary);
}


/* service details part */

.service-details-area {
	padding: 120px 0;
}

.service-details-area .service-details-content .service-details-image {
	border-radius: 5px;
	overflow: hidden;
}

.service-details-area .service-details-content .service-details-title {
	font-size: 48px;
	margin: 30px 0 20px 0;
}

.service-details-area .service-inner-details {
	margin-top: 30px;
	margin-bottom: 30px;
}

.service-details-area .service-inner-details .service-info-item {
	padding: 30px;
	border: 1px solid #616670;
	border-radius: 5px;
}

.service-details-area .service-inner-details .service-info-item .icon {
	margin-bottom: 20px;
}

.service-details-area .service-inner-details .service-info-item .title {
	font-size: 24px;
	margin-bottom: 10px;
}

.service-details-area .expertise-block {
	margin-top: 60px;
}

.service-details-area .expertise-block .expertise-title {
	font-size: 32px;
	margin-bottom: 20px;
}

.service-details-area .expertise-block .expertise-main {
	margin-top: 45px;
	margin-bottom: 30px;
}

.service-details-area .expertise-main .expertise-item {
	box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
	background-color: var(--white);
	border-radius: 5px;
	position: relative;
	padding: 40px 28px 40px 40px;
}

.service-details-area .expertise-main .expertise-item .icon {
	margin-right: 20px;
}

.service-details-area .expertise-block .expertise-main .expertise-item .title {
	font-size: 24px;
	width: 118px;
}

.service-details-area .expertise-block .expertise-main .expertise-item .number {
	font-size: 32px;
	position: absolute;
	top: 50%;
	right: 55px;
	transform: translateY(-50%);
	color: var(--white);
	z-index: 9;
	width: 33px;
	text-align: center;
}

.service-details-area .expertise-block .expertise-main .expertise-item .number::before {
	position: absolute;
	bottom: -51px;
	right: -30px;
	width: 88px;
	height: 155px;
	background-color: var(--primary);
	content: "";
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	z-index: -1;
}

.service-details-area .service-right-sidebar {
	background-color: var(--white);
	box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 31px 54px 39px 44px;
}

.service-details-area .service-right-sidebar .service-sidebar-title {
	font-size: 32px;
}

.service-details-area .service-right-sidebar .sub-title {
	color: #333F4D;
	margin-bottom: 13px;
}

.service-details-area .service-right-sidebar .project-block {
	margin-top: 33px;
}

.service-details-area .service-right-sidebar .project-block .title {
	font-size: 18px;
	margin-bottom: 13px;
}

.service-details-area .service-right-sidebar .project-block .list-info {
	margin-top: 16px;
}

.service-details-area .service-right-sidebar .project-block .list-info li {
	color: var(--body-font-color);
	margin-bottom: 12px;
	display: flex;
}

.service-details-area .service-right-sidebar .project-block .list-info li i {
	position: relative;
	top: 7px;
}

.service-details-area .service-right-sidebar .project-block .list-info li:last-child {
	margin-bottom: 0;
}

.service-details-area .service-right-sidebar .project-block .list-info li i {
	margin-right: 10px;
	color: var(--primary);
}

.service-details-area .service-right-sidebar .project-block .request-service-btn {
	color: var(--white);
	font-weight: 700;
	padding: 14px 30px;
	background-color: var(--primary);
	border-radius: 5px;
	font-family: var(--link-font-family);
	margin-top: 39px;
}

.service-details-area .service-right-sidebar .project-block .request-service-btn:hover {
	background-color: var(--black);
}

/*=============================
	11. Recent work part
===============================*/
/* work area one */
.recent-work-area-one .recent-work-one-bg {
	position: relative;
	padding-top: 120px;
}

.recent-work-area-one .recent-work-one-bg::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background-color: var(--black);
	content: "";
	z-index: -1;
}

.recent-work-area-one .container-fluid {
	padding: 0 40px;
}

.recent-work-area-one .project-item-one .image {
	overflow: hidden;
	border-radius: 5px;
}

.recent-work-area-one .project-item-one .info {
	background-color: rgba(23, 23, 23, 0.9);
	padding: 30px;
	transition: var(--transision);
	transform: translateY(100%);
}

.recent-work-area-one .project-item-one .info .text .title {
	color: var(--white);
	font-size: 28px;
}

.recent-work-area-one .project-item-one .info .text .title:hover a {
	color: var(--primary);
}

.recent-work-area-one .project-item-one .info .text p {
	margin-top: 5px;
	color: var(--white);
}

.recent-work-area-one .project-item-one .info .plus a {
	width: 50px;
	height: 50px;
	color: var(--white);
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	background-color: var(--primary);
	transition: var(--transision);
}

.recent-work-area-one .project-item-one .info .plus a i {
	font-size: 18px;
}

.recent-work-area-one .project-item-one .info .plus a:hover {
	background-color: var(--white);
	color: var(--black);
}

.recent-work-area-one .project-item-one:hover .info {
	transform: translateY(0);
}

.recent-work-slider-one .project-item-one {
	margin: 0 15px;
}

.recent-work-slider-one .icon {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	color: var(--white);
	background-color: rgba(255, 102, 0, 0.1);
	cursor: pointer;
	transition: var(--transision);
	position: absolute;
	top: -120px;
	z-index: 9;
}

.recent-work-slider-one .icon.right {
	right: 284px;
}

.recent-work-slider-one .icon.left {
	left: calc(100% - 428px);
}

.recent-work-slider-one .icon:hover {
	background-color: var(--primary);
	color: var(--white);
}

/* work area two */
.recent-work-area-two {
	padding-top: 120px;
}

.project-area {
	padding: 120px 0;
}

.projects-main {
	gap: 30px;
}

.projects-main .project-image {
	border-radius: 5px;
	overflow: hidden;
}

.projects-main .project-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.projects-main .project-image:first-child {
	width: 300px;
	height: 487px;
}

.projects-main .project-image:nth-child(2) {
	width: 630px;
	height: 487px;
}

.projects-main .project-image:nth-child(3) {
	width: 300px;
	height: 487px;
}

.projects-main .project-image:nth-child(4) {
	width: 630px;
	height: 317px;
}

.projects-main .project-image:nth-child(5) {
	width: 630px;
	height: 317px;
}

.projects-main .project-image .project-info {
	background-color: rgba(255, 102, 0, 0.9);
	transition: var(--transision);
	padding: 40px;
	transform: translateY(100%);
}

.projects-main .project-image .project-info .title {
	font-size: 28px;
	font-weight: 700;
	color: var(--white);
	font-family: var(--link-font-family);
}

.projects-main .project-image .project-info p {
	color: var(--white);
	margin-top: 5px;
}

.projects-main .project-image .project-info:hover {
	background-color: rgba(23, 23, 23, 0.9);
}

.projects-main .project-image .project-info .title:hover {
	color: var(--primary);
}

.projects-main .project-image:hover .project-info {
	transform: translateY(0);
}

/* work details */

.project-details-area {
	padding: 120px 0;
}

.project-details-area .project-details-thumb-image {
	border-radius: 5px;
	position: relative;
}

.project-details-area .project-details-thumb-image img {
	border-radius: 5px;
}

.project-details-area .project-information {
	width: 410px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	overflow: hidden;
	border-bottom-left-radius: 0;
	background-color: var(--white);
	border: 1px solid #616670;
	border-top: 0;
	border-left: 0;
}

.project-details-area .project-information .project-title {
	font-size: 32px;
	color: var(--white);
	background-color: var(--primary);
	text-align: center;
	padding: 30px;
}

.project-details-area .project-information .main-content {
	padding: 40px;
	padding-top: 10px;
}

.project-details-area .project-information .info-main {
	display: flex;
	flex-wrap: wrap;
}

.project-details-area .project-information .info-item {
	border-bottom: 1px solid #616670;
	padding: 20px 0;
	width: 50%;
	padding-right: 15px;
}

.project-details-area .project-information .info-item:nth-child(even) {
	padding-right: 0;
	padding-left: 15px;
}

.project-details-area .project-information .info-main .info-subtitle {
	font-size: 18px;
	margin-bottom: 10px;
}

.project-details-area .project-information .rating {
	margin-top: 20px;
}

.project-details-area .project-information .rating-title {
	font-size: 18px;
	margin-right: 10px;
}

.project-details-area .project-information .rating .star i {
	font-size: 14px;
	color: var(--primary);
}

.project-details-area .project-information .social-icon {
	margin-top: 20px;
}

.project-details-area .project-information .social-icon li {
	display: inline-block;
	margin: 0 5px;
}

.project-details-area .project-information .social-icon a {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: var(--black);
	border-radius: 50%;
	font-size: 14px;
	color: var(--white);
}

.project-details-area .project-information .social-icon a:hover {
	background-color: var(--primary);
}

.project-details-area .project-details-information {
	margin-top: 30px;
}

.project-details-area .project-details-information .project-details-title {
	font-size: 48px;
	margin-bottom: 30px;
}

.project-details-area .project-details-information p {
	margin-bottom: 20px;
}

.project-details-area .project-inner-image {
	margin: 60px 0;
}

.project-details-area .project-inner-image .img {
	border-radius: 5px;
	overflow: hidden;
}

.project-details-area .project-list-info .title {
	font-size: 32px;
	margin-bottom: 20px;
}

.project-details-area .project-list-info ul {
	margin-bottom: 30px;
}

.project-details-area .project-list-info ul li {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.project-details-area .project-list-info ul li i {
	color: var(--primary);
	margin-right: 10px;
}

.project-details-area .project-list-info p {
	margin-bottom: 0;
}

.project-details-area .pagination {
	margin-top: 60px;
	border-top: 1px solid #616670;
	border-bottom: 1px solid #616670;
	padding: 30px 0;
}

.project-details-area .pagination ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.project-details-area .pagination ul li a {
	color: var(--black);
	font-weight: 500;
}

.project-details-area .pagination ul li.prev a {
	color: var(--body-font-color);
}

.project-details-area .pagination ul li.prev a i {
	margin-right: 10px;
}

.project-details-area .pagination ul li.next a i {
	margin-left: 10px;
}

.project-details-area .pagination ul li a:hover {
	color: var(--primary)
}
.ts{
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}


/*-----------------------
    Services 
--------------------------*/
.service-item {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0px 3px 53px 0px rgba(40, 40, 40, 0.05);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  
  .service-item .service__img {
	position: relative;
  }
  
  .service-item .service__img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.4;
	-webkit-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	-moz-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	-ms-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	-o-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
	background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
  }
  
  .service-item .service__img img {
	width: 100%;
	max-width: 100%;
  }
  
  .service-item .service__content {
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
	background-color: #fff;
	padding: 50px 10px 25px;
  }
  
  .service-item .service__icon {
	margin-bottom: 60px;
  }
  
  .service-item .service__icon i {
	font-size: 65px;
	line-height: 1;
	color: #DF292A;
  }
  
  .service-item .service__title {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
  }
  
  .service-item .service__desc {
	margin-bottom: 0;
  }
  
  .service-item .btn__link {
	margin-top: 28px;
  }
  
  .service-item .btn__link i {
	width: 22px;
	height: 22px;
	line-height: 22px;
	background-color: #222222;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
  }
  
  .service-item .btn__link:hover i {
	background-color: #DF292A;
  }
  
  .service-item:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
  }
  
  .service-item:hover .service__icon {
	-webkit-animation: slideTopDown 1s infinite alternate;
	-moz-animation: slideTopDown 1s infinite alternate;
	-ms-animation: slideTopDown 1s infinite alternate;
	-o-animation: slideTopDown 1s infinite alternate;
	animation: slideTopDown 1s infinite alternate;
  }
  
  .service-item .service__overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color: rgba(255, 94, 20, 0.9);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
  }
  
  .service-item:hover .service__overlay {
	opacity: 1;
  }
  
  .services-layout2 .service__content {
	padding: 50px 40px 20px;
  }
  
  .services-layout2 .service-item:hover .service__content {
	background-color: #DF292A;
  }
  
  .services-layout2 .service-item:hover .service__icon i,
  .services-layout2 .service-item:hover .service__title,
  .services-layout2 .service-item:hover .service__desc,
  .services-layout2 .service-item:hover .btn__link {
	color: #ffffff;
  }
  
  .services-layout2 .service-item:hover .btn__link i {
	color: #DF292A;
  }
  
  .services-layout2 .service-item .btn__link {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding-top: 28px;
	margin-top: 28px;
	border-top: 2px solid #eaeaea;
  }
  
  .services-layout2 .service-item .btn__link i {
	background-color: #ffffff;
	color: #222222;
  }
  
  /* Medium Size Screens */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-item .service__icon {
	  margin-bottom: 15px;
	}
  
	.service-item .service__icon i {
	  font-size: 50px;
	}
  
	.service-item .service__title {
	  font-size: 25px;
	  margin-bottom: 10px;
	}
  }
  
  /* Mobile Phones and tablets */
  @media only screen and (min-width: 320px) and (max-width: 767px) {
	.service-item .service__content {
	  padding: 20px;
	}
  
	.service-item .service__title {
	  font-size: 22px;
	  margin-bottom: 5px;
	}
  
	.service-item .service__icon {
	  margin-bottom: 20px;
	}
  
	.service-item .service__icon i {
	  font-size: 45px;
	}
  }
  /******* About Book ******/
.about-book{
	padding-top: 0;
}

.about-book .container {
	max-width: 850px;
	margin: 0 auto;
}
.book-img {
	margin:35px 0;
}
.book-desc {
	
	margin: 0 auto;
}
.book-desc p{
	@include font-poppins(normal,18px,normal);
	margin-bottom: 20px;
	line-height: 35px;
}
.book-desc p:last-child{
	margin-bottom: 0;
}