@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap';
 @import 'https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap';
:root {
/*--base-color: #BEFF01;*/
--base-color: #f96f4a;
--medium-gray:#6F7071;
--dark-gray:#1C1D1F;
/*--alt-font: 'Inter', sans-serif;*/
--alt-font: 'Space Grotesk', sans-serif;
/*--primary-font: 'Inter', sans-serif;*/
--primary-font: 'Atkinson Hyperlegible', sans-serif;
}
body {
	font-size:17px;
	line-height:32px
}
.top-space-margin {
	margin-top:120px
}
.navbar .navbar-nav .nav-link {
	font-weight:600;
	font-size:18px
}
header .navbar-brand img {
	max-height:60px
}
header .btn.btn-switch-text.btn-medium>span {
	padding:11px 30px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
	border-radius:0
}
.btn.btn-base-color {
	color:var(--dark-gray)
}
.btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active {
	color:var(--dark-gray)
}
.bg-base-color-transparent {
	background-color:rgba(204, 255, 0, .9)
}
.banner-title {
	font-size:650px;
	word-break:normal;
	letter-spacing:-40px
}
.ls-minus-20px {
	letter-spacing:-20px
}
.ls-minus-13px {
	letter-spacing:-13px
}
.mt-minus-12 {
	margin-top:-12%
}
.word-break-normal {
	word-break:normal
}
.bg-sherpa-blue {
	background-color:#333436
}
.page-title-extra-large h1 {
	font-size:5rem;
	line-height:5rem
}
.team-style-05 .full-width-layer{
	position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #18191a30;
	height: 100%;
}
.team-style-05:hover .full-width-layer{
	display: none;
}
.team-style-05 img {
	/* filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%) */
}
.team-style-05:hover img {
	/* filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%) */
}
.team-style-08 figure img {
	/* filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%) */
}
.team-style-08:hover figure img {
	/* filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%) */
}
.team-style-08 figure figcaption .social-icon a {
	background-color:var(--base-color)
}
.team-style-08 figure figcaption .social-icon a:hover {
	color:var(--dark-gray)
}
/* .blog-classic .card .blog-image img {
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%)
} */
.blog-comment li .btn-reply:hover {
	color:var(--text-dark-gray)
}
.tag-cloud a {
	background-color:var(--white)
}
.portfolio-simple .grid-item .portfolio-image img {
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%)
}
.portfolio-simple .portfolio-box:hover .portfolio-image img {
	opacity:1;
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%)
}
.popular-post-sidebar li figure {
	width:190px;
	height:auto
}
.popular-post-sidebar li .media-body {
	padding-left:40px
}
.social-icon-style-06 li {
	position:relative
}
.social-icon-style-06 li:before {
	width:6px;
	height:6px;
	border-radius:100%;
	background-color:var(--medium-gray);
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:-15px;
	transform:translateY(-50%);
	opacity:.5
}
.social-icon-style-06 li:last-child:before {
	display:none
}
footer .footer-logo img {
	max-height:56px
}
footer .nav-link {
	color:var(--dark-gray)
}
.footer-navbar li a:hover {
	color:var(--dark-gray)
}
@media(min-width:992px) {
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
padding:15px 25px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu-margin-left {
left: -180px;
}
}
@media(min-width:768px) {
h1 {
font-size:5rem;
line-height:5rem
}
h2 {
font-size:3.75rem;
line-height:3.75rem
}
h3 {
font-size:3.125rem;
line-height:3.125rem
}
}
@media(max-width:1399px) {
.banner-title {
font-size:450px
}
header .btn.btn-switch-text.btn-medium>span {
padding:11px 22px
}
}
@media(max-width:1199px) {
.banner-title {
font-size:380px;
letter-spacing:-25px
}
.ls-minus-20px {
letter-spacing:-15px
}
header .btn.btn-switch-text.btn-medium>span {
padding:6px 11px
}
.navbar .navbar-nav .nav-link {
padding:10px 12px
}
footer .nav-link {
padding:2px 8px
}
}
@media(max-width:991px) {
.banner-title {
font-size:270px;
letter-spacing:-15px
}
.ls-minus-20px {
letter-spacing:-10px
}
.top-space-margin {
margin-top:100px
}
header .btn.btn-switch-text.btn-medium>span {
padding:9px 24px
}
}
@media(max-width:767px) {
.banner-title {
font-size:200px;
letter-spacing:-15px
}
.process-step-style-10.hover-box:hover .hover-content {
bottom:0
}
.ls-minus-20px {
letter-spacing:-4px
}
.ls-minus-13px {
letter-spacing:-5px
}
}
@media(max-width:575px) {
.banner-title {
font-size:110px;
letter-spacing:-3px
}
.popular-post-sidebar li figure {
width:100%
}
.popular-post-sidebar li .media-body {
padding-left:0;
padding-top:25px
}
}
.bg-gradient-very-light-gray-transparent {
	background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
}
.bg-hover-card:hover {
	background-color: #392D6A;
	border-radius: 20px;
	padding-inline-end: 30px;
	margin-inline-end: -30px;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.bg-hover-card:hover .hover-img {
	opacity: 1;
	visibility: visible;
}
.hover-img {
	position: absolute;
	top: -120px;
	width: 300px;
	height: 370px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	border-radius: 15px;
	overflow: hidden;
}
/*Process Seo*/
.op-text {
	position: relative;
	z-index: 1;
	font-size: 90px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}
 .op-text::before {
 content: "";
 position: absolute;
 width: 80px;
 height: 80px;
 background-color: #0038ff;
 border-radius: 50%;
 z-index: -1;
 left: 50%;
 top: -10px;
 transform: translateX(-50%);
}
 .op-text::after {
 content: "";
 position: absolute;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 border: 12px solid black;
 background-color: #ffe600;
 left: -100px;
 top: 50%;
 transform: translateY(-50%);
}
 @media only screen and (min-width: 1200px) {
 .process__thumb {
 padding-left: 80px;
 border-left: 1px solid white;
}
}
 @media (max-width:767px) {
.op-text::after {
background-color: unset;
}
}
/*Process Seo End*/

.bg-gradient-flamingo-amethyst-green {
	background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af);
}
.equiryside-demo {
	position: fixed;
	top: 50%;
	z-index: 999;
	right: -86px;
	transform: rotate(-90deg);
}
.equiryside-demo .fd {
	background: #162340;
	/*    background-color: var(--base-color);*/
    padding: 10px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
}
.wh-float {
	position: fixed;
	width: 45px;
	height: 45px;
	bottom: 85px;
	right: 10px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 34px;
	z-index: 100;
	line-height: 48px
}
.call-float {
	position: fixed;
	width: 45px;
	height: 45px;
	bottom: 85px;
	left: 10px;
	background-color: #055160;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 22px;
	z-index: 100;
	line-height: 48px
}
/*Home page Banner css*/

.hero__inner-2 {
	padding: 180px 100px 0;
}
.hero__area-2 .sec-title-3 {
	color: var(--black);
	padding-right: 30px;
}
.hero__area-2 .hero2-shape {
	position: absolute;
	left: 30%;
	top: 40%;
	max-width: 23%;
	overflow: hidden;
}
.hero__area-2 .hero2-shape img {
	max-width: 100%;
}
.sec-title-3 {
	color: var(--black);
	padding-right: 30px;
	font-weight: 600;
	line-height: 1;
	font-size: 140px;
}
.hero__area-2 .sec-title-3:last-child {
	text-align: right;
	padding-top: 110px;
	padding-right: 0;
	margin-top: 30px;
}
.hero__text-2 p {
	max-width: 330px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	color: var(--black);
	padding-bottom: 5px;
}
.hero__text-2 {
	padding-left: 32%;
}
.hero__area-2 .sec-title-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 9;
}
.hero__area-2 .sec-title-wrapper .bg-shape {
	background-image: url(../images/banner/10.png);
	background-repeat: no-repeat;
	background-position: right top;
}
 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
 .hero__inner-2 {
 padding: 140px 100px 0;
}
 .sec-title-3 {
 font-size: 94px;
}
 .hero__area-2 .sec-title-3:last-child {
 padding-top: 90px;
}
 .hero__text-2 {
 padding-left: 20%;
}
 .hero__text-2 p {
 max-width: 380px;
}
 .hero__area-2 .hero2-shape {
 top: 45%;
 left: 33%;
 max-width: 17%;
}
}
 @media only screen and (min-width: 1400px) and (max-width: 1919px) {
 .sec-title-3 {
 font-size: 110px;
}
 .hero__area-2 .sec-title-3:last-child {
 padding-top: 90px;
}
}
 @media only screen and (max-width: 767px) {
 .hero__inner-2 {
 padding: 120px 15px 60px;
}
 .hero__area-2 .sec-title-wrapper {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
 .hero__area-2 .sec-title-3 {
 padding-bottom: 40px;
 padding-right: 75px;
 font-size: 48px;
}
 .hero__area-2 .sec-title-3:last-child {
 padding-top: 0;
}
 .hero__area-2 .hero2-shape {
 left: 5%;
 top: 40%;
 max-width: 90%;
}
 .hero__text-2 {
 padding-left: 0;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}


/*Home page banner css End*/

/*content marketing*/
.service__area-7::before {
 position: absolute;
 content: "";
 width: 1px;
 height: 100%;
 left: 36%;
 bottom: 0;
 background: #d7d7d7;
}
 .service__area-7::after {
 position: absolute;
 content: "";
 width: 1px;
 height: 100%;
 left: 59%;
 bottom: 0;
 background: #d7d7d7;
}
 .service__item-7::after {
 position: absolute;
 content: "";
 width: 100%;
 height: 1px;
 left: 0;
 bottom: 35px;
 background: #d7d7d7;
}
.service__items-7 {
	display: -ms-grid;
	display: grid;
 -ms-grid-columns: (1fr) [3];
	grid-template-columns: repeat(3, 1fr);
}
.service__title-7 {
	font-weight: 600;
	font-size: 29px;
	line-height: 1.3;
	color: var(--black);
	padding-bottom: 15px;
	margin-bottom: 15px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-transform: capitalize;
}
.service__title-7 span {
	display: block;
	position: relative;
	padding-left: 45px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
 .service__title-7 span::before {
 position: absolute;
 content: "";
 width: 40px;
 height: 1px;
 left: 0;
 top: 25px;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
 background-color: var(--black);
}
 .service__item-7:nth-last-child(-n+3)::after {
 position: unset;
}
.service__item-7 p {
	color: var(--black);
}
.service__item-7 ul li {
	color: var(--black);
}
 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
 .service__area-7::before {
 left: 35%;
}
 .service__area-7::after {
 left: 62%;
}
}
@media only screen and (max-width: 767px) {
 .service__items-7 {
 -ms-grid-columns: 1fr;
 grid-template-columns: 1fr;
}
 .service__area-7::before {
 display: none;
}
 .service__area-7::after {
 display: none;
}
 .service__item-7:nth-last-child(-n+3)::after {
 position: absolute;
}
}
.research__item {
	gap: 30px;
}
.research__number span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	font-size: 48px;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--black);
	width: 180px;
	height: 180px;
	border: 2px solid;
	border-radius: 100%;
}
 .research__item:nth-child(odd) {
 padding-left: 60px;
}
.research__item p {
	max-width: 320px;
	color: var(--black);
}
 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
 .research__number span {
 width: 160px;
 height: 160px;
}
}
@media only screen and (max-width: 767px) {
 .research__item:nth-child(odd) {
 padding-left: 0;
}
 .research__number span {
 width: 120px;
 height: 120px;
 font-size: 32px;
}
}
/*content marketing End*/

/*influencer*/

.tp-gallery-shape-1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.tp-gallery-shape-2 {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
}
.tp-gallery-shape-1 .img-2 {
	display: none;
}
.tp-gallery-shape-2 .img-2 {
	display: none;
}
.ifn-gallery-slider-active {
	margin: 0px -15px;
}
.tp-gallery-titming {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.fs-335 {
	font-size: 20.938rem;
	line-height: 18.75rem;
}
 @media only screen and (max-width: 1399px) {
 .fs-335 {
 font-size: 12.5rem;
 line-height: 12.5rem;
}
}
@media only screen and (max-width: 1600px) {
 .fs-335 {
 font-size: 15.625rem;
 line-height: 15.625rem;
}
}
 @media (max-width: 767px) {
 .tp-gallery-shape-1 {
 top: -6px;
 z-index: unset;
}
 .tp-gallery-shape-2 {
 bottom: -9px;
}
}
/*influencer End*/

/*Training Page*/
.feature-box-training {
	border: 2px solid #dedede;
	border-radius: 20px;
	background: #fff;
	margin-bottom: 30px;
}
.portfolio__text {
	text-align: center;
	text-transform: uppercase;
	padding: 120px 0 50px;
	opacity: 1;
}
.portfolio__item_se {
	padding-bottom: 30px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 9;
	scale: 0.5;
	opacity: 0;
}
/*.portfolio__item_card_se:nth-of-type(even) {
    margin-top: 80px !important;
    position: relative;
}*/


.portfolio__item_se {
	-webkit-transform: perspective(4000px) rotateX(90deg);
	transform: perspective(4000px) rotateX(90deg);
}
/*ecoomerce page css*/
.banner-bullets li {
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	width: auto;
	padding: 5px 16px;
	margin-right: 13px;
	font-size: 17px;
	margin-bottom: 13px;
	list-style-type: none;
	line-height: 30px;
}
.graph_stack_section {
	width: 100%;
	padding: 50px 0;
	background: rgba(0, 0, 0, 0) linear-gradient(118deg, rgba(5, 27, 84, 0.4) 0%, rgba(209, 182, 100, 0.4) 100%) 0% 0% no-repeat padding-box;
	position: relative;
	min-height: 860px;
}
 .graph_stack_section::before {
 content: "";
 background: rgba(0, 0, 0, 0) linear-gradient(83deg, #bb9f40 0%, #ecd284 100%) 0% 0% no-repeat padding-box;
 width: 160px;
 height: 200px;
 position: absolute;
 bottom: 0;
 left: 0;
 border-radius: 0 260px 0 0;
 pointer-events: none;
}
.technical-stack-group {
	width: 100%;
	margin-top: 41px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.graph_stack_section .technical-stack-group .section-image {
	max-width: 741px;
	overflow: hidden;
	position: absolute;
	left: 21%;
	top: 40px;
}
.graph_stack_section .section-image img {
	max-width: 100%;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.graph_stack_section .technical-stack-group .section-content-box {
	width: 55%;
	position: relative;
}
.graph_stack_section .technical-stack-group .section-content-box::before {
 content: "";
 position: absolute;
 background-color: #fff;
 border: 3px solid #051b54;
 top: 87px;
 right: 138px;
 width: 14px;
 height: 14px;
 border-radius: 20px;
}
.graph_stack_section .technical-stack-group .section-content-box .sub-title {
	color: #000920;
	font-size: 22px;
	font-weight: 600;
	line-height: 34px;
	position: relative;
}
.graph_stack_section .technical-stack-group .section-content-box .section-data {
	width: 361px;
	height: auto;
	background-color: #f6f6f6;
	padding: 10px;
	color: #252525;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	border-radius: 12px;
	margin-top: 18px;
}
 .graph_stack_section .technical-stack-group .section-content-box::after {
 content: "";
 position: absolute;
 width: 316px;
 height: 70px;
 border-top: 1px dashed #051b54;
 border-right: 1px dashed #051b54;
 top: 18px;
 right: 145px;
 border-radius: 0 5px 0 0;
}
.graph_stack_section .technical-stack-group .section-view-port {
	position: relative;
	width: auto;
	margin-top: -30px;
}
 .graph_stack_section .technical-stack-group .section-view-port::before {
 content: "";
 position: absolute;
 background-color: #fff;
 border: 3px solid #051b54;
 top: 87px;
 left: -178px;
 width: 14px;
 height: 14px;
 border-radius: 20px;
}
 .graph_stack_section .technical-stack-group .section-view-port::after {
 content: "";
 position: absolute;
 width: 147px;
 height: 70px;
 border-top: 1px dashed #051b54;
 border-left: 1px dashed #051b54;
 border-right: none;
 top: 18px;
 left: -172px;
 border-radius: 5px 0px 0 0;
}
.graph_stack_section .technical-stack-group .section-axis {
	position: absolute;
	width: auto;
	right: 140px;
	bottom: -383px;
}
 .graph_stack_section .technical-stack-group .section-axis::before {
 content: "";
 position: absolute;
 background-color: #fff;
 border: 3px solid #051b54;
 top: 58px;
 left: -92%;
 width: 14px;
 height: 14px;
 border-radius: 20px;
 margin: auto;
 right: auto;
}
 .graph_stack_section .technical-stack-group .section-axis::after {
 content: "";
 position: absolute;
 width: 318px;
 height: 70px;
 border-top: none;
 border-left: 1px dashed #051b54;
 border-bottom: 1px dashed #051b54;
 border-right: none;
 top: 70px;
 left: -326px;
 border-radius: 0px 0px 0 5px;
}
.graph_stack_section .technical-stack-group {
	width: 100%;
	margin-top: 41px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
 @media screen and (max-width: 767px) {
 .graph_stack_section {
 min-height: inherit;
}
 .graph_stack_section .technical-stack-group .section-image {
 position: inherit;
 max-width: 100%;
 left: 0;
 right: 0;
 margin: auto;
 top: 0;
 bottom: 0;
 margin-bottom: -50px;
}
 .graph_stack_section .technical-stack-group .section-content-box {
 width: 100%;
 position: inherit;
}
 .graph_stack_section .technical-stack-group {
 flex-direction: column;
 justify-content: flex-start;
 margin-top: 0;
 row-gap: 30px;
}
 .graph_stack_section .technical-stack-group .section-view-port {
 width: 100%;
 position: inherit;
 margin: 0;
}
 .graph_stack_section .technical-stack-group .section-view-port .section-data {
 margin-left: inherit;
}
 .graph_stack_section .technical-stack-group .section-axis {
 width: 100%;
 position: inherit;
 top: 0;
 left: 0;
 bottom: 0;
}
 .graph_stack_section .technical-stack-group .section-content-box .section-data {
 width: 100%;
}
 .graph_stack_section .technical-stack-group .section-content-box::before {
 display: none;
}
 .graph_stack_section .technical-stack-group .section-content-box::after {
 display: none;
}
 .banner-bullets li {
 padding: 5px 9px;
}
}
/*ecoomerce page css End*/
/*internship page css*/
.banner-bullets-inter li {
	border: 1px solid #b7b5be;
	background-color: #fff;
	color: #252525;
}
.counter-icon {
	top: -5px!important;
	left: -51px!important;
	background-image: linear-gradient(to right, #7d3785, #582d9f, #3928af, #f7693c, #c74e45);
}
.counter-icon-2 {
	top: -5px!important;
	left: -46px!important;
	background-image: linear-gradient(to right, #7d3785, #582d9f, #3928af, #f7693c, #c74e45);
}
.background-cover-unset {
	background-size: unset !important;
}
.h-938 {
	height: 938px;
}
.line-height-1 {
	line-height: 1em!important;
}
@media screen and (min-width: 768px) {
 .height-1184 {
 height: 1185px;
}
}
.no-repeat {
	background-repeat: no-repeat;
}
.position-center {
	background-position: center;
}

/*---------------------------------------------------------------------
                              Creative Portpolio css
-----------------------------------------------------------------------*/

.home-screen-slide {
	position: relative;
	padding: 0px 0px 200px 3px;
	margin-right: 50px;
	overflow: hidden;

}
.home-screen-slide:before {
	background: url('../images/mobile-icon.png') no-repeat;
	background-size: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 255px;

}

.swiper-full-mobile {
	overflow: hidden;
}
.swiper-full-mobile .slide-img {
	    overflow: hidden;
	margin-bottom: 35px;
	margin-left: -30px;

}

.swiper-full-mobile .slide-img img {
	height: 100%;
	width: 86%;
	max-width: 100%;
	z-index: 1;
	margin: 150px 0 0 37px;
	padding: 10px;
	object-fit: contain;
}

.swiper-full-mobile .slide-img-reels img {
	margin: 56px 0 0 36px;
	width: 89%;
}

.swiper-full-mobile-vert-bottom {
	height: 130vh;
	overflow: hidden;
}

.swiper-full-mobile-vert-bottom .swiper-slide {
padding-bottom: 10px;
overflow: hidden;
}

.swiper-full-mobile-vert-top {
	height: 130vh;
	overflow: hidden;
}

.swiper-full-mobile-vert-top .swiper-slide {
padding-bottom: 10px;
overflow: hidden;
}

.swiper-full-mobile-vert-top .marquee-slide img {
  object-fit: contain;
  height: 100%;
  border-radius: 55px !important;
 padding: 10px;
/*box-shadow: rgb(18 15 66 / 54%) 0px 8px 24px;*/
}

.swiper-full-mobile-vert-bottom .marquee-slide img {
  object-fit: contain;
  height: 100%;
  border-radius: 30px;
  padding: 5px;
/*  box-shadow: rgb(18 15 66 / 54%) 0px 8px 24px;*/
}

/* Swiper Mobile Left To right */

.home-screen-slide-ltr {
	position: relative;
	padding: 0px 0px 200px 15px;
	margin-left: 10px;
	overflow: hidden;

}
.home-screen-slide-ltr:before {
	background: url('../images/mobile-icon.png') no-repeat;
	background-size: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 257px;

}

.swiper-full-mobile-ltr {
	overflow: hidden;
}

.swiper-full-mobile-ltr .slide-img {
	    overflow: hidden;
	margin-bottom: 35px;
	margin-left: -20px;

}

.swiper-full-mobile-ltr .slide-img img {
	height: 100%;
	width: 80%;
	max-width: 100%;
	z-index: 1;
	margin: 150px 0 0 37px;
	padding: 0px;
	object-fit: contain;
}

.swiper-full-mobile-ltr .slide-img-reels img {
	margin: 45px 0 0 15px;
	width: 85%;
}

/* Swiper Mobile Left To right End */

.creative-logo-client .logo-left-side {
	position: absolute;
    z-index: 999;
    right: 91%;
    top: 0;
    bottom: 0;
	-webkit-transform:rotate(-90deg) translate(-50%, 50%);
	transform:rotate(-90deg) translate(-50%, 50%);
	margin-top: 20%;
	/*background: #fff;
	padding: 5px 15px;
	border-radius: 10px;*/

}

@media (min-width: 1499px) {
    .home-screen-slide:before {
        left: 0;
        top: 0;
        width: 280px;
    }

    .swiper-full-mobile .slide-img img {
	height: 100%;
	width: 88%;
	max-width: 100%;
	z-index: 1;
	margin: 180px 0 0 40px;
	padding: 10px;
	object-fit: contain;
}

 .swiper-full-mobile .slide-img-reels img {	
	width: 90%;
	margin: 65px 0 0 38px;	
}

.home-screen-slide-ltr:before {
	right: 0;
	top: 0;
	width: 280px;

}
.swiper-full-mobile-ltr .slide-img-reels img {
	margin: 55px 0 0 18px;
	width: 85%;
}

}

@media (max-width: 767px) { 

.swiper-full-mobile-ltr .slide-img-reels img {
    margin: 60px 0 0 20px;
    width: 85%;
}

.home-screen-slide-ltr:before {
	right: 0;
	top: 0;
	width: 96%;

}

}



/*---------------------------------------------------------------------
                               Creative Portpolio css End
-----------------------------------------------------------------------*/