@charset "utf-8";
/* CSS Document */
/*
@@@@ My Custome Stylesheet
*
*
	font-family: "Manrope", sans-serif;

*
*/


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

:root{
	--maincolor:    #141A19;
	--bgcolor:      #F3F3F3;
	--btncolor:     #F0CD60;
	--mainfont:     "Manrope", sans-serif;
}
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
a, a:hover {
	text-decoration: none !important;
	outline: none !important;
}
ul {
	margin-bottom: 0px !important;
}
li {
	list-style: none;
}
body {
	font-size: 14px;
	font-weight: normal;
	color: var(--defaultcolor) !important;
	font-family: var(--mainfont) !important;
	margin:0;
	overflow-x: hidden;
}


/*====== Start CLI ======*/
.top_btn{
    position: fixed;
    bottom: 65px;
    z-index: 100;
    float: right;
    right: 2%;
}
.top_btn a{
    background-color: transparent;
    border: 1px solid var(--maincolor);
    color: var(--maincolor);
    font-size: 16px;
    display: none;
    width: 44px;
    height: 44px;
    padding: 12px;
	text-align: center;
	outline: none !important;
}
.top_btn a:hover, .top_btn a:focus{
	background-color: var(--maincolor);
	color: var(--seconcolor);
}
/*===== End Top view ====*/

.navbar_wrap {
	background-color: var(--maincolor);
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
}
/* ====== New Search Custom ======= */
#nav_bg{
	background-color: var(--maincolor);
	position: relative;
}

/* Sticky effect */
#nav_bg.stick{
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	animation-duration: 0.45s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
	-webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -ms-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}
.customNav {
	display: flex;
	align-items: center;
}
.customNav .contact_info {
    text-align: center;
    flex-grow: 1;
}
.contact_info ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
	justify-content: center;
}
.contact_info li{margin: 0;}
.contact_info li:not(:last-child){
	border-right: 1px solid var(--bs-white);
}
.contact_info a{
	color: var(--bs-white) !important;
	font-size: 16px;
	font-weight: 400;
}
.customNav .flag_part {
    max-width: 30%;
    flex: 0 0 30%;
    text-align: right;
	padding: 1rem 0;
    position: relative;
    z-index: 1;
}
.flag_part .btn{
	color: var(--btncolor);
	font-size: 20px;
	font-weight: 400;
	background: var(--maincolor) !important;
	border-color: var(--maincolor) !important;
	border-radius: 25px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
/*! === // NAV:: End Menu & Logo Part // === !*/


.banner_sec{
	background: var(--maincolor);
	padding: 95px 0 120px;
	position: relative;
}
.banner_sec::before {
    content: '';
    clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
    background: #1A1D1D;
    position: absolute;
    width: 35%;
    height: 75%;
    left: 0;
    top: 0;
}
.banner_sec::after {
    content: '';
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);
    background: #1A1D1D;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
}
.head_title {
    color: var(--bs-white);
    font-size: 264px;
    line-height: 200px;
	font-weight: 800;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.1;
    margin: 0;
	z-index: 1;
	pointer-events: none;
}
.banner_sec .bnr_cont{
	position: relative;
	z-index: 2;
}
.banner_sec h1{
	color: var(--bs-white);
	font: 400 64px/64px var(--mainfont);
	margin-bottom: 2rem;
}
.banner_sec p{
	color: var(--bs-white);
	font: 400 24px/1.5 var(--mainfont);
}
.banner_sec .btn {
    color: var(--maincolor);
    font-size: 20px;
    font-weight: 400;
    background: var(--btncolor);
    border-color: var(--btncolor);
    border-radius: 25px;
    box-shadow: none !important;
    outline: none !important;
    padding: .375rem 35px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-top: 1.5rem;
}
.banner_sec .carousel-inner{
	border-radius: 15px;
	aspect-ratio: 1/1;
}
.banner_sec .carousel-item{
	background: #000000;
	height: 100%;
}
.banner_sec .carousel-item::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(17,56,120,0.9);
	opacity: 0;
}
.banner_sec .carousel-item img{
	opacity: 1;
	height: 100%;
	object-fit: cover;
}
.banner_sec .carousel-indicators{
	bottom: -45px;
	margin-top: 1rem;
	margin-bottom: 0px;
}
.banner_sec .carousel-indicators [data-bs-target] {
    width: 50px;
    height: 2px;
	background: rgba(255, 255, 255, 0.2);
    border: none;
    opacity: 1;
    margin: 0;
	position: relative;
}
.banner_sec .carousel-indicators [data-bs-target].active::before{
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 5px;
	content: "";
	background: rgba(255, 255, 255, 1);
}
.scroll-downs {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    width: 34px;
    height: 55px;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.banner_sec .scroller {
    color: #fff;
    font-size: 26px;
    animation-name: scroll;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
	display: block;
}
@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}
/*! === // SECTION:: End Banner  // === !*/

.about_sec{
	background: #F2F2F2;
	padding-bottom: 65px;
}
.about_wrap {
	padding-top: 70px;
	padding-bottom: 65px;
    position: relative;
}
.about_cont{
	width: 91.66666667%;
	padding-top: 45px;
	margin-left: auto;
}
.about_wrap .head_text {
    color: #9F9F9F;
    font-size: 180px;
    font-weight: 700;
    line-height: 130px;
    text-align: left;
    position: static;
    top: 0;
    right: 0;
    opacity: 0.1;
	margin-top: -120px;
	pointer-events: none;
}
.about_cont .box {
    border-radius: 25px;
    overflow: hidden;
    height: 100%;
}
.about_cont .box img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 2 / 1;
}
.about_cont h2{
	color: var(--bs-black);
	font-size: 40px;
	font-weight: 400;
}
.about_cont h6{
	color: var(--bs-black);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 1rem;
}
.about_cont p{
	color: var(--bs-black);
	font-size: 20px;
	line-height: 34px;
	font-weight: 400;
}

/*! === // SECTION:: End About Us // === !*/

.featuredWork_sec{
	position: relative;
}
.featuredWork_sec .container-fluid{padding: 0;}
.featuredWork_sec .workCarouselExample{
	border-top-left-radius: 25px;
	overflow: hidden;
}
.workCarouselExample .card{
	background: none;
	border: none;
	border-radius: 0px;
	overflow: hidden;
}
.workCarouselExample .card img{
	height: 550px;
	object-fit: cover;
	-webkit-transition: transform 5s, filter 3s ease-in-out;
	  -moz-transition: transform 5s, filter 3s ease-in-out;
	  -ms-transition: transform 5s, filter 3s ease-in-out;
	  -o-transition: transform 5s, filter 3s ease-in-out;
	  transition: transform 5s, filter 3s ease-in-out;
	  transform-origin: 50% 50%;
}
.workCarouselExample .card:hover img{
	  -webkit-transform: scale(1.3);
	  -moz-transform: scale(1.3);
	  -ms-transform: scale(1.3);
	  -o-transform: scale(1.3);
	  transform: scale(1.3);
}
.workCarouselExample .card-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    background: var(--maincolor);
    padding: 30px;
    margin: 0;
}
.workCarouselExample .blockquote{
	color: var(--bs-white);
	font-size: 24px;
	font-weight: 400;
}
.workCarouselExample .card-overlay .blockquote-footer button {
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 400;
	padding-left: 20px;
	background-color: transparent;
	position: relative;
	border: none;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.workCarouselExample .card-overlay .blockquote-footer button span {
    background: var(--maincolor);
    padding: 0 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.workCarouselExample span.arrow {
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 400;
    -moz-transform: rotate(45deg) translateX(-70px);
    -webkit-transform: rotate(45deg) translateX(-70px);
    -o-transform: rotate(45deg) translateX(-70px);
    -ms-transform: rotate(45deg) translateX(-70px);
    transform: rotate(-45deg) translateX(-70px);
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.workCarouselExample .card-overlay:hover span.arrow{
	opacity: 1;
	-moz-transform: rotate(45deg) translateX(0%);
    -webkit-transform: rotate(45deg) translateX(0%);
    -o-transform: rotate(45deg) translateX(0%);
    -ms-transform: rotate(45deg) translateX(0%);
    transform: rotate(-45deg) translateX(0%);

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.workCarouselExample .blockquote-footer span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 20px;
    height: 1px;
    background: var(--bs-white);
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.workCarouselExample .blockquote-footer::before{
	display: none;
}
.workCarouselExample .card-overlay:hover .blockquote-footer span{
	padding-left: 40px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.workCarouselExample .card-overlay:hover .blockquote-footer span::before{
	width:50px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.blackout{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 999;
	backdrop-filter: blur(2px);
	display: none;
}
.blackout .inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70vw;
	max-height: 70vh;
	height: 70vh;
	background-color: white;
	display: flex;
	border-radius: 30px;
	overflow: hidden;
}

.blackout .inner .exit{
	background-color: transparent;
	position: absolute;
	top: 30px;
	right: 30px;
	border: none;
	padding: 0;
	span{
		font-size: 30px;
	}
}

.blackout .inner img{
	min-height: 100%;
	object-fit: cover;
}

.blackout .inner .content-wrapper{
	width: 50%;
	padding: 100px;
	overflow: scroll;
}

.blackout .inner .content-wrapper h2{
	margin-bottom: 50px;
}

/*  Owl Tigger */
.workCarouselExample .owl-dot {
    color: #B4B4B4;
    font-size: 16px;
    margin: 5px 7px;
}
.workCarouselExample .owl-dot.active{color: var(--maincolor);}
.workCarouselExample .owl-dot span{
	display: none !important;
}
.workCarouselExample .owl-dots {
    counter-reset: dots;
}
.workCarouselExample .owl-dot:before {
    /* counter-increment:dots;
    content: counter(dots);
	margin: 5px 7px; */
}
.workCarouselExample .owl-theme .owl-nav{
	margin-top: 45px;
}
.workCarouselExample .owl-theme .owl-nav [class*=owl-] {
    color: var(--maincolor) !important;
    font-size: 26px;
    position: absolute;
    background: none !important;
    border: none;
    border-radius: 0px;
	padding: 0;
    margin: 0;
}
.workCarouselExample .owl-theme .owl-nav .owl-prev{left: 45%;}
.workCarouselExample .owl-theme .owl-nav .owl-next{right: 45%;}

/* Pattern */
.head_text {
    color: rgba(97, 97, 97, 0.5);
    font-size: 180px;
    font-weight: 700;
    opacity: 0.1;
    line-height: 101px;
}
.featuredWork_sec .vertical {
    right: 87%;
}
.about_sec .vertical span{background: #F2F2F2;}
/*! === // SECTION:: End Featured Work // === !*/


.discuss_sec{
	padding-top: 65px;
}
.discuss_wrap{
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
}
.discuss_sec .fixed_img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.discuss_cont {
	background-image: url( '../images/contact-bg.jpg' );
	background-size: cover;
    border-radius: 20px;
    padding: 85px 55px;
    position: relative;
    z-index: 1;
}
.discuss_sec .head_text {
    color: #9F9F9F;
    font-size: 180px;
    font-weight: 700;
    line-height: 130px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.1;
}
.discuss_sec h2{
	color: var(--bs-white);
	font-size: 64px;
	font-weight: 400;
}
.discuss_sec p{
	color: #7D7C7C;
	font-size: 24px;
	font-weight: 400;
}
#gform_wrapper_1 {
    padding-top: 65px;
}

.gform_wrapper.gravity-theme{
	input[type="text"], input[type="email"], input[type="tel"]{
		font-size: 16px;
		padding: 10px;
		background-color: transparent;
		border: none;
		border-bottom: 2px solid white;
		border-radius: 0;
		&::placeholder{
			color: white;
			opacity: 1;
		}
	}
	input[type="submit"]{
		color: var(--maincolor);
	    font-size: 20px;
	    font-weight: 400;
	    background: var(--btncolor);
	    border-color: var(--btncolor);
	    border-radius: 25px;
	    box-shadow: none !important;
	    outline: none !important;
	    padding: .375rem 35px;
	    display: -ms-inline-flexbox;
	    display: -webkit-inline-flex;
	    display: inline-flex;
	    justify-content: center;
	    -moz-box-align: center;
	    align-items: center;
	    margin-top: 1.5rem;
	}
	.gfield--type-fileupload{
		padding-top: 15px;
	}
	.gfield_description{
		color: white;
	}
}

.discuss_form .form-group{
	border-bottom: 1px solid rgba(255,255,255,0.5);
	margin-bottom: 45px;
}
.discuss_form .form-group .form-control{
	color: var(--bs-white);
	font-size: 18px;
	font-weight: 400;
	background: none;
	border: none;
	border-radius: 0px;
	box-shadow: none !important;
	outline: none !important;
}
.discuss_form .btn {
    color: var(--maincolor);
    font-size: 20px;
    font-weight: 400;
    background: var(--btncolor);
    border-color: var(--btncolor);
    border-radius: 25px;
    box-shadow: none !important;
    outline: none !important;
    padding: .375rem 35px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-top: 1.5rem;
}
.discuss_form .form-control::-moz-placeholder{ color: #DBDBDB; font-family:var(--mainfont); opacity:1}
.discuss_form .form-control:-ms-input-placeholder{ color: #DBDBDB; font-family:var(--mainfont); opacity:1}
.discuss_form .form-control::-webkit-input-placeholder{ color: #DBDBDB; font-family:var(--mainfont); opacity:1}
/*! === // SECTION:: End Let's Discuss // === !*/

.whyChoose_sec{
	padding-top: 45px;
}
.whyChoose_wrap{position: relative;}
.whyChoose_head{
	padding-bottom: 65px;
	position: relative;
}
.whyChoose_head h4{
	color: var(--bs-black);
	font-size: 32px;
}
.whyChoose_cont{
	width: 91.66666667%;
	margin-left: auto;
}
.whyChoose_cont .col:nth-child(1) .caption{
	padding-top: 15px;
}
.whyChoose_cont .col:nth-child(2) .caption{
	padding-top: 70px;
}
.whyChoose_cont .col:nth-child(3) .caption{
	padding-top: 130px;
}
.whyChoose_cont .col:nth-child(4){}

.whyChoose_cont h6{
	color: var(--bs-black);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 1.5rem;
}
.whyChoose_cont p {
    color: var(--bs-black);
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
}
.whyChoose_cont .box{
	border-radius: 20px;
	overflow: hidden;
}
.whyChoose_sec .fixed_text {
    width: 93%;
    transform: translateY(-75%);
    color: rgba(97, 97, 97, 0.5);
    font-size: 180px;
    font-weight: 700;
    opacity: 0.1;
    line-height: 36px;
    margin-left: auto;
}
.vertical {
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-ms-transform-origin: right top 0;
	-moz-transform-origin: right top 0;
	-webkit-transform-origin: right top 0;
	transform-origin: right top 0;
	position: absolute;
	top: 25%;
	right: 100%;
	width: 225px;
	height: auto;
	color: #616161;
	font-size: 14px;
	white-space: nowrap;
	cursor: vertical-text;
	direction: rtl;
	display: block;
	z-index: 11;
}
.vertical span {
    background: var(--bs-white);
    padding-left: 8px;
    position: relative;
}
.vertical::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #616161;
}
/*! === // SECTION:: End Why Choose // === !*/

.designIntro_sec {
    background: var(--bgcolor);
    padding: 95px 0;
    margin-top: -50px;
}
.designIntro_sec .box{
	border-radius: 12px;
	display: inline-block;
	overflow: hidden;
}
.designIntro_sec h2{
	color: var(--bs-black);
	font: 400 64px/1.2 var(--mainfont);
	margin-bottom: 1rem;
}
.designIntro_sec p{
	color: var(--bs-black);
	font: 400 20px/1.5 var(--mainfont);
}
.designIntro_sec .btn {
    color: var(--bs-black);
    font: 400 18px / 24px var(--mainfont);
    background-color: var(--btncolor);
    border-color: var(--btncolor);
    border-radius: 25px;
    padding: 15px 55px;
    margin-top: 1.5rem;
}
/*! === // SECTION:: End 3D Design Intro // === !*/


.top_foot{
	background-image: url(../../images/pattern_1.png);
	background-color: var(--maincolor);
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 35px;
	position: relative;
}
.foot_logo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(180, 180, 180, 0.5);
	padding-bottom: .5rem;
	margin-bottom: 65px;
}
.foot_logo a{
	display: inline-block;
}
.follow_part{}
.follow_part h6{
	color: var(--bs-white);
	font: 400 20px/24px var(--mainfont);
	padding-right: 1rem;
	margin: 0;
}
.follow_part li a {
    color: var(--btncolor);
    font-size: 20px;
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.follow_part li a:hover{
	color: var(--bs-white);
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* ==== */

.footer_add{
	color: #A3A3A3;
	font: 400 20px/32px var(--mainfont);
	border-bottom: 1px solid rgba(180, 180, 180, 0.5);
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}
.top_foot h2 {
	color: var(--bs-white);
	font: 300 40px/1.2 var(--mainfont);
	margin-bottom: .75rem;
	position: relative;
}
.foot_nav{
	overflow: hidden;
	margin-bottom: 1rem;
}
.foot_nav ul > li > a {
    color: #A3A3A3 !important;
    font: 400 20px/24px var(--mainfont);
    display: inline-block;
    outline: none !important;
	margin-bottom: 8px;
}
/* ====== */

.partner_part{}
.partner_part h3 {
	color: var(--bs-white);
	font: 400 40px/1.2 var(--mainfont);
	position: relative;
}
.partner_part h3 a{
	color: var(--btncolor);
}
.partner_part img{max-width: 80px;}

.cwrite_sec {
	background: #1A1E1E;
	padding: 20px 0;
	position: relative;
}
.cwrite_sec p, .cwrite_sec a {
	color: var(--bs-white);
	font: 400 14px/24px var(--mainfont);
	margin: 0px;
}
.cwrite_sec a{
	color: var(--btncolor) !important;
}
.cwrite_sec [class*="col-"]:not(:first-child) p{
	text-align: right;
}
/*! === // FOOTER:: End Footer // === !*/


/*-==========================
         Inner Pages
============================*/

.cms_sec {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 50vh;
}
/*! === // PAGE:: End CMS // === !*/


/*! === // Stylesheet:: WooCommerce Theme // === !*/






/*-==============================
		@media Stylesheet
================================*/

@media screen and (max-width:350px) {
	.banner_sec h2,
	.banner_CLI h2,
	.banner_CLI h2 span{
		font-size: 18px !important;
		margin: 0px;
	}
	.banner_sec h5, .banner_CLI h5{
		font: normal 12px/18px var(--mainfont) !important;
	}
	.banner_CLI input,
	.banner_CLI .input-group-text .btn{ height: 40px !important;}
}
@media screen and (max-width:400px) {}


/*/ Extra small devices (portrait phones, less than 576px)*/

@media screen and (min-width:401px) and (max-width: 575.98px) {}
@media (max-width: 575.98px) {

	.contact_info a .fa{display: block;}
	.featuredWork_sec .vertical{display: none;}
	/*! === // endHeader Sec // === !*/
	
	.whyChoose_cont .col:nth-child(1), .whyChoose_cont .col:nth-child(2), .whyChoose_cont .col:nth-child(3) {
		flex: 0 0 100% !important;
		width: 100% !important;
	  }
	/* ===== */


	.foot_logo a{
		margin-bottom: 1.5rem;
	}
	/* ===== end footer */

	/* ==== */
}
@media screen and (min-width:576px) and (max-width:767.98px) {
	.follow_part li:not(:last-child) {
		margin-right: .2rem;
	}
	/* ===== */

}
@media screen and (max-width:767px) {
	.customNav {
		display: grid;
		gap: 15px;
	}
	.customNav .flag_part{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.customNav .contact_info{padding-top: 12px;}
    /*! === // endHeader Sec // === !*/
	.whyChoose_sec .fixed_text {font-size: 70px;}
	.designIntro_sec .btn{padding: 15px 25px;}
	
	/* ====Body */

}
@media screen and (min-width:768px) and (max-width:991.98px) {
    /*! === // endHeader Sec // === !*/

	h2.head_title {
		font-size: 142px;
		line-height: 1;
	}
	/* ===== */

	/* ====end body & inner page */
}
@media only screen and (max-width:991px) {
	.logo_part{
		text-align: center;
		padding: 1rem 0;
	}
	.customNav .flag_part{text-align: center;}
	/* ==== */

	.head_text{font-size: 124px;}
	.about_wrap .head_text{
		font-size: 29vw;
	}
	.designIntro_sec{margin: 0;}
	/* CLI */

	.banner_sec h1{font-size: 48px; margin-bottom: 1.5rem;}
	.banner_sec .carousel {margin-top: 2rem;}
	.workCarouselExample .card-overlay{
		width: auto;
		padding: 25px;
	}
	.workCarouselExample .blockquote{font-size: 24px;}
	.workCarouselExample .card-overlay .blockquote-footer a{font-size: 16px;}

	.workCarouselExample .owl-theme .owl-nav .owl-prev {left: 35%;}
	.workCarouselExample .owl-theme .owl-nav .owl-next {right: 35%;}
	.discuss_sec .head_text{font-size: 100px; line-height: 1;}
	.discuss_sec h2{font-size: 44px;}
	.discuss_sec p{font-size: 20px;}
	.discuss_wrap{background-size: 65%;}
	.whyChoose_head h4 {font-size: 24px;line-height: 1.5;}
	.whyChoose_sec .fixed_text{font-size: 100px;}
	.whyChoose_cont .col:nth-child(1),
	.whyChoose_cont .col:nth-child(2),
	.whyChoose_cont .col:nth-child(3){
		flex: 0 0 33.33333333%;
    	width: 33.33333333%;
	}
	.whyChoose_cont .col .caption{
		padding-top: 0px !important;
	}
	.whyChoose_cont h6{font-size: 18px;margin-bottom: 1rem;}
	.whyChoose_cont p{font-size: 16px; line-height: 24px;}
	
	.cwrite_sec,
	.cwrite_sec [class*="col-"]:not(:first-child) p{
		text-align: center;
		margin: 0px;
	}
	/* ==== */	

}
@media screen and (min-width:768px) {}
@media screen and (min-width:1024px) {
	#nav_bg{
		top: -70px;
	}
	#nav_bg .container-fluid,
	footer .container-fluid{
		padding: 0 20px;
	}
	.customNav{
		position: relative;
	}
	.customNav > ul > li{
		display: inline-block;
		margin-right: 20px;
		position: relative;
	}
	.customNav > ul > li > a{
		color: var(--normalcolor) !important;
		font: normal 14px/24px var(--mainfont);
		text-transform: uppercase;
		position: relative;
	}
	/* ====Header */

	.whyChoose_cont > .row{
		--bs-gutter-x: 3rem;
	}
	.whyChoose_cont .col:nth-child(1),
	.whyChoose_cont .col:nth-child(2),
	.whyChoose_cont .col:nth-child(3) {
		flex: 0 0 22%;
	}
	.designIntro_sec .caption{
		padding-left: 25px;
	}

	.cwrite_sec,
	.cwrite_sec [class*="col-"]:not(:first-child) p{
		text-align: center;
		margin: 0px;
	}

	/* ==== INNER ======== */
	

}
@media screen and (min-width:992px) and (max-width:1199.98px) {
	.customNav{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		-moz-box-align: center;
		align-items: center;
		position: relative;
	}
	.customNav > ul > li {
		display: inline-block;
		position: relative;
	}
	.customNav > ul > li > a {
		color: var(--normalcolor) !important;
		font: normal 16px/24px var(--mainfont);
		text-transform: uppercase;
		position: relative;
	}
	/* ==== */
	.whyChoose_sec .fixed_text{font-size: 100px;}
	.whyChoose_wrap{padding-bottom: 75px;}
	.designIntro_sec{margin: 0;}
	.discuss_wrap{background-size: 70%;}
	.workCarouselExample .owl-theme .owl-nav .owl-prev {left: 35%;}
	.workCarouselExample .owl-theme .owl-nav .owl-next {right: 35%;}
	
}
@media screen and (min-width:1200px) {
	.customNav > ul > li{
		margin-right: 30px;
	}
	div.container{
		max-width: 1280px;
	}
	.top_foot .container-fluid{
		padding: 0 20px;
	}
	.top_foot .row {
		margin: 0 -20px;
	}
	.top_foot [class*="col-"] {
		padding: 0 20px;
	}
	.follow_part li:not(:last-child) {
		margin-right: 1.5rem;
	}
}
@media (min-width:1300px) and (max-width:1367px) {
	.whyChoose_wrap{padding-bottom: 75px;}
	.discuss_wrap{background-size: 70%;}
	.workCarouselExample .owl-theme .owl-nav .owl-prev {left: 35%;}
	.workCarouselExample .owl-theme .owl-nav .owl-next {right: 35%;}
}
@media screen and (min-width:1400px) {}
@media screen and (min-width:1920px) {
	div.container{
		max-width: 1437px;
	}
}


/* Style adjustments for high resolution devices */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	
}

@media only screen and (max-width: 1100px) {
	.blackout .inner{
		width: 85vw;
		.content-wrapper{
			padding: 50px;
		}
	}
	.patern-image{
		display: none;
	}
}


/* #Tablet (Portrait) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.blackout .inner{
		width: 85vw;
		.content-wrapper{
			padding: 50px;
		}
	}
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.blackout .inner{
		flex-wrap: wrap;
		width: 90vw;
		height: 70vh;
		img{
			width: 100% !important;
			min-height: 250px;
			height: 250px;
			object-fit: cover;
		}
		.content-wrapper{
			padding: 30px;
			width: 100%;
			height: calc( 100% - 250px);
			h2{
				margin-bottom: 30px;
			}
		}
	}
}


/* #Mobile (Landscape) - Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}