@charset "utf-8";
/* 
Start Project 
Company Name: Eclick Softwares
Date: 20/08/2024
Time: 11:50AM
Project name: Chris Huzzard Photography
Developer Name: Soniya Khatoon
CSS Document 
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, picture {
	display: block
}
abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit
}
/* body,
html {
    overflow-x: hidden;
    scrollbar-width: thin;
    scroll-behavior: smooth;    
    scrollbar-color: #F5F5F5 #000;
} */
.isMenuOpen{
		overflow: hidden;
}
body {
	margin: 0;
	padding: 0; 
	line-height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	overflow-x:hidden;
}
.chexbox, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, radiobutton, select, td, textarea, tr, ul {
	padding: 0;
	margin: 0
}
ul {
	padding: 0;
	margin: 0;
	list-style: none
}
ol {
	padding: 0;
	margin: 0;
	list-style-type: none
}
a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	color: #444444;
}
a:hover {
	text-decoration: none;
}
img {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
	max-width: 100%;
	height: auto;
}
.chexbox {
	padding: 0;
	margin: 0;
	width: 20px;
	height: 20px
}
.clr, .spacer {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.clearfix:after, .clearfix::before {
	content: '';
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
.container{
		max-width: 2000px;
		padding: 0 100px;
}
/* ============== header container =============== */
header{
		margin: 0;
		padding: 3.8rem 0;
		/* position: fixed;
		left: 0;
		top: 0;
		right: 0; */
		background-color: #fff;
		z-index: 9;
		position: relative;
}
header .container_sam{
		display: flex;
		justify-content:space-between;
		align-items: center;
		position: relative;
		z-index: 2;
}
/* ============= nev menu  */
/* header .container figure.logo{
	max-width: 168px;
} */

.customLogo{
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-10px);
    margin: 0 0 30px 0;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease,
        max-height 0.5s ease,
        visibility 0.5s;
}

.home_all_portfolio_section_tab_link.fixed .customLogo{
    visibility: visible;
    opacity: 1;
    max-height: 200px; /* adjust as needed */
    transform: translateY(0);
}
header .container_sam nav{
		display: flex;
}
header .container_sam nav ul{
		display: flex;
}
header .container_sam nav ul li{ 
		line-height: 1.5;
		color: #212121;
		padding: 0;
		margin: 0;
}
header .container_sam nav ul li a{
		color: #454545;
		position: relative;
}
header .container_sam nav ul li a:after{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		bottom: -.3rem;
		border-bottom: 1px solid;
		border-color: #212121;
		transform: scaleX(0);
		transition: transform .4s;
		transition-timing-function: ease;
		transition-timing-function: cubic-bezier(.4,0,.2,1);
		transform-origin: right;
}
header .container_sam nav ul li a:hover:after{
		transform: scaleX(1);
		transition-delay: .05s;
		transform-origin: left;
}
/* .button-menu {
		padding: 0;
		font-size: inherit;
		line-height: 1;
		border-radius: 0;
		border: none;
		background: none;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
		font-family: "Inter",sans-serif;
		transition: all 0.4s cubic-bezier(.4,0,.2,1);
		display: inline-flex;
		align-items: center;
		cursor: pointer;
		text-transform: none;
		color: #222;
}
.button-menu-inner {
		position: relative;
		display: inline-block;
		width: 2rem;
  		height: 1.2rem;
		pointer-events: none;
		transition-duration: .4s;
		transition-property: transform;
		transition-timing-function: cubic-bezier(.49,.46,.05,.995);
}
.button-menu .line {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
.button-menu .line::before, 
.button-menu .line::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		background-color: #222;
}
.button-menu .line.top {
		top: 0;
		transition: top 0.2s 0.22s,transform 0.15s;
}
.button-menu .line.middle {
		top: calc(50% - 0.1rem);
		transition: opacity 0s 0.13s linear;
}
.button-menu .line.bottom {
		bottom: 0;
		left: 0;
		transition: bottom 0.2s 0.22s,transform 0.15s;
}
.isMenuOpen .button-menu .line.top {
		top: calc(50% - 0.1rem);
		transform: translate3d(0,0,0) rotate(45deg);
		transition: top 0.2s,transform 0.15s 0.22s cubic-bezier(.215,.61,.355,1);
}
.isMenuOpen .button-menu .line {
		transition-timing-function: cubic-bezier(.33333,0,.66667,.33333);
}
.isMenuOpen .button-menu .line.middle {
		opacity: 0;
  }
.isMenuOpen .button-menu .line.bottom {
		bottom: calc(50% - 0.1rem);
		width: 100%;
		transform: translate3d(0,0,0) rotate(-45deg);
		transition: bottom 0.2s,transform 0.15s 0.22s cubic-bezier(.215,.61,.355,1);
} */
.SideMenu {
		line-height: 1.57143;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100vh;
		padding-top: 12rem;
		transition: transform 0.6s cubic-bezier(.215,.61,.355,1);
		overflow: hidden;
}
.SideMenu::before {
		content: '';
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #76dfe3;
}
.isMenuOpen .SideMenu {
		transform: translate3d(-100%,0,0);
}
@media (min-width: 1020px) {
	.isMenuOpen .SideMenu {
	  transform: translate3d(0,100%,0);
	}
	.SideMenu {
		top: auto;
		left: 0;
		bottom: 100%;
	}
}
html:not(.no-js) .isMenuOpen .SideMenu .col-contact::before, html:not(.no-js) .isMenuOpen .SideMenu .SideMenu__nav::before, html:not(.no-js) .isMenuOpen .SideMenu .SideMenu__copyright::before, html:not(.no-js) .SideMenu.transition-out .col-contact::before, html:not(.no-js) .SideMenu.transition-out .SideMenu__nav::before, html:not(.no-js) .SideMenu.transition-out .SideMenu__copyright::before {
	transform: scaleX(1);
	transition: transform 0.7s cubic-bezier(.215,.61,.355,1);
	transition-delay: 0.6s;
}
html:not(.no-js) .SideMenu .col-contact::before, html:not(.no-js) .SideMenu__nav::before, html:not(.no-js) .SideMenu__copyright::before {
	transform-origin: left top;
	transform: scaleX(0);
}
html:not(.no-js) .isMenuOpen .SideMenu .SideMenu__nav li, html:not(.no-js) .isMenuOpen .SideMenu .SideMenu__copyright li, html:not(.no-js) .SideMenu.transition-out .SideMenu__nav li, html:not(.no-js) .SideMenu.transition-out .SideMenu__copyright li {
	opacity: 1;
	transform: translate3d(0,0,0);
	transition: opacity 0.4s,transform 0.5s;
	transition-timing-function: cubic-bezier(.215,.61,.355,1);
	transition-delay: calc(0.5s + (0.05s * (var(--index))));
}
html:not(.no-js) .SideMenu__nav li {
	 transform: translate3d(-100px,0,0);
}
html:not(.no-js) .SideMenu__nav li, html:not(.no-js) .SideMenu__copyright li, html:not(.no-js) .SideMenu .col-contact {
	 opacity: 0;
}
header .SideMenu .container_sam{
	display: block;
}
html:not(.no-js) .isMenuOpen .SideMenu .col-contact, html:not(.no-js) .SideMenu.transition-out .col-contact {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.4s,transform 0.5s;
	transition-timing-function: cubic-bezier(.215,.61,.355,1);
	transition-delay: 0.6s;
}
header .SideMenu .container_sam nav ul{
	display: block;
}
header .SideMenu .container_sam nav ul li{ 
	line-height: 1.3;
	color: #222;
	padding: 0;
	margin: 0 0 0 0;
}
header .SideMenu .container_sam nav ul li a::after{
	border-bottom: 5px solid #212121;
}
.col-contact .title3{ 
	line-height: 1.3;
	color: #222;
	padding: 0;
	margin: 0 0 0 0;
}
.col-contact{
	border-left: 1px solid rgba(34,34,34,.2);
	padding-left: 7rem;
}
.col-contact .text{ 
	line-height: 1.3;
	color: #222;
	padding: 2rem 0 0 0;
	margin: 0 0 0 0;
}
.col-contact .joinus{
	padding: 0 0 0.3rem 0;
	margin: 2rem 0 0 0; 
	line-height: 1.3;
	color: #222;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	border-bottom: 1px solid rgba(34,34,34,.2);
	letter-spacing: 0.1rem;
}
.col-contact .joinus:after,
.button-group a:after
{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	transform: scaleX(0);
	transform-origin: left;
	transition: all 0.5s cubic-bezier(.215,.61,.355,1);
	border-bottom: 1px solid #222;
}
.col-contact .joinus:hover:after,
.button-group a:hover:after
{
	transform: scaleX(1);
}
/* ============= nev menu end */
/* ============== header container end=============== */
/* ====== hero banner section  */
.hero-banner-section{
		padding: 0;
		margin: 0 0 150px 0;
		height: 90vh;
		overflow: hidden;
}
.hero-banner-section .hero-caption{
		display: flex;
		height: 90vh;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
}
.hero-image-section,
.hero-image-section figure
{
		height: 90vh;
		margin: 0 0 0 -94px;
}
.hero-image-section .large-image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
} 
.hero-image-section .small-image{
		margin: 0 0 0 -40px;
}
.hero-image-section .small-image img:first-child{
		margin: 0 0 0 40px;
}
.hero-image-section .small-image img{
		width: 100%;
		height: 50%;
		object-fit: cover;
} 
.hero-image-section{
		margin-left: 16.50%;
		width: 100vh;
		display: grid;
		grid-template-columns: 70% 30%;
}
.hero-banner-section .hero-caption h1{ 
		line-height: 1;
		color: #222;
}
.hero-banner-section .hero-caption h1 strong{
		font-style: italic; 
		position: relative;
		display: inline-block;
		z-index: 1;
}
.hero-banner-section .hero-caption h1 strong:after{
		position: absolute;
		left: 0;
		right: 0;
		bottom: -3px;
		border-bottom: 10px solid #ffe381;
		content: "";
}
.hero-banner-section .hero-caption p{ 
		line-height: 1.5;
		color: #222;
		padding: 2rem 0 0 0;
		margin: 0 0 0 0;
}
.button-group{
		padding: 0;
		margin: 2rem 0 0 0;
		display: flex;
}
.button-group a{
		display: inline-block; 
		line-height: 1.5;
		color: #222;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		border-bottom: 1px solid rgba(34,34,34,.2);
		position: relative;
}
/* ====== hero banner section  end*/
/* ====== our profession */
.our-profession{
		padding: 0 0;
		margin: 0 0 9rem 0;
		/* height: 100vh;
		overflow: hidden; */
}
.our-profession article{
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 0 0 130px;
}
.our-profession article h4,
.our-all-services h2
{ 
		line-height: 1;
		color: #222;
}
.our-profession article h4 span,
.our-all-services h2 span
{
		display: inline-block; 
		line-height: 1.5;
		color: #222;
		position: relative;
		margin: 0 0 2rem 0;
}
.our-profession article h4 span strong,
.our-all-services h2 span strong
{
		font-style: italic; 
		position: relative;
		display: inline-block;
		z-index: 1;
		font-weight: bold;
}
.our-profession article h4 span:after,
.our-all-services h2 span:after
{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 3px;
		border-bottom: 10px solid #ffe381;
		content: "";
		z-index: -1;
}
.our-profession article p { 
		line-height: 1.5;
		color: #222;
		padding: 2rem 0 0 0;
		margin: 0 0 0 0;
}
/* ====== our profession end*/
/* ====== our all services*/
.our-all-services{
	padding: 120px 0;
}
.title{
		max-width: 900px;
}
.our-all-services article{
		padding:5vw 0 0 0;
}
.our-all-services article{
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: 2rem;
		row-gap: 2rem;
}
.our-all-services article aside{
		border-radius: .8rem;
		overflow: hidden;
		border: 1px solid rgba(34,34,34,.2);
		padding: 2rem;
		background-color: #fff;
}
.our-all-services article aside .fontIconCode{
		font-size: 35px;
}
.our-all-services article aside h3{ 
		line-height: 1.2;
		color: #222;
		padding: 1.3rem 0;
}
.our-all-services article aside p{ 
		line-height: 1.5;
		color: #222;
		padding:0 0 1.3rem 0;
}
.our-all-services article .button-group a{
		font-size: 0.8rem;
}
.our-all-services article .button-group{
		margin: 1rem 0 0 0;
}
.only-services{
		background-color: #e8e8e8;
}
/* ====== our all services end */
/* ====== footer section */
.site-footer{
		background-color: #e7dede;
		padding: 7rem 0;
}
/* ====== footer section end*/