@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--text-white: #fff;
	--bg-white: #fff;
	--btn-white: #fff;
	--border-white: #fff;
	--black: #3B4352;
	--primary-color-1: #ffd500;
	--primary-color-2: #ffd500;
	--primary-color-3: #ffd500;
	--bg-heading-color: #131313;
	--text-heading-color: #3B4352;
	--btn-heading-color: #3B4352;
	--body-color: #3B4352;
	--dark-one: #1c1e22;
	--dark-two: #222429;
	--color-1: #1d2122;
	--color-2: #3B4352;
	--color-3: #999;
	--color-4: #ccc;
	--color-5: #f1f8fb;
	--color-6: #efefef;
	--color-7: #fedbd6;
	--color-8: #e8e8e8;
	--color-9: #f2f6f9;
	--color-10: #ececec;
	--color-11: #2b2b2b;
	--color-12: #fee3bf;
	--color-13: #cfcfcf;
	--color-14: #fdc67e;
	--color-15: #acbdf8;
	--color-16: #e1e1e1;
	--color-17: #feedea;
	--color-18: #151718;
	--color-19: #3b3838;
	--color-20: #808287;
	--color-21: rgba(34, 36, 41, 0.5);
	--border-color-1: #e7e7e7;
	--border-color-2: #e9e9e8;
	--border-color-3: rgba(19, 19, 19, 0.1);
	--border-color-4: rgba(19, 19, 19, 0.06);
	--box-shadow-1: 0 25px 70px rgba(0, 0, 0, 0.08);
	--box-shadow-2: 0 10px 70px rgba(0, 0, 0, 0.1)
}

body {font-family: "Montserrat", sans-serif;color: var(--body-color);font-size: 16px;line-height: 26px;font-weight: 500;background: #F5F7FB;}
.bg {background: #F5F7FB url(../img/logo-bg.svg) no-repeat;background-size: 100%;background-position: center -263px;background-attachment: fixed;}
.bg1 {position: relative;width: 100%;padding: 0;background: #2c4853;padding-bottom: 15px;background: linear-gradient(340deg, #122c36 33%, #264b5a 100%)}
img {max-width: 100%;height: auto;transition: .4s}
a {outline: 0;color: inherit;text-decoration: none}
a,
button,
i {text-decoration: none;color: inherit}
a:focus,
a:hover {
text-decoration: none;color: inherit}
.section-padding {padding: 50px 0}
.section-padding-in {padding: 0}
@media(max-width:575px) {
	.section-padding {padding: 30px 0}
}
sup {
    top: -1em;
    font-size: 8px;
}
.internal-header-section-dm h2 sup{
    top: -1em;
    font-size: 50px;
}
.internal-header-section-two h2 sup{
	top: -1em;
    font-size: 50px;
}
.internal-header-section-photography h2 sup{
	top: -1em;
    font-size: 50px;	
}
.graphics-header-section-photography h2 sup{
	top: -1em;
    font-size: 50px;	
}

.display-none {display: none}
.display-block {display: block}
.filter img {filter: grayscale(100%)}
.img__full {width: 100%}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: 1px solid var(--border-color-2);
	border-color: transparent;
	border-radius: 6px;
	background: var(--primary-color-1);
	color: var(--text-white);
	padding: 17px 40px
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	border-color: transparent
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: transparent
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
	color: #3B4352;
	border-radius: 10px;
	width: 100%;
	height: 51px;
	border: 0 solid var(--border-color-2);
	padding: 0 15px;
	background: #efefef
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
	color: var(--text-heading-color);
	outline: 0;
	box-shadow: none;
	border-color: var(--primary-color-1)
}

select {
	border: 1px solid var(--border-color-2)
}

textarea {
	width: 100%;
	height: 150px;
	padding-top: 15px
}

button,
button:hover,
button:focus {
	box-shadow: none;
	border: 0;
	outline: 0
}

h1 {font-size: 70px;line-height: 80px;padding: 0;margin: 0;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 700}
h2 {font-size: 48px;line-height: 60px;padding: 0;margin: 0;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 700}
h3 {font-size: 30px;line-height: 32px;padding: 0;margin: 0;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 700}
h4 {font-size: 24px;line-height: 34px;padding: 0;margin: 0 0 10px;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 600}
dl,
ol,
ul {margin-top: 0;margin-bottom: 1rem;font-weight: 300;text-transform: none}
h5 {font-size: 22px;line-height: 32px;padding: 0;margin: 0;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 600}
h6 {font-size: 20px;line-height: 30px;padding: 0;margin: 0;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 600}
p {font-size: 14px;line-height: 24px;padding: 0;margin: 0;text-transform: none; font-weight:500;}
.t-left {text-align: left}
.t-center {text-align: center}
.t-right {text-align: right}
.logotop {float: left;width: auto}
.photo-h2 {font-size: 45px;line-height: 46px;text-transform: uppercase}
.for {font-weight: 300;font-size: 30px;display: block;text-transform: uppercase;padding-top: 3px}
@media(max-width:1399px) {
	h2 {font-size: 45px;line-height: 55px}
}
@media(max-width:767px) {
	h2 {font-size: 38px;line-height: 50px}
}
@media(max-width:420px) {
	h2 {font-size: 31px;line-height: 41px}
	h3 {font-size: 28px;line-height: 32px}
}
@media(max-width:359px) {
h2 {font-size: 27px;line-height: 37px}
h3 {font-size: 24px;line-height: 34px}
h4 {font-size: 21px;line-height: 31px}
h5 {font-size: 20px;line-height: 30px}
h6 {font-size: 18px;line-height: 28px}
}

.btn-one,
.btn-two,
.btn-three,
.btn-four,
.btn-five,
.btn-six,
.btn-seven,
.btn-eight,
.btn-nine {
background: var(--primary-color-1);
color: #060606;display: inline-flex;align-items: center;font-size: 16px;
line-height: 26px;padding: 10px 20px;text-align: center;font-weight: 700;font-family: "Montserrat", sans-serif;
z-index: 3;position: relative;transition: .4s;text-transform: uppercase;overflow: hidden;border-radius: 10px;margin-top: 10px
}
.btn-ten {color: #060606;display: inline-flex;align-items: center;font-size: 12px;line-height: 26px;padding: 7px 15px;text-align: center;font-weight: 500;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 10px;border:solid 1px #3B4352;}
.btn-ten:hover {color: #060606;display: inline-flex;align-items: center;font-size: 12px;line-height: 26px;padding: 7px 25px;text-align: center;font-weight: 500;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 10px;border:solid 1px #3B4352;background:#FFD000;}
.btn-one i,
.btn-two i,
.btn-three i,
.btn-four i,
.btn-five i,
.btn-six i,
.btn-seven i,
.btn-eight i,
.btn-nine i {
	position: relative;
	top: 0;
	margin-left: 15px;
	font-size: 13px
}

.btn-one::before,
.btn-two::before,
.btn-three::before,
.btn-four::before,
.btn-five::before,
.btn-six::before,
.btn-seven::before,
.btn-eight::before,
.btn-nine::before {
	content: "";
	position: absolute;
	height: 400px;
	width: 430px;
	top: 50%;
	left: 50%;
	background: var(--btn-heading-color);
	border-radius: 50%;
	transform: translateY(-50%) translateX(-50%) scale(0);
	transition: all .5s ease-out 0;
	z-index: -1
}

.btn-one:hover,
.btn-two:hover,
.btn-three:hover,
.btn-four:hover,
.btn-five:hover,
.btn-six:hover,
.btn-seven:hover,
.btn-eight:hover,
.btn-nine:hover {
	color: var(--text-white)
}

.btn-one:hover::before,
.btn-two:hover::before,
.btn-three:hover::before,
.btn-four:hover::before,
.btn-five:hover::before,
.btn-six:hover::before,
.btn-seven:hover::before,
.btn-eight:hover::before,
.btn-nine:hover::before {
	transform: translateY(-50%) translateX(-50%) scale(1)
}

.btn-one:focus,
.btn-two:focus,
.btn-three:focus,
.btn-four:focus,
.btn-five:focus,
.btn-six:focus,
.btn-seven:focus,
.btn-eight:focus,
.btn-nine:focus {
	color: var(--text-white)
}

.btn-two {background: var(--btn-white);color: var(--btn-heading-color);border: 1px solid var(--color-4);padding: 16px 42px}
.btn-two::before {background: var(--primary-color-1)}
.btn-two:focus {color: var(--primary-color-1)}
.btn-two:hover {border-color: var(--primary-color-1)}

.text-one{font-family: "Montserrat", sans-serif;font-weight: 700;font-size: 18px;line-height: 28px;text-transform: capitalize;color: var(--text-heading-color)}
.text-two{font-family: "Montserrat", sans-serif;font-weight: 600;font-size: 16px;line-height: 26px;text-transform: capitalize;color: var(--text-heading-color)}
.text-three{font-family: "Montserrat", sans-serif;font-weight: 600;font-size: 14px;line-height: 24px;text-transform: capitalize;color: var(--text-heading-color)}
.text-four {font-family: "Montserrat", sans-serif;font-weight: 500;font-size: 16px;line-height: 26px;text-transform: capitalize;color: var(--text-heading-color)}
.text-five {font-family: "Montserrat", sans-serif;font-weight: 500;font-size: 14px;line-height: 24px;text-transform: capitalize;color: var(--text-heading-color)}
.text-six {font-size: 17px;line-height: 30px;text-transform: capitalize;color: var(--text-heading-color)}
.text-seven {font-size: 15px;line-height: 26px;text-transform: capitalize;color: var(--text-heading-color)}
.text-eight {font-size: 14px;line-height: 24px;text-transform: capitalize;color: var(--text-heading-color)}
.text-nine {font-size: 12px;line-height: 22px;text-transform: capitalize;color: var(--text-heading-color)}
@keyframes rotate {
	100% {
		transform: rotate(90deg)
	}
}

.scroll-up {cursor: pointer;display: block;border-radius: 50px;box-shadow: inset 0 0 0 2px var(--color-8);z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(15px);position: fixed;right: 20px;bottom: 20px;height: 50px;width: 50px;transition: all 200ms linear}
.scroll-up::after {position: absolute;font-family: "Font Awesome 5 Pro";content: "\f176";text-align: center;line-height: 50px;font-size: 24px;color: var(--primary-color-1);left: 0;top: 0;font-size: 20px;height: 50px;width: 50px;cursor: pointer;display: block;z-index: 1;transition: all 200ms linear}
.scroll-up.active-scroll {opacity: 1;visibility: visible;transform: translateY(0)}
.scroll-up svg path {fill: none}
.scroll-up svg.scroll-circle path {stroke: var(--primary-color-1);stroke-width: 4;box-sizing: border-box;transition: all 200ms linear}


.video {position: relative;text-align: center;display: inline-block;z-index: 4}
.video a {position: relative;color: var(--primary-color-2);font-size: 20px;z-index: 1;background: var(--bg-white);width: 90px;height: 90px;line-height: 90px;border-radius: 50%;display: block}
.video-pulse::after,
.video-pulse::before {position: absolute;content: "";width: 100%;height: 100%;border: 1px solid var(--border-white);opacity: .3;left: 0;top: 0;border-radius: 50%;animation-duration: 2.5s;animation-timing-function: linear;animation-name: video-animation;animation-iteration-count: infinite}
.video-pulse::before {animation-delay: 1s}
.left-right-animate {animation-name: left-right;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear}
.left-right-animate2 {animation-name: left-right2;animation-duration: 4s;animation-iteration-count: infinite;animation-timing-function: linear}
.swiper-button-prev::after {display: none}
.swiper-button-next::after {display: none}
.light-n {display: none}
.light {display: none}
.mt-0 {margin-top: 0}
.mb-0 {margin-bottom: 0}
.ml-0 {margin-left: 0}
.mr-0 {margin-right: 0}
.pt-0 {padding-top: 0}
.pb-0 {	padding-bottom: 0}
.pl-0 {padding-left: 0}
.pr-0 {padding-right: 0}
.mt-5 {margin-top: 5px}
.mb-5 {margin-bottom: 5px}
.ml-5 {margin-left: 5px}
.mr-5 {margin-right: 5px}
.pt-5 {padding-top: 5px}
.pb-5 {padding-bottom: 5px}
.pl-5 {padding-left: 5px}
.pr-5 {padding-right: 5px}
.mt-10{margin-top: 10px}
.mb-10{margin-bottom: 10px}
.ml-10 {margin-left: 10px}
.mr-10 {margin-right: 10px}
.pt-10 {padding-top: 10px}
.pb-10 {padding-bottom: 10px}
.pl-10 {padding-left: 10px}
.pr-10 {padding-right: 10px}
.mt-15 {margin-top: 15px}
.mb-15 {margin-bottom: 15px}
.ml-15 {margin-left: 15px}
.mr-15 {margin-right: 15px}
.pt-15 {padding-top: 15px}
.pb-15 {padding-bottom: 15px}
.pl-15 {padding-left: 15px}
.pr-15 {padding-right: 15px}
.mt-20 {margin-top: 20px}
.mb-20 {margin-bottom: 20px}
.ml-20 {margin-left: 20px}
.mr-20 {margin-right: 20px}
.pt-20 {padding-top: 20px !important}
.pb-20 {padding-bottom: 20px !important}
.pl-20 {padding-left: 20px}
.pr-20 {padding-right: 20px}
.mt-25 {margin-top: 25px}
.mb-25 {margin-bottom: 25px}
.ml-25 {margin-left: 25px}
.mr-25 {margin-right: 25px}
.pt-25 {padding-top: 25px}
.pb-25 {padding-bottom: 25px}
.pl-25{padding-left:25px}
.pr-25{padding-right:25px}
.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}
.ml-30{margin-left:30px}
.mr-30{margin-right:30px}
.pt-30{padding-top:30px !important}
.pb-30{padding-bottom:30px !important}
.pl-30{padding-left:30px}
.pr-30{padding-right:30px}
.mt-35{margin-top:35px}
.mb-35{margin-bottom:35px}
.ml-35{margin-left:35px}
.mr-35{margin-right:35px}
.pt-35{padding-top:35px}
.pb-35{padding-bottom:35px}
.pl-35{padding-left:35px}
.pr-35{padding-right:35px}
.mt-40{margin-top:40px}
.mb-40{margin-bottom:40px}
.ml-40{margin-left:40px}
.mr-40{margin-right:40px}
.pt-40{padding-top:40px !important}
.pb-40{padding-bottom:40px}
.pl-40{padding-left:40px}
.pr-40{padding-right:40px}
.mt-45{margin-top:45px}
.mb-45{margin-bottom:45px}
.ml-45{margin-left:45px}
.mr-45{margin-right:45px}
.pt-45{padding-top:45px}
.pb-45{padding-bottom:45px}
.pl-45{padding-left:45px}
.pr-45{padding-right:45px}
.mt-50{margin-top:50px}
.mb-50{margin-bottom:50px}
.ml-50{margin-left:50px}
.mr-50{margin-right:50px}
.pt-50{padding-top:50px !important}
.pb-50{padding-bottom:50px}
.pl-50{padding-left:50px}
.pr-50{padding-right:50px}
.mt-55{margin-top:55px}
.mb-55{margin-bottom:55px}
.ml-55{margin-left:55px}
.mr-55{margin-right:55px}
.pt-55{padding-top:55px}
.pb-55{padding-bottom:55px}
.pl-55{padding-left:55px}
.pr-55{padding-right:55px}
.mt-60{margin-top:60px}
.mb-60{margin-bottom:60px}
.ml-60{margin-left:60px}
.mr-60{margin-right:60px}
.pt-60{padding-top:60px}
.pb-60{padding-bottom:60px}
.pl-60{padding-left:60px}
.pr-60{padding-right:60px}
.mt-65{margin-top:65px}
.mb-65{margin-bottom:65px}
.ml-65{margin-left:65px}
.mr-65{margin-right:65px}
.pt-65{padding-top:65px}
.pb-65{padding-bottom:65px}
.pl-65{padding-left:65px}
.pr-65{padding-right:65px}
.mt-70{margin-top:70px}
.mb-70{margin-bottom:70px}
.ml-70{margin-left:70px}
.mr-70{margin-right:70px}
.pt-70{padding-top:70px}
.pb-70{padding-bottom:70px}
.pl-70{padding-left:70px}
.pr-70{padding-right:70px}
.mt-75{margin-top:75px}
.mb-75{margin-bottom:75px}
.ml-75{margin-left:75px}
.mr-75{margin-right:75px}
.pt-75{padding-top:75px}
.pb-75{padding-bottom:75px}
.pl-75{padding-left:75px}
.pr-75{padding-right:75px}
.mt-80{margin-top:80px}
.mb-80{margin-bottom:80px}
.ml-80{margin-left:80px}
.mr-80{margin-right:80px}
.pt-80{padding-top:80px}
.pb-80{padding-bottom:80px}
.pl-80{padding-left:80px}
.pr-80{padding-right:80px}
.mt-85{margin-top:85px}
.mb-85{margin-bottom:85px}
.ml-85{margin-left:85px}
.mr-85{margin-right:85px}
.pt-85{padding-top:85px}
.pb-85{padding-bottom:85px}
.pl-85{padding-left:85px}
.pr-85{padding-right:85px}
.mt-90{margin-top:90px}
.mb-90{margin-bottom:90px}
.ml-90{margin-left:90px}
.mr-90{margin-right:90px}
.pt-90{padding-top:90px}
.pb-90{padding-bottom:90px}
.pl-90{padding-left:90px}
.pr-90{padding-right:90px}
.mt-95{margin-top:95px}
.mb-95{margin-bottom:95px}
.ml-95{margin-left:95px}
.mr-95{margin-right:95px}
.pt-95{padding-top:95px}
.pb-95{padding-bottom:95px}
.pl-95{padding-left:95px}
.pr-95{padding-right:95px}
.mt-100{margin-top:100px}
.mb-100{margin-bottom:100px}
.ml-100{margin-left:100px}
.mr-100{margin-right:100px}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pb-200{padding-bottom:200px}
.pl-100{padding-left:100px}
.pr-100{padding-right:100px}
.mt-105{margin-top:105px}
.mb-105{margin-bottom:105px}
.ml-105{margin-left:105px}
.mr-105{margin-right:105px}
.pt-105{padding-top:105px}
.pb-105{padding-bottom:105px}
.pl-105{padding-left:105px}
.pr-105{padding-right:105px}
.mt-110{margin-top:110px}
.mb-110{margin-bottom:110px}
.ml-110{margin-left:110px}
.mr-110{margin-right:110px}
.pt-110{padding-top:110px}
.pb-110{padding-bottom:110px}
.pl-110{padding-left:110px}
.pr-110{padding-right:110px}
.mt-115{margin-top:115px}
.mb-115{margin-bottom:115px}
.ml-115{margin-left:115px}
.mr-115{margin-right:115px}
.pt-115{padding-top:115px}
.pb-115{padding-bottom:115px}
.pl-115{padding-left:115px}
.pr-115{padding-right:115px}
.mt-120{margin-top:120px}
.mb-120{margin-bottom:120px}
.ml-120{margin-left:120px}
.mr-120{margin-right:120px}
.pt-120{padding-top:120px}
.pb-120{padding-bottom:120px}
.pl-120{padding-left:120px}
.pr-120{padding-right:120px}
.display-n{display:none !important}
.boarder-0{border-radius:0px !important;}
@media(max-width:1199px){
.xl-pb-0{padding-bottom:0}
.xl-pl-0{padding-left:0}
.xl-pr-0{padding-right:0}
.xl-mb-0{margin-bottom:0}
.xl-ml-0{margin-left:0}
.xl-mr-0{margin-right:0}
.xl-pb-5{padding-bottom:5px}
.xl-pl-5{padding-left:5px}
.xl-pr-5{padding-right:5px}
.xl-mb-5{margin-bottom:5px}
.xl-ml-5{margin-left:5px}
.xl-mr-5{margin-right:5px}
.xl-pb-10{padding-bottom:10px}
.xl-pl-10{padding-left:10px}
.xl-pr-10{padding-right:10px}
.xl-mb-10{margin-bottom:10px}
.xl-ml-10{margin-left:10px}
.xl-mr-10{margin-right:10px}
.xl-pb-15{padding-bottom:15px}
.xl-pl-15{padding-left:15px}
.xl-pr-15{padding-right:15px}
.xl-mb-15{margin-bottom:15px}
.xl-ml-15{margin-left:15px}
.xl-mr-15{margin-right:15px}
.xl-pb-20{padding-bottom:20px}
.xl-pl-20{padding-left:20px}
.xl-pr-20{padding-right:20px}
.xl-mb-20{margin-bottom:20px}
.xl-ml-20{margin-left:20px}
.xl-mr-20{margin-right:20px}
.xl-pb-25{padding-bottom:25px}
.xl-pl-25{padding-left:25px}
.xl-pr-25{padding-right:25px}
.xl-mb-25{margin-bottom:25px}
.xl-ml-25{margin-left:25px}
.xl-mr-25{margin-right:25px}
.xl-pb-30{padding-bottom:30px}
.xl-pl-30{padding-left:30px}
.xl-pr-30{padding-right:30px}
.xl-mb-30{margin-bottom:30px}
.xl-ml-30{margin-left:30px}
.xl-mr-30{margin-right:30px}
.xl-pb-35{padding-bottom:35px}
.xl-pl-35{padding-left:35px}
.xl-pr-35{padding-right:35px}
.xl-mb-35{margin-bottom:35px}
.xl-ml-35{margin-left:35px}
.xl-mr-35{margin-right:35px}
.xl-pb-40{padding-bottom:40px}
.xl-pl-40{padding-left:40px}
.xl-pr-40{padding-right:40px}
.xl-mb-40{margin-bottom:40px}
.xl-ml-40{margin-left:40px}
.xl-mr-40{margin-right:40px}
.xl-pb-45{padding-bottom:45px}
.xl-pl-45{padding-left:45px}
.xl-pr-45{padding-right:45px}
.xl-mb-45{margin-bottom:45px}
.xl-ml-45{margin-left:45px}
.xl-mr-45{margin-right:45px}
.xl-pb-50{padding-bottom:50px}
.xl-pl-50{padding-left:50px}
.xl-pr-50{padding-right:50px}
.xl-mb-50{margin-bottom:50px}
.xl-ml-50{margin-left:50px}
.xl-mr-50{margin-right:50px}
.xl-pb-55{padding-bottom:55px}
.xl-pl-55{padding-left:55px}
.xl-pr-55{padding-right:55px}
.xl-mb-55{margin-bottom:55px}
.xl-ml-55{margin-left:55px}
.xl-mr-55{margin-right:55px}
.xl-pb-60{padding-bottom:60px}
.xl-pl-60{padding-left:60px}
.xl-pr-60{padding-right:60px}
.xl-mb-60{margin-bottom:60px}
.xl-ml-60{margin-left:60px}
.xl-mr-60{margin-right:60px}
.xl-pb-65{padding-bottom:65px}
.xl-pl-65{padding-left:65px}
.xl-pr-65{padding-right:65px}
.xl-mb-65{margin-bottom:65px}
.xl-ml-65{margin-left:65px}
.xl-mr-65{margin-right:65px}
.xl-pb-70{padding-bottom:70px}
.xl-pl-70{padding-left:70px}
.xl-pr-70{padding-right:70px}
.xl-mb-70{margin-bottom:70px}
.xl-ml-70{margin-left:70px}
.xl-mr-70{margin-right:70px}
.xl-pb-75{padding-bottom:75px}
.xl-pl-75{padding-left:75px}
.xl-pr-75{padding-right:75px}
.xl-mb-75{margin-bottom:75px}
.xl-ml-75{margin-left:75px}
.xl-mr-75{margin-right:75px}
.xl-pb-80{padding-bottom:80px}
.xl-pl-80{padding-left:80px}
.xl-pr-80{padding-right:80px}
.xl-mb-80{margin-bottom:80px}
.xl-ml-80{margin-left:80px}
.xl-mr-80{margin-right:80px}
.xl-pb-85{padding-bottom:85px}
.xl-pl-85{padding-left:85px}
.xl-pr-85{padding-right:85px}
.xl-mb-85{margin-bottom:85px}
.xl-ml-85{margin-left:85px}
.xl-mr-85{margin-right:85px}
.xl-pb-90{padding-bottom:90px}
.xl-pl-90{padding-left:90px}
.xl-pr-90{padding-right:90px}
.xl-mb-90{margin-bottom:90px}
.xl-ml-90{margin-left:90px}
.xl-mr-90{margin-right:90px}
.xl-pb-95{padding-bottom:95px}
.xl-pl-95{padding-left:95px}
.xl-pr-95{padding-right:95px}
.xl-mb-95{margin-bottom:95px}
.xl-ml-95{margin-left:95px}
.xl-mr-95{margin-right:95px}
.xl-t-left{text-align:left}
.xl-t-center{text-align:center}
.xl-t-right{text-align:right}
.xl-display-n{display:none !important}
.xl-display-b{display:block !important}
}
@media(max-width:991px){
	.lg-mb-0{margin-bottom:0}
	.lg-mt-0{margin-top:0}
	.lg-ml-0{margin-left:0}
	.lg-pt-0{padding-top:0}
	.lg-pb-0{padding-bottom:0}
	.lg-pl-0{padding-left:0}
	.lg-pr-0{padding-right:0}
	.lg-mb-5{margin-bottom:5px}
	.lg-mt-5{margin-top:5px}
	.lg-ml-5{margin-left:5px}
	.lg-pt-5{padding-top:5px}
	.lg-pb-5{padding-bottom:5px}
	.lg-pl-5{padding-left:5px}
	.lg-pr-5{padding-right:5px}
	.lg-mb-10{margin-bottom:10px}
	.lg-mt-10{margin-top:10px}
	.lg-ml-10{margin-left:10px}
	.lg-pt-10{padding-top:10px}
	.lg-pb-10{padding-bottom:10px}
	.lg-pl-10{padding-left:10px}
	.lg-pr-10{padding-right:10px}
	.lg-mb-15{margin-bottom:15px}
	.lg-mt-15{margin-top:15px}
	.lg-ml-15{margin-left:15px}
	.lg-pt-15{padding-top:15px}
	.lg-pb-15{padding-bottom:15px}
	.lg-pl-15{padding-left:15px}
	.lg-pr-15{padding-right:15px}
	.lg-mb-20{margin-bottom:20px}
	.lg-mt-20{margin-top:20px}
	.lg-ml-20{margin-left:20px}
	.lg-pt-20{padding-top:20px}
	.lg-pb-20{padding-bottom:20px}
	.lg-pl-20{padding-left:20px}
	.lg-pr-20{padding-right:20px}
	.lg-mb-25{margin-bottom:25px}
	.lg-mt-25{margin-top:25px}
	.lg-ml-25{margin-left:25px}
	.lg-pt-25{padding-top:25px}
	.lg-pb-25{padding-bottom:25px}
	.lg-pl-25{padding-left:25px}
	.lg-pr-25{padding-right:25px}
	.lg-mb-30{margin-bottom:30px}
	.lg-mt-30{margin-top:30px}
	.lg-ml-30{margin-left:30px}
	.lg-pt-30{padding-top:30px}
	.lg-pb-30{padding-bottom:30px}
	.lg-pl-30{padding-left:30px}
	.lg-pr-30{padding-right:30px}
	.lg-mb-35{margin-bottom:35px}
	.lg-mt-35{margin-top:35px}
	.lg-ml-35{margin-left:35px}
	.lg-pt-35{padding-top:35px}
	.lg-pb-35{padding-bottom:35px}
	.lg-pl-35{padding-left:35px}
	.lg-pr-35{padding-right:35px}
	.lg-mb-40{margin-bottom:40px}
	.lg-mt-40{margin-top:40px}
	.lg-ml-40{margin-left:40px}
	.lg-pt-40{padding-top:40px}
	.lg-pb-40{padding-bottom:40px}
	.lg-pl-40{padding-left:40px}
	.lg-pr-40{padding-right:40px}
	.lg-mb-45{margin-bottom:45px}
	.lg-mt-45{margin-top:45px}
	.lg-ml-45{margin-left:45px}
	.lg-pt-45{padding-top:45px}
	.lg-pb-45{padding-bottom:45px}
	.lg-pl-45{padding-left:45px}
	.lg-pr-45{padding-right:45px}
	.lg-mb-50{margin-bottom:50px}
	.lg-mt-50{margin-top:50px}
	.lg-ml-50{margin-left:50px}
	.lg-pt-50{padding-top:50px}
	.lg-pb-50{padding-bottom:50px}
	.lg-pl-50{padding-left:50px}
	.lg-pr-50{padding-right:50px}
	.lg-mb-55{margin-bottom:55px}
	.lg-mt-55{margin-top:55px}
	.lg-ml-55{margin-left:55px}
	.lg-pt-55{padding-top:55px}
	.lg-pb-55{padding-bottom:55px}
	.lg-pl-55{padding-left:55px}
	.lg-pr-55{padding-right:55px}
	.lg-mb-60{margin-bottom:60px}
	.lg-mt-60{margin-top:60px}
	.lg-ml-60{margin-left:60px}
	.lg-pt-60{padding-top:60px}
	.lg-pb-60{padding-bottom:60px}
	.lg-pl-60{padding-left:60px}
	.lg-pr-60{padding-right:60px}
	.lg-mb-65{margin-bottom:65px}
	.lg-mt-65{margin-top:65px}
	.lg-ml-65{margin-left:65px}
	.lg-pt-65{padding-top:65px}
	.lg-pb-65{padding-bottom:65px}
	.lg-pl-65{padding-left:65px}
	.lg-pr-65{padding-right:65px}
	.lg-mb-70{margin-bottom:70px}
	.lg-mt-70{margin-top:70px}
	.lg-ml-70{margin-left:70px}
	.lg-pt-70{padding-top:70px}
	.lg-pb-70{padding-bottom:70px}
	.lg-pl-70{padding-left:70px}
	.lg-pr-70{padding-right:70px}
	.lg-t-left{text-align:left}
	.lg-t-center{text-align:center}
	.lg-t-right{text-align:right}
	.lg-display-n{display:none !important}
	.lg-display-b{display:block !important}
	}
	@media(max-width:767px){
		.md-mb-0{margin-bottom:0}
	.md-mt-0{margin-top:0}
	.md-pt-0{padding-top:0}
	.md-pb-0{padding-bottom:0}
	.md-pl-0{padding-left:0}
	.md-pr-0{padding-right:0}
	.md-mb-5{margin-bottom:5px}
	.md-mt-5{margin-top:5px}
	.md-pt-5{padding-top:5px}
	.md-pb-5{padding-bottom:5px}
	.md-pl-5{padding-left:5px}
	.md-pr-5{padding-right:5px}
	.md-mb-10{margin-bottom:10px}
	.md-mt-10{margin-top:10px}
	.md-pt-10{padding-top:10px}
	.md-pb-10{padding-bottom:10px}
	.md-pl-10{padding-left:10px}
	.md-pr-10{padding-right:10px}
	.md-mb-15{margin-bottom:15px}
	.md-mt-15{margin-top:15px}
	.md-pt-15{padding-top:15px}
	.md-pb-15{padding-bottom:15px}
	.md-pl-15{padding-left:15px}
	.md-pr-15{padding-right:15px}
	.md-mb-20{margin-bottom:20px}
	.md-mt-20{margin-top:20px}
	.md-pt-20{padding-top:20px}
	.md-pb-20{padding-bottom:20px}
	.md-pl-20{padding-left:20px}
	.md-pr-20{padding-right:20px}
	.md-mb-25{margin-bottom:25px}
	.md-mt-25{margin-top:25px}
	.md-pt-25{padding-top:25px}
	.md-pb-25{padding-bottom:25px}
	.md-pl-25{padding-left:25px}
	.md-pr-25{padding-right:25px}
	.md-mb-30{margin-bottom:30px}
	.md-mt-30{margin-top:30px}
	.md-pt-30{padding-top:30px}
	.md-pb-30{padding-bottom:30px}
	.md-pl-30{padding-left:30px}
	.md-pr-30{padding-right:30px}
	.md-mb-35{margin-bottom:35px}
	.md-mt-35{margin-top:35px}
	.md-pt-35{padding-top:35px}
	.md-pb-35{padding-bottom:35px}
	.md-pl-35{padding-left:35px}
	.md-pr-35{padding-right:35px}
	.md-mb-40{margin-bottom:40px}
	.md-mt-40{margin-top:40px}
	.md-pt-40{padding-top:40px}
	.md-pb-40{padding-bottom:40px}
	.md-pl-40{padding-left:40px}
	.md-pr-40{padding-right:40px}
	.md-mb-45{margin-bottom:45px}
	.md-mt-45{margin-top:45px}
	.md-pt-45{padding-top:45px}
	.md-pb-45{padding-bottom:45px}
	.md-pl-45{padding-left:45px}
	.md-pr-45{padding-right:45px}
	.md-t-left{text-align:left}
	.md-t-center{text-align:center}
	.md-t-right{text-align:right}
	.md-display-n{display:none !important}
	.md-display-b{display:block !important}
	}
	@media(max-width:575px){
		.sm-mb-0{margin-bottom:0}
		.sm-mt-0{margin-top:0}
		.sm-ml-0{margin-left:0}
		.sm-pt-0{padding-top:0}
		.sm-pb-0{padding-bottom:0}
		.sm-pl-0{padding-left:0}
		.sm-pr-0{padding-right:0}
		.sm-mb-5{margin-bottom:5px}
		.sm-mt-5{margin-top:5px}
		.sm-ml-5{margin-left:5px}
		.sm-pt-5{padding-top:5px}
		.sm-pb-5{padding-bottom:5px}
		.sm-pl-5{padding-left:5px}
		.sm-pr-5{padding-right:5px}
		.sm-mb-10{margin-bottom:10px}
		.sm-mt-10{margin-top:10px}
		.sm-ml-10{margin-left:10px}
		.sm-pt-10{padding-top:10px}
		.sm-pb-10{padding-bottom:10px}
		.sm-pl-10{padding-left:10px}
		.sm-pr-10{padding-right:10px}
		.sm-mb-15{margin-bottom:15px}
		.sm-mt-15{margin-top:15px}
		.sm-ml-15{margin-left:15px}
		.sm-pt-15{padding-top:15px}
		.sm-pb-15{padding-bottom:15px}
		.sm-pl-15{padding-left:15px}
		.sm-pr-15{padding-right:15px}
		.sm-mb-20{margin-bottom:20px}
		.sm-mt-20{margin-top:20px}
		.sm-ml-20{margin-left:20px}
		.sm-pt-20{padding-top:20px}
		.sm-pb-20{padding-bottom:20px}
		.sm-pl-20{padding-left:20px}
		.sm-pr-20{padding-right:20px}
		.sm-mb-25{margin-bottom:25px}
		.sm-mt-25{margin-top:25px}
		.sm-ml-25{margin-left:25px}
		.sm-pt-25{padding-top:25px}
		.sm-pb-25{padding-bottom:25px}
		.sm-pl-25{padding-left:25px}
		.sm-pr-25{padding-right:25px}
		.sm-mb-30{margin-bottom:30px}
		.sm-mt-30{margin-top:30px}
		.sm-ml-30{margin-left:30px}
		.sm-pt-30{padding-top:30px}
		.sm-pb-30{padding-bottom:30px}
		.sm-pl-30{padding-left:30px}
		.sm-pr-30{padding-right:30px}
		.sm-mb-35{margin-bottom:35px}
		.sm-mt-35{margin-top:35px}
		.sm-ml-35{margin-left:35px}
		.sm-pt-35{padding-top:35px}
		.sm-pb-35{padding-bottom:35px}
		.sm-pl-35{padding-left:35px}
		.sm-pr-35{padding-right:35px}
		.sm-mb-40{margin-bottom:40px}
		.sm-mt-40{margin-top:40px}
		.sm-ml-40{margin-left:40px}
		.sm-pt-40{padding-top:40px}
		.sm-pb-40{padding-bottom:40px}
		.sm-pl-40{padding-left:40px}
		.sm-pr-40{padding-right:40px}
		.sm-mb-45{margin-bottom:45px}
		.sm-mt-45{margin-top:45px}
		.sm-ml-45{margin-left:45px}
		.sm-pt-45{padding-top:45px}
		.sm-pb-45{padding-bottom:45px}
		.sm-pl-45{padding-left:45px}
		.sm-pr-45{padding-right:45px}
		.sm-mb-50{margin-bottom:50px}
		.sm-mt-50{margin-top:50px}
		.sm-ml-50{margin-left:50px}
		.sm-pt-50{padding-top:50px}
		.sm-pb-50{padding-bottom:50px}
		.sm-pl-50{padding-left:50px}
		.sm-pr-50{padding-right:50px}
		.sm-mb-55{margin-bottom:55px}
		.sm-mt-55{margin-top:55px}
		.sm-ml-55{margin-left:55px}
		.sm-pt-55{padding-top:55px}
		.sm-pb-55{padding-bottom:55px}
		.sm-pl-55{padding-left:55px}
		.sm-pr-55{padding-right:55px}
		.sm-t-left{text-align:left}
		.sm-t-center{text-align:center}
		.sm-t-right{text-align:right}
		.sm-display-n{display:none !important}
		.sm-display-b{display:block !important}
		}

/* ================================== header ================================================= */
.header{display: block;width: 100%;z-index: 100;padding:0px 0px 0px;position: fixed;background: #f5f7fb;}
.icon-menu-one{display: flex; width: auto;	vertical-align: middle;align-items:left}
.icon-menu-one-img{height:35px !important; width:50px;	vertical-align: middle;margin-top: 0px !important;}
.icon-menu-one-img1{height:auto !important; width:55px;	vertical-align: middle;margin-top: 0px !important;}
.spicon-menu{float:left }
.spicon-menu-text{float: left;padding: 2px 20px 0px;font-size: 16px;display: flex !important;align-items: center;font-weight: 500;height: 30px;}
.header .item-left{	flex:0 0 20%;padding: 10px 0px;}
.header .item-center{flex:0 0 58%;padding:0px}
.header .item-right{flex:0 0 22%;justify-content: flex-end;text-align: right;padding: 10px 0px 0px;}
.menu{float:right; padding: 12px 0px 0px;}
.header .item-right img{height:24px;}
.header .item-right a{text-decoration: none;text-transform: uppercase; font-size: 16px; color:#3b4352; display: inline-block; transition: color 0.3s ease; padding:3px 0px 0px 0px;}
.header .item-right a:hover{text-decoration: none;text-transform: uppercase; font-size: 14px; color:#fff; display: inline-block; transition: color 0.3s ease; padding:6px 10px 0px 0px}
.header .menu > ul > li{display: inline-block;line-height: 36px;}
.header .menu > ul > li > a{
font-size: 16px;font-weight: 600;color:#3b4352;position: relative;text-transform: capitalize;transition: color 0.3s ease;text-transform:uppercase;padding: 0px 8px 0px 8px;}
.header .menu > ul > li > a:last-child{border-right:0px;}
.header .menu > ul > li .sub-menu{
position: absolute;z-index: 500;background-color:#ffffff;box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
padding: 20px 30px;transition: all 0.5s ease;margin-top:25px;opacity:0;visibility: hidden; z-index: -1;	
}
.btn-ten-mega{border-radius:5px;background: #ffd000;padding: 6px 10px !important;font-size: 16px;text-align:center}
.btn-ten-mega:hover {
    border-radius: 5px;
    background: #3B4352;
    padding: 6px 10px !important;
	font-size: 16px !important;
	font-weight:500 !important;	
	color:#ffd000;
	text-align:center
}




@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
margin-top: 0;visibility: visible;opacity: 1;}
}
.header .menu > ul > li .sub-menu > ul > li{line-height: 1;}
.header .menu > ul > li .sub-menu > ul > li > a{display: inline-block;padding: 10px 0;font-size: 15px;color: #3b4352;transition: color 0.3s ease;text-decoration: none;text-transform: capitalize;}
.header .menu > ul > li .single-column-menu{min-width: 280px;max-width: 350px;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{line-height: 1;display: block;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {padding: 5px 0;display: flex;font-size: 15px;color: #3b4352;transition: color 0.3s ease;align-items: center;}
.header .menu > ul > li .sub-menu.mega-menu{left: 50%;transform: translateX(-50%);}
.w5{font-family: 'Font Awesome 5 Pro';font-weight: 500 !important;}
.header .menu > ul > li .sub-menu.mega-menu-column-4{max-width: 100%;width: 100%; display: flex;flex-wrap: wrap;padding: 90px 5% 40px;top: 0;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{flex:0 0 33.33%;padding:0 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{font-size: 16px;color:#ea4636;font-weight: 500;line-height: 1;padding:10px 0;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{text-align: center;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{vertical-align: middle;margin-top: 0px;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{color:#ffd000;}
/* banner section */
.mobile-menu-head,
.mobile-menu-trigger{display: none;}
.header .btn-ten03{border: 1px solid #3b4352;border-radius: 10px;padding: 1px 20px;font-size:16px;margin-top: 25px;
font-weight: 500;width:210px;display:block; text-align:center}
/*styling open close button*/
.button {
    right: 0px;
    margin-top: 10px;
    z-index: 999;
}
.whtspan {
	text-align: center;
	line-height: 36px;
}
.button span {
    text-decoration: none;
    cursor: pointer;
}
.btn-open:after {
	content:'';
	background:url(../img/icon/menu.svg) center no-repeat;
	    width: 32px;
    height: 32px;
    background-size: contain;
    position: absolute;
    top: 3px;
    right: 7px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close:after {
	content:'';
	background:url(../img/icon/close.svg) center top no-repeat;
	 width: 27px;
    height: 27px;
    background-size: contain;
    position: absolute;
    top: 6px;
    right: 10px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close {
    background: transparent;
	opacity: 1;
	padding: 0;
}

/*responsive*/
@media(max-width: 991px){
.header .item-center{order:3;flex:0 0 100%;display: none;}
.header .item-left,
.header .item-right{flex:0 0 auto;padding: 10px 10px; }
.v-center{justify-content: space-between;}
.header .mobile-menu-trigger{display: flex;height: 35px;width: 30px;margin-left: 24px;cursor: pointer;align-items: center;justify-content: center;top: 13px;position: absolute;}
.header .mobile-menu-trigger span{display: block;height: 2px;background-color: #333333;width: 24px;position: relative;}
.header .mobile-menu-trigger span:before,
.header .mobile-menu-trigger span:after{content: '';position: absolute;left:0;width: 100%;height: 100%;background-color: #333333;}
.header .mobile-menu-trigger span:before{top:-6px;}
.header .mobile-menu-trigger span:after{top:6px;}
.header .item-right {
	align-items: end;
	width: 30%;
	float: right;
}
.header .item-left{align-items: center;width:70%}
.whtspan {
	position: static;
	left: 20px;
	width: fit-content;
	top: 6px;
	float: left;
	margin-top: 4px;
	margin-left: 20px;
}
.button {display: inline;position: relative;right: 5px;top: 0px;z-index: 999;}
    .button span {
        text-decoration: none;
        cursor: pointer;
        top: 5px;
        display: block;
        position: static;
        float: right;
        width: 27px;
    }
.header .menu > ul > li{line-height: 1;margin:0;display: block;}
.header .menu > ul > li > a{line-height: 50px;height: 50px;padding:0 50px 0 15px;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .menu > ul > li > a i{position: absolute;height: 50px;width: 50px;top:0;right: 0;text-align: center;line-height: 50px;transform: rotate(-90deg);}
.header .menu > ul > li .sub-menu.mega-menu,
.header .menu > ul > li .sub-menu{visibility: visible;opacity: 1;position: absolute;box-shadow: none;margin:0;padding:15px;top:0;left:0;width: 100%;height: 100%;padding-top: 65px;max-width: none;min-width: auto;display: none;transform: translateX(0%);overflow-y: auto;}
.header .menu > ul > li .sub-menu.active{display: block;}
.btn-open:after {
   top: 6px !important;
}
.btn-close:after {
  top: 7px !important;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}

.menu-overlay{position: fixed;background-color: rgba(0,0,0,0.5);left:0;top:0;width: 100%;height: 100%;z-index: 1098;visibility: hidden;opacity:0;transition: all 0.5s ease;}
.menu-overlay.active{visibility: visible;opacity:1;}
.whatsappmenue{height:100px;margin-top: 30px;margin-left: -5px;}
}
.emailmenu{display: block;float: left;height: 60px;padding: 10px 10px 10px 0px;}
.emailmenu-text {
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
  text-transform: lowercase;
  height: 14px;
  display: block;
  margin-top: 5px;
}
.megamenuphoto{height: 350px;object-fit: cover;border-radius:10px}
.header__sticky-sticky-menu {position: fixed !important;left: 0;top: 0;right: 0;z-index: 999;width: 100%;box-shadow: var(--box-shadow-1);transition: all 900ms ease;background: var(--bg-white);display: block;}
 .menuBtn {display:none}
  .mainMenu {display:none}
/* ================================== header end ================================================= */

@media(max-width: 991px){
.menuBtn {height: 30px;width: 30px;position: absolute;right: 100px;top: 8px;z-index: 101;}
.menuBtn > span { background-color: #3b4352; border-radius: 5px; height: 2px; width: 100%; position: absolute; left: 50%; top: 50%; margin: 2px 0 0 -15px; transition: height 100ms;}
.menuBtn > span:after, .menuBtn > span:before {content: ''; background-color: #3b4352; border-radius: 5px; height: 2px; width: 100%; position: absolute; left: 50%; margin-left: -15px; transition: all 200ms;}
.menuBtn > span:after {top: -9px;}
.menuBtn > span:before {bottom: -9px;}
.menuBtn.actmobile > span {height: 0;}
.menuBtn.actmobile > span:after, .menuBtn.actmobile > span:before {background-color: #3B4352;top: 1px;}
.menuBtn.actmobile > span:after {transform: rotate(45deg);}
.menuBtn.actmobile > span:before {transform: rotate(-45deg);}
.mainMenu {background-color: #fff;position: absolute;left: 0;top: 0;z-index: -1;height:101vh;width: 100%;display: none;text-align: center;padding:70px 10px;}
.mainMenu.actmobile {display:block}
.mainMenu a.suBtn {color: #fff;}
.suBtn { background-color: #19b698; border-radius: 5px;padding: 10px 20px;}
.rkmenu .menu {padding: 15px 0 200px}

/*mobile cording*/
.accordion {width: 100%;margin: 0px auto 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion ul{margin: 0px;padding: 0;}
.accordion ul li{list-style:none; text-align:left;width:100%;font-size:14px}
.accordion ul li a{color:#3B4352;font-weight:500;font-size:14px}
.accordion ul li a:hover{color:#ffc107; font-weight:500;}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 0px 15px 15px 15px;
	color: #3B4352;
	font-size: 22px;
	font-weight: 600;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-transform:uppercase;
}
.accordion .link a {cursor: pointer;display: block;color: #3B4352;font-size: 22px;font-weight: 600;position: relative;text-transform: uppercase;}
.accordion .link a:hover {cursor: pointer;display: block;color: #ffc107;font-size: 22px;font-weight: 600;position: relative;text-transform: uppercase}
.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 500;
}

.accordion li i.fa-chevron-down {
	right: 10px;
	left: auto;
	font-size: 24px;
	top: 0;
}

.accordion li.open .link {
	color: #ffd000;
}

.accordion li.open i {
	color: #ffd000;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #fff;
 	font-size: 18px;
 }

 .submenu li {
 	border-bottom: 0px solid #4b4a5e;
 }
 .submenu li:last-child {
 	border-bottom: 0px solid #4b4a5e;
	margin-bottom:20px
 }
 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #000;
 	padding: 0 0px 10px 30px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	font-size: 18px !important;
 }

 .submenu a:hover {
 	background: #fff;
 	color: #000;
 }

.actleft{padding-left:10px}
.copymenu {padding-left: 10px;font-size: 13px !important;line-height: 17px;margin-bottom: 20px;text-align: left;margin-top: 10px;font-weight: 500;}
.hour-social {margin-top: 10px;text-align: right;padding-left: 5px;}
.hour-social ul {padding: 0;margin: 0px 0px 20px;text-align: left;}
.hour-social ul li {list-style: none;display: inline-block;margin-right: 10px;width:auto}
.hour-social ul li:last-child {margin: 0;}
.hour-social ul li a i {position: static;display: inline-block;width: 20px;height: 20px;line-height: 30px;text-align: right;font-size: 20px;border-radius: 50%;color: #3B4352;transition: 0.4s;}
.contact-detail-m{padding-left:7px;}
.emailmenu-m {display: block;float: left;height: 40px;padding: 0px 10px 5px 0px;margin:0px 0px 20px;width: 15%;}
.emailmenu-text-m {line-height: 20px;font-size: 16px;font-weight: 500;float: left;margin: 0px 0px 20px;width: 85%;text-align: left;}
.emailmenu-text-m a{font-size:16px;}
.emailmenu-text-m a:hover{font-size:16px;color:#ffc107}
}
 
/* ================================== mobile end ================================================= */

/*overlay*/
.overlay-new {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background: #ffffff;
    overflow: auto;
    z-index: 10;
}
.wrap {
	width: 100%;
	max-width:940px;
	margin:0 auto;
    padding: 100px 16px 0;
}
.wrap ul.wrap-nav {
	text-transform:capitalize;
	padding:0 0px 40px;
	margin-top:3px
}
.wrap ul.wrap-nav li {
	text-align: left;
	width:100%;
	position:relative;
	list-style: none;
}
.wrap ul.wrap-nav li a {
	color:#3b4352;
	text-transform: uppercase;
	padding:10px 0;
	display: inline-block;
	font-weight: 700;
	font-size:20px;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
	padding:20px 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:13px;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
	color:#34B484;
}
.AdvancedMenu h2{ font-weight: 700; font-size:20px; color: #3b4352; margin-bottom: 10px;  text-transform: uppercase;}
.AdvancedMenu h2 span{ font-weight: 300; display: block; font-size: 16px;}
.AdvancedMenu ul {padding-left: 0rem;}
.AdvancedMenu ul li { position: relative;list-style: none;}
.AdvancedMenu ul li a{ font-weight: 500; color: #3b4352; position: relative; font-size:16px; padding: 5px 0 5px 0px; display: block;}
.AdvancedMenu1 ul li img{ width: 50px; height:40px; position: absolute;; left: -5px; top: 4px; }
.AdvancedMenu1 h2{ font-weight: 700; font-size:20px; color: #3b4352; margin-bottom: 10px;  text-transform: uppercase;}
.AdvancedMenu1 h3 {
    font-weight: 700;
    font-size: 20px;
    color: #3b4352;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.AdvancedMenu1 h2 span{ font-weight: 300; display: block; font-size: 16px;}
.AdvancedMenu1 ul {padding-left: 0rem;}
.AdvancedMenu1 li { position: relative;list-style: none;}
.AdvancedMenu1 li a{ font-weight: 500; color: #3b4352; position: relative; font-size:16px; padding: 5px 0 5px 10px; display: block;}
.icon-menu-one-img2 {
    height: auto !important;
    width: 50px;
    vertical-align: middle;
    margin-top: 0px !important;
    margin-right: 15px;
}


.LocationMenu{ width: 100%; margin:0; }
.LocationMenu h3{ font-size: 18px; color: #3b4352; font-weight: 600; margin-bottom: 5px; position: relative; }
.LocationMenu p{ font-size: 14px; color: #3b4352; line-height: 22px; }
.wrap .btn-ten03 {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 20px;
    margin-top: 5px;
    font-weight: 500;
    width: 250px;
    display: block;
    text-align: center;
	background: #ffd000;
}
.wrap .btn-ten03:hover {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 20px;
    margin-top: 5px;
    font-weight: 500;
    width: 250px;
    display: block;
    text-align: center;
	background:#000;
	Color:#ffd000;
}
.socialMenu{ width: 100%; padding: 15px 0 0px; }
.socialMenu li{ display: inline-block; }
.socialMenu li a{ display:inline-block; margin: 0 5px; text-align:center; line-height:35px; border-radius:50%; color:#3b4352; font-size:20px; width:35px; height:35px;}
.socialMenu li a:hover{ background:#fff; color:#000;}
.socialMenu li a i{color:#3b4352;}
/* ================================== mobile end ================================================= */
.act1{padding-bottom:20px;}
.act1 ul{margin:0; padding:0px;}
.act1 ul li{padding:0px 5px 0px;margin:0px 0px 10px; display:inline; border-right:1px solid #DDE2EB; line-height:40px}
.act1 ul li:last-child{padding:0px 5px;margin:0px; display:inline; border-right:0px solid #DDE2EB}
.act1 ul li a{padding:0px 5px 0px 0px;margin:0px;font-size:12px;color:#3b4352;font-weight:500;}

.pl-0 {padding-left: 0 !important}
.pr-0 {padding-right: 0 !important}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	width: 100%;
	padding-right: var(--bs-gutter-x, .75rem);
	padding-left: var(--bs-gutter-x, .75rem);
	margin-right: auto;
	margin-left: auto
}

.mean-container a.meanmenu-reveal {
	color: var(--text-heading-color);
	width: 30px;
	height: 31px;
	top: 15px;
	padding: 0;
	margin-right: 15px;
	transition: all 0 ease-out 0
}
.mean-container a.meanmenu-reveal span {
	background: var(--text-heading-color);
	margin-top: 7px;
	height: 2px;
	width: 30px
}
.mean-container .mean-bar {
	background: transparent;
	padding: 0;
	z-index: 99
}

.mean-container .mean-bar a i {
	font-size: 35px;
	display: block;
	color: var(--text-heading-color)
}

.mean-container .mean-nav {
	background: var(--bg-white);
	margin-top: 100px;
	box-shadow: var(--box-shadow-1)
}

.mean-container .mean-nav ul li a {
	transition: .4s
}

.mean-container .mean-nav ul li a.mean-expand {
    background: var(--primary-color-1);
    height: 27px;
    margin: 0px;
    border: 0;
    color: var(--text-white);
    padding: 35px;
    line-height: 34px;
	font-size: 35px !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: var(--primary-color-1);
	color: var(--text-white)
}

.mean-container .mean-nav ul li a:hover {
	color: var(--primary-color-1);
	background: 0
}

.mean-container .mean-nav .sub-menu li a.mean-expand {
	background: var(--primary-color-1);
	height: 34px;
	color: var(--text-white)
}

.mean-container .mean-nav .sub-menu li a.mean-expand:hover {
	background: var(--primary-color-1)
}

.mean-container .mean-nav ul li a i {
	display: none
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav li li:first-child>a {
	color: var(--text-heading-color);
	font-size: 16px;
	line-height: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	border-top: 1px solid var(--border-color-2);
	opacity: 1
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li li a:hover,
.mean-container .mean-nav li li:first-child>a:hover {
	color: var(--primary-color-1)
}

.header__area-menubar.two .menu-item-has-children ul li a:hover,
.header__area-menubar.two .menu-item-has-children>a:hover,
.header__area-menubar.two .menu-item-has-children ul li li a:hover {
	color: var(--primary-color-2)
}

.header__area-menubar.three .menu-item-has-children ul li a:hover,
.header__area-menubar.three .menu-item-has-children>a:hover,
.header__area-menubar.three .menu-item-has-children ul li li a:hover {
	color: var(--primary-color-3)
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	color: var(--text-white)
}

@media(max-width:1720px) {
	.header__area-menubar-right-box-contact {
		padding-left: 30px;
		margin-left: 40px
	}

	.header__area-menubar-center.two {
		margin-left: 0
	}

	.header__two::after {
		width: 86%
	}

	.header__two::before {
		width: 82%
	}

	.header__two-topbar .borders {
		padding: 0 185px;
		padding-right: 210px
	}
}

@media(max-width:1600px) {
	.header__area-menubar.two .header__area-menubar-right-btn {
		margin-top: -8px
	}

	.header__area-menubar.two .header__area-menubar-right-box-search {
		display: none
	}

	.header__area-menubar-right-box-contact {
		padding-left: 0;
		margin-left: 0;
		border: 0
	}

	.header__area-menubar-right-box-btn {
		margin-left: 0px
	}

	.header__area-menubar-right-sidebar-popup-icon {
		margin-left: 9px;
        padding-left: 10px;
	}

	.header__area-menubar-right-btn .btn-six {
		padding: 14px 32px
	}


}

@media(max-width:1599px) {
	.header__two::after {
		width: 93%
	}

	.header__two::before {
		width: 92%
	}

	.header__two-topbar .borders {
		padding: 0 260px
	}
}

@media(max-width:1399px) {
	.header__area-menubar-right-btn .btn-six {
		padding: 14px 30px
	}

	.header__area-menubar-right-sidebar-popup {
		padding: 70px 40px
	}
}

@media(max-width:1350px) {
	.header__area-menubar-right-btn {
		margin: 0
	}

	.header__area-menubar-right-btn .btn-six {
		color: var(--text-white);
		background: var(--primary-color-2);
		border: 0;
		padding: 17px 43px
	}

	.header__area-menubar-right-btn .btn-six::before {
		background: var(--bg-heading-color)
	}

	.header__area-menubar-right-btn .btn-six:hover {
		color: var(--text-white)
	}
}


@media(max-width:1299px) {
	.header__area-menubar-right-box-btn {
		display: none
	}
}

@media(max-width:1199px) {
	.header__area-menubar-center-menu ul li a {padding: 42px 26px}
	.header__area-menubar-center-menu ul li.menu-item-has-children>a::before {right: 16px}
	.header__area-menubar-center-menu ul li.menu-item-has-children>a::after {right: 13px}
	.header__area-menubar-center-menu.two ul li a {padding: 38px 24px}
	.header__area-menubar-right-box-search {margin-left: 30px}
	.header__area-menubar-right-sidebar-popup-icon {padding: 0px 6px 0px 6px;width: 50px;}
	.header__area-menubar-left-logo {width: 160px;}
}

@media(max-width:991px) {
    .header__area {position: sticky;z-index: 9;/* width: 860px; */margin: 0 auto;}
	.header__area-menubar-left-logo a img {width: 100%;height: 45px;margin: 0 auto;top: 0px}
	.whats-new {width: 45%;float: left;padding:4px 8px 7px 5px;line-height: 42px}
	.header__area-menubar-center {display: none}
	.header__area-menubar-right {display: block}
	.header__area-menubar-right-box-search {position: relative;z-index: 9999;padding: 39px 35px 39px 0;margin: 0 55px 0 0;border-right: 1px solid var(--border-color-2)}
	.header__area-menubar-right-box-search-icon i {font-size: 22px}
	.header__area-menubar-right-box-search-box form {width: 90%}
	.header__area-menubar-right-box-search.two {border-color: var(--color-8)}
	.header__area-menubar-right-sidebar {display: block;width: 30px;}
	.auto__container.pl-35.pr-35 {position: relative}
	.header__area-menubar.three .mean-container a.meanmenu-reveal {margin-right: 30px;top: 20px}
	.header__area-menubar.three .mean-container .mean-nav ul li a.mean-expand {background: var(--primary-color-3)}
}

@media(max-width:575px) {
.header__area {position: sticky;z-index: 9;/* width: 860px; */margin: 0 auto;    }
.header__area-menubar {padding: 0}
.header__area-menubar-right-box-search {padding: 40px 25px 40px 0;margin: 0 50px 0 0}
.header__area-menubar-right .mean-container a.meanmenu-reveal {margin-right: 15px}
.header__area .mean-nav {margin-top: 72px}
.header__area-menubar.two .header__area-menubar-right .mean-container a.meanmenu-reveal {margin-right: 13px}
.auto__container.pl-35.pr-35 {padding: 0 12px}
.rkhide {display: none}
.header__area-menubar-left-logo a img {width: 100%;height: 45px;margin: 0 auto;top: 0px}
}

@media(max-width:359px) {
.header__area-menubar.three {padding: 0 10px}
.header__area-menubar.three .mean-container a.meanmenu-reveal {margin-right: 10px}
}

.banner__three-title .carousel-indicators [data-bs-target] {box-sizing: content-box;flex: 0 1 auto;width: 30px;height: 3px;padding: 0;margin-right: 0px;margin-left: 0px;text-indent: -999px;cursor: pointer;background-color: transparent;background-clip: padding-box;border-top: 10px solid transparent;border-bottom: 10px solid transparent;opacity: 1;transition: opacity .6s ease;color: #ccc;font-size: 30px;}
.banner__three-title .carousel-indicators {position: relative;right: 0;top: -5px;left: 0;z-index: 2;display: flex;justify-content: left;padding: 0;margin-right: 10%;margin-bottom: 1.5rem;margin-left: 0;list-style: none;height: 30px;}
.banner__three-title .carousel-control-next,
.carousel-control-prev {position: relative !important;top: -15px;;z-index: 1;display: flex;align-items: center;justify-content: left;padding: 5px 0;color: #3B4352;text-align: center;opacity: 1;transition: opacity .15s ease;background: transparent;float: left;left: 0 !important;margin: 1px;line-height: 45px;border-radius: 0}
.banner__three-title .carousel-control-next-icon,
.carousel-control-prev-icon {display: inline-block;width: 2rem;margin: 5px;height: 2rem;background-repeat: no-repeat;background-position: 50%;background-size: 100% 100%;line-height: 32px;margin: 7px 0}
.banner__three-title .carousel-control-prev-icon {background:#fecf00 url(../img/left.svg);background-repeat: no-repeat;
    background-position: center center; padding: 5px;background-size: 13px;width:50px;height: 50px;background-size: 13px;
    border-radius: 54px; }
.banner__three-title .carousel-control-next-icon {background: #fecf00 url(../img/right.svg);background-size: 100%;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center center;padding: 0px;background-size: 13px;
border-radius: 50px;}
.banner__three-title .carousel-inner {position: relative;width: 100%;overflow: hidden;padding-bottom: 20px;height: 420px;}
.banner__three-title .carousel-indicators .active {opacity: 1;background-position: 0 28px;font-weight:600;}
.banner__one {position: relative;z-index: 1}
.banner__one-image {background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1}
.banner__one-image::after {content: "";position: absolute;background-image: url("../img/shape/banner-bg.png");background-repeat: no-repeat;width: 100%;height: 100%;left: 0;top: 0;z-index: -1}
.banner__one-content {position: relative;z-index: 9;text-align: left;padding-bottom: 185px;padding-top: 180px;max-width: 740px}
.banner__one-content span {font-family: "Montserrat", sans-serif;display: block;color: var(--primary-color-1);font-weight: 700;font-size: 20px;line-height: 26px;margin-bottom: 15px}
.banner__one-content h1 {color: var(--text-white);font-size: 100px;line-height: 110px;margin-bottom: 40px;max-width: 650px}
.banner__one-content-video-icon i {background: var(--text-white);width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;color: var(--primary-color-1)}
.banner__one-content-button {display: flex}
.banner__one-content-button-item {margin-right: 30px}
.banner__one-content-button-item .btn-one::before {background: var(--btn-white)}
.banner__one-content-button-item .btn-one:hover {color: var(--primary-color-1)}
.banner__one-content-button-item:last-child {margin: 0}
.banner__one-content-icon {position: absolute;bottom: 160px;right: 140px;z-index: -1}
.banner__one-content-icon img {max-width: 260px}
.banner__one-content .banner-four-pagination {position: absolute;left: -90px;top: 63%;transform: translateY(-50%);z-index: -1}
.banner__one-content .banner-four-pagination .swiper-pagination-bullet {border-radius: 50%;background: var(--primary-color-1);width: 8px;height: 8px;transition: all .4s ease-out 0;opacity: 1;margin: 0;margin-top: 20px;position: relative}
.banner__one-content .banner-four-pagination .swiper-pagination-bullet::after {position: absolute;content: "";width: 24px;height: 24px;border: 1px solid var(--primary-color-1);top: 50%;border-radius: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0}
.banner__one-content .banner-four-pagination .swiper-pagination-bullet-active::after {opacity: 1}
.clickarrow {text-align: center;margin: 0px auto 0;width: 100%;}
.banner__two {position: relative}
.banner__two-image {background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1}
.banner__two-image::before {content: "";position: absolute;background: var(--bg-heading-color);width: 100%;height: 100%;opacity: .6;left: 0;top: 0;z-index: -1}
.banner__two-image-shape-one {position: absolute;left: -60px;bottom: 130px}
.banner__two-image-shape-two {position: absolute;right: 0;bottom: 0}
.banner__two-content {position: relative;text-align: center;padding: 220px 0}
.banner__two-content .subtitle {position: absolute;left: 50%;top: 23%;transform: translateX(-50%);text-transform: uppercase;font-weight: 700;font-size: 250px;line-height: 200px;font-family: "Montserrat", sans-serif;font-style: normal;opacity: .2;color: var(--text-white);-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;z-index: -1}
.banner__two-content span {color: var(--primary-color-2);font-weight: 700;font-size: 20px;line-height: 28px;font-family: "Montserrat", sans-serif;margin-bottom: 15px;display: inline-block}
.banner__two-content h1 {color: var(--text-white);font-size: 90px;line-height: 100px;max-width: 1020px;margin: 0 auto;margin-bottom: 45px}
.banner__two-arrow-prev {display: inline-block;left: 135px}
.banner__two-arrow-prev i {width: 60px;height: 60px;line-height: 60px;display: inline-block;text-align: center;background: var(--primary-color-2);font-size: 22px;color: var(--text-white);border-radius: 50%;transition: .4s}
.banner__two-arrow-prev i:hover {background: var(--bg-white);color: var(--text-heading-color)}
.banner__two-arrow-next {display: inline-block;right: 165px}
.banner__two-arrow-next i {width: 60px;height: 60px;line-height: 60px;display: inline-block;text-align: center;background: var(--primary-color-2);font-size: 22px;color: var(--text-white);border-radius: 50%;transition: .4s}
.banner__two-arrow-next i:hover {background: var(--bg-white);color: var(--text-heading-color)}
.banner__three {position: relative;z-index: 1;background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 20px;overflow: hidden}
.banner__three .banner-box {border-radius: 0px;height: 700px;position: relative;}
.first-video{width: 100%;object-fit: cover;height: 700px;}
.admin-video {width: 100%;object-fit: cover;height: 390px;}
.banner__three .banner-box img {border-radius: 25px}
.banner__three-title {padding: 30px 20px;overflow: hidden;}
.banner__three-title ul {margin: 0;padding: 0}
.banner__three-title ul li {
	padding: 0 8px 0 8px;
	display: inline;
	font-weight: 400;
	font-size: 24px;
	text-transform: lowercase;
	letter-spacing: -1px;
}

.banner__three-title .active {
	Color: #3B4352 !important
}

.banner__three-title ul li .f12 {
	font-size: 7px;
	color: #ffd500;
	line-height: 8px;
	position: relative;
	top: -3px;
	padding-right: 0
}

.banner__three-title span {
	color: #d2d1d1;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	font-family: "Montserrat", sans-serif;
	display: block;
	margin-bottom: 6px
}

.banner__three-title h1 {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 36px;
	padding-top: 0;
	padding-right: 190px
}

.banner__three-title p {
	max-width: 505px
}

.banner__three-title-bottom {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 30px
}

.banner__three-title-bottom-video {
	display: flex;
	align-items: center;
	gap: 20px
}

.banner__three-title-bottom-video-icon {
	position: relative;
	z-index: 1
}

.banner__three-title-bottom-video-icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 1px dashed var(--primary-color-3);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: -1;
	animation: rotation 5s infinite linear
}

.banner__three-title-bottom-video-icon i {
	color: var(--primary-color-3);
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px
}

.banner__three-title-bottom-video-icon:hover::after {
	animation: none
}

.banner__three-title-bottom-video h6 {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	max-width: 125px
}

.banner__three .swiper-pagination {
	position: relative;
	left: 0px;
	bottom: -40px;
	transform: translateY(-50%);
	z-index: 1000
}

.banner__three .swiper-pagination span {
	width: 16px;
	height: 16px;
	background:#DEE1E6;
	opacity: 1
}

.banner__three .swiper-pagination .swiper-pagination-bullet {
	margin: 0;
	margin-bottom: 18px;
	position: relative;
	margin-left: 9px
}

.banner__three .swiper-pagination .swiper-pagination-bullet-active {
	background: 0;
	border: 1px solid var(--primary-color-3);
	width: 16px;
	height: 16px;
	margin-left: 9px;
	background: #ffd000;
}

.banner__three .swiper-pagination .swiper-pagination-bullet-active::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: -3px;
	background-image: url("../img/shape/border.png");
	width: 28px;
	height: 21px
}

.banner__three .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-bottom: 18px;
}

.banner__three-image {
	text-align: right;
	padding-bottom: 35px;
}
.f16{font-size:17px;}
@media(max-width:1599px) {
	.banner__two-arrow-prev {
		left: 35px
	}

	.banner__two-arrow-next {
		right: 65px
	}

	.banner__three .swiper-pagination {
		left: -50px
	}
}

@media(max-width:1399px) {
	.banner__two-content {
		padding: 150px 0
	}

	.banner__two-content h1 {
		font-size: 80px;
		line-height: 90px;
		margin-bottom: 40px
	}

	.banner__three-title h1 {
		font-size: 30px;
		line-height: 36px
	}
}

@media(max-width:991px) {
	.banner__two-content h1 {
		font-size: 64px;
		line-height: 74px
	}

	.banner__two-content .subtitle {
		top: 15%;
		font-size: 180px
	}

	.banner__three {
		padding-top: 50px
	}

	.bg {
		background: #fbfbfb url(../img/logo-bg.svg) no-repeat;
		background-size: 86%;
		background-position: 295% -76px;
		background-attachment: fixed
	}

}

@media(max-width:767px) {
	.banner__three {
		padding-top: 15px
	}

	.scroll-up.active-scroll {
		display: none
	}

	.copyright__one,
	.copyright__two,
	.copyright__three {
		margin-top: 0 !important;
		padding: 0 0 20px !important;
		text-align: center
	}

	.banner__two-content h1 {
		font-size: 47px;
		line-height: 57px;
		margin-bottom: 30px
	}

	.banner__two-content .subtitle {
		font-size: 140px
	}

	.banner__three-image {
		margin: 0
	}

	.banner__three-title {
		text-align: center;
		left: 20px;
		margin-top: 20px
	}

	.banner__three-title p {
		margin: 0 auto
	}

	.portfolio__area-title p {
		font-size: 14px;
		line-height: 26px !important;
		padding: 0 0 !important
	}

	.works-section .works-list-ul {
		gap: 8px 10px !important;
		margin: 30px 0 10px
	}

	.work-isotope-filter {
		margin: 0 auto 0 0 !important
	}

	.banner__three-title-bottom {
		justify-content: center
	}

	.banner__three-title-bottom-video {
		justify-content: center
	}

	.banner__three-title-bottom-video h6 {
		text-align: left
	}

	.banner__three .swiper-pagination {
		position: initial;
		margin-top: 10px;
		transform: initial;
		padding-left: 10px;
	}

	.banner__three .swiper-pagination span {
		display: inline-block
	}

	.banner__three .swiper-pagination .swiper-pagination-bullet {
		margin: 0;
		margin-right: 10px;
		margin-bottom: 9px
	}

	.banner__three .swiper-pagination .swiper-pagination-bullet-active {
		margin-bottom: 10px;
	}

	.banner__three .swiper-pagination .swiper-pagination-bullet:last-child {
		margin-bottom: 9px
	}

	.banner__three .swiper-pagination:last-child .swiper-pagination-bullet-active {
		margin-bottom: 0
	}
}

@media(max-width:535px) {
	.banner__two-arrow-prev {
		left: 12px
	}

	.banner__two-arrow-prev i {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.banner__two-arrow-next {
		right: 36px
	}

	.banner__two-arrow-next i {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.banner__two .subtitle {
		top: 13%;
		font-size: 90px
	}
}

@media(max-width:480px) {
	.banner__two-content h1 {
		font-size: 38px;
		line-height: 48px
	}

	.banner__two-image-shape-one {
		bottom: 56%;
		z-index: -1
	}

	.banner__three-title h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
		text-align: left;
		padding-right: 0;
		margin-top: 10px
	}

	.banner__three-title-bottom {
		margin-top: 30px;
		display: block
	}

	.banner__three-title-bottom-btn {
		margin-bottom: 30px
	}
}

@media(max-width:380px) {
	.banner__three {
		padding-top: 0px
	}

	.scroll-up.active-scroll {
		display: none
	}

	.banner__three-title .carousel-indicators [data-bs-target] {
		margin-right: 0px;
		margin-left: 0px;
		font-size:22px;
	}

	.banner__three-title ul li {
		padding: 0 3px 0 0;
		font-size: 20px
	}
}

@media(max-width:359px) {
	.banner__two-content h1 {
		font-size: 32px;
		line-height: 42px
	}

	.banner__three {
		padding-top: 30px
	}

	.banner__three-title h1 {
		font-size: 24px;
		line-height: 30px
	}
}

@media(max-width:1599px) {
	.banner__one-image::after {
		left: -160px
	}

	.banner__two-arrow-prev {
		left: 35px
	}

	.banner__two-arrow-next {
		right: 65px
	}

	.banner__three .swiper-pagination {
		left: -50px
	}
}

@media(max-width:1399px) {
	.banner__one-image::after {
		left: -200px
	}

	.banner__one-content {
		padding-bottom: 145px;
		padding-top: 140px
	}

	.banner__one-content h1 {
		font-size: 80px;
		line-height: 90px;
		max-width: 580px;
		margin-bottom: 25px
	}

	.banner__one-content p {
		margin-bottom: 40px
	}
}

@media(max-width:1099px) {
	.banner__one-image::after {
		left: -320px;
		width: 110%
	}

	.banner__one .banner-four-pagination {
		display: none
	}
}

@media(max-width:991px) {
	.banner__one-image::after {
		left: 0;
		width: 100%;
		background: var(--bg-heading-color)
	}
}

@media(max-width:767px) {
	.banner__one-content {
		text-align: center
	}

	.banner__one-content h1 {
		font-size: 72px;
		line-height: 82px
	}

	.banner__one-content-button {
		justify-content: center
	}
}

@media(max-width:535px) {
	.banner__one-content h1 {
		font-size: 65px;
		line-height: 75px
	}
}

@media(max-width:480px) {
	.banner__one-content h1 {
		font-size: 47px;
		line-height: 57px
	}

	.banner__one-content-button {
		display: initial
	}

	.banner__one-content-button-item {
		margin-right: 0;
		margin-bottom: 30px
	}
}

@media(max-width:359px) {
	.banner__one-content h1 {
		font-size: 41px;
		line-height: 51px
	}
}

.about__one {
	position: relative
}

.about__one-shape-1 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1
}

.about__one-shape-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1
}

.about__one-left {
	position: relative
}

.about__one-left-image {
	display: flex;
	align-items: start;
	gap: 20px
}

.about__one-left-image img {
	width: 100%
}

.about__one-left-image .two {
	min-height: 570px;
	-o-object-fit: cover;
	object-fit: cover
}

.about__one-left-experience {
	position: absolute;
	left: 70px;
	bottom: 0;
	background: var(--primary-color-1);
	width: 244px;
	height: 225px;
	padding: 50px
}

.about__one-left-experience h1 {
	color: var(--text-white);
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 10px
}

.about__one-left-experience h6 {
	color: var(--text-white);
	font-size: 18px;
	line-height: 28px
}

.about__one-right {
	margin-left: 95px
}

.about__one-right-title {
	margin-bottom: 45px
}

.about__one-right-title h2 {
	margin-bottom: 30px;
	max-width: 430px
}

.about__one-right-btn {
	display: flex;
	align-items: center;
	gap: 30px
}

.about__one-right-btn-author {
	display: flex;
	align-items: center;
	gap: 30px
}

.about__one-right-btn-author-avatar img {
	border-radius: 50%;
	max-width: 60px;
	width: 60px;
	height: 60px;
	-o-object-fit: cover;
	object-fit: cover
}

.about__one-right-btn-author-name h6 {
	color: var(--color-2);
	font-weight: 400;
	font-size: 14px;
	line-height: 24px
}

.about__one-right-bottom {
	margin-top: 50px;
	display: flex;
	align-items: center;
	gap: 80px
}

.about__one-right-bottom-list span {
	display: block;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 10px
}

.about__one-right-bottom-list span:last-child {
	margin: 0
}

.about__one-right-bottom-list span i {
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color-1);
	border: 1px solid var(--primary-color-1);
	font-size: 12px;
	border-radius: 50%;
	margin-right: 10px
}

.about__one-right-bottom-experience {
	width: 140px;
	height: 130px;
	background: var(--bg-heading-color);
	text-align: center;
	display: block;
	padding: 25px 0
}

.about__one-right-bottom-experience h3 {
	font-size: 40px;
	color: var(--text-white);
	margin-bottom: 10px
}

.about__one-right-bottom-experience h6 {
	font-size: 14px;
	line-height: 20px;
	color: var(--text-white)
}

.about__two {
	position: relative;
	z-index: 1
}

.about__two-shape {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}

.about__two-right-title {
	margin-bottom: 45px
}

.about__two-right-title h2 {
	margin-bottom: 30px
}

.about__two-right-title p {
	max-width: 493px
}

.about__two-right-btn {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 55px
}

.about__two-right-btn-author {
	display: flex;
	align-items: center;
	gap: 30px
}

.about__two-right-btn-author-avatar img {
	border-radius: 50%;
	max-width: 60px;
	width: 60px;
	height: 60px;
	-o-object-fit: cover;
	object-fit: cover
}

.about__two-right-btn-author-name h6 {
	color: var(--color-2);
	font-weight: 400;
	font-size: 14px;
	line-height: 24px
}

.about__two-right-btn .btn-six::before {
	background: var(--primary-color-2)
}

.about__two-right-btn .btn-six:hover {
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.about__two-right-experience {
	display: flex;
	align-items: center
}

.about__two-right-experience-counter {
	padding-right: 40px;
	margin-right: 40px;
	border-right: 1px solid var(--border-color-2)
}

.about__two-right-experience h6 {
	max-width: 187px
}

.about__three {
	overflow: hidden
}

.about__three p {
	font-size: 20px;
	line-height: 26px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	padding: 0 50px
}

.about__three-title h2 {
	margin-bottom: 30px
}

.about__three-title p {
	max-width: 520px;
	margin-bottom: 38px
}

.about__three-title-faq {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px
}

.about__three-title-faq-icon {
	width: 54px;
	height: 54px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%
}

.about__three-title-faq-icon img {
	width: 46px;
	height: 46px;
}

.about__three-title-faq-text span {
	font-weight: 600;
	color: #3B4352;
	font-size: 16px;
	margin-bottom: 0;
	line-height: 18px;
	padding: 0 0px 0 0
}

.about__three-title-faq-text h6 {
	color: var(--primary-color-3);
	font-size: 18px;
	line-height: 28px
}

.about__three-title-faq-text h6 a {
	margin-left: 15px
}

.about__three-right {
	position: relative
}

.about__three-right-image-one {
	text-align: center
}

.about__three-right-image-two {
	margin-top: -70px;
	margin-left: 40px
}

.about__three-right-content {
	position: absolute;
	right: 0;
	bottom: 35px;
	background: var(--bg-heading-color);
	display: inline-block;
	padding: 40px;
	padding-bottom: 60px;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%)
}

.about__three-right-content-counter {
	background: var(--primary-color-3);
	text-align: center;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-bottom: 30px;
	position: relative;
	z-index: 1
}

.about__three-right-content-counter::after {
	position: absolute;
	content: "";
	width: 150px;
	height: 150px;
	border: 1px dashed var(--primary-color-3);
	border-radius: 50%;
	display: block;
	top: 18px;
	left: 10px;
	z-index: -1;
	animation: rotation 10s infinite linear
}

.about__three-right-content-counter h1 {
	font-size: 50px;
	line-height: 70px;
	color: var(--text-white);
	padding: 40px 0
}

.about__three-right-content p {
	width: 162px;
	color: var(--text-white)
}

@media(max-width:1399px) {
	.about__one-left-image .one {
		max-width: 43%
	}

	.about__one-left-image .two {
		min-height: 530px;
		overflow: hidden
	}

	.about__one-right {
		margin-left: 30px
	}

	.about__one-right-title {
		margin-bottom: 38px
	}

	.about__one-right-title h2 {
		margin-bottom: 23px
	}

	.about__one-right-bottom {
		margin-top: 43px
	}
}

@media(max-width:1199px) {
	.about__one-left-image .one {
		max-width: 43%
	}

	.about__one-left-image .two {
		min-height: 530px
	}

	.about__one-right {
		margin-left: 0
	}

	.about__one-right-btn {
		gap: 25px
	}

	.about__one-right-btn .btn-one {
		padding: 17px 35px
	}

	.about__one-right-btn-author {
		gap: 20px
	}

	.about__one-right-bottom {
		gap: 40px
	}
}

@media(max-width:475px) {
	.about__one-left-image {
		gap: 20px
	}

	.about__one-left-image .two {
		min-height: 350px;
		-o-object-fit: cover;
		object-fit: cover
	}

	.about__one-left-experience {
		left: 10px
	}

	.about__one-left-experience h1 {
		font-size: 50px;
		line-height: 60px
	}

	.about__one-right-btn {
		display: block
	}

	.about__one-right-btn-author {
		margin-top: 30px
	}

	.about__one-right-bottom {
		display: block
	}

	.about__one-right-bottom-experience {
		margin-top: 30px
	}

	.about__two-right-title {
		margin-bottom: 22px
	}

	.about__two-right-btn {
		display: block;
		margin-top: 20px
	}

	.about__two-right-btn-author {
		margin-top: 30px
	}

	.about__two-right-experience {
		display: block;
		align-items: center
	}

	.about__two-right-experience-counter {
		padding: 0;
		margin: 0;
		border: 0
	}
}

@media(max-width:390px) {
	.about__three-right-content {
		bottom: 0
	}
}

@media(max-width:359px) {
	.about__three-right-image-two {
		margin: 0
	}
}

.about__company {
	position: relative
}

.about__company-shape-1 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1
}

.about__company-shape-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1
}

.about__company-left {
	position: relative
}

.about__company-left-image {
	display: flex;
	align-items: start;
	gap: 25px
}

.about__company-left-image img {
	overflow: hidden
}

.about__company-left-experience {
	text-align: center;
	position: absolute;
	left: 35%;
	bottom: 20px;
	background: var(--primary-color-1);
	width: 190px;
	height: 200px;
	padding: 40px 35px
}

.about__company-left-experience h2 {
	color: var(--text-white)
}

.about__company-left-experience h6 {
	color: var(--text-white);
	font-size: 18px;
	line-height: 28px;
	font-weight: 500
}

.about__company-right-title h2 {
	margin-bottom: 30px
}

.about__company-right-title p {
	margin-bottom: 45px
}

.company__two-left-title h2 {
	max-width: 460px;
	margin-bottom: 20px
}

.company__two-left-title p {
	max-width: 510px
}


.company__two-left-skill {
	margin-top: 35px;
	margin-bottom: 45px;
	display: flex;
	align-items: center;
	gap: 176px;
	background: #ffd500;
	border-radius: 25px;
	padding: 20px
}

.company__two-left-skill-item {
	display: block;
	align-items: center;
	gap: 100px;
	text-align: center
}

.company__two-left-skill-item h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	max-width: 145px
}

.about__solution {
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0
}

.about__solution::after {
	content: "";
	position: absolute;
	background: var(--bg-heading-color);
	width: 100%;
	height: 100%;
	opacity: .8;
	left: 0;
	top: 0;
	z-index: -1
}

.about__solution-left h2 {
	color: var(--text-white)
}

.about__solution-right {
	position: relative;
	z-index: 1;
	padding: 40px 0
}

.about__solution-right-shape {
	position: absolute;
	top: 0;
	right: 150px
}

.about__solution-right .btn-one::before {
	background: var(--bg-white)
}

.about__solution-right .btn-one:hover {
	color: var(--text-heading-color)
}

.company__history-area {
	max-width: 960px;
	margin: 0 auto
}

.company__history-area-items {
	display: flex
}

.company__history-area-items-left {
	padding-right: 70px;
	margin-right: 70px;
	border-right: 1px dashed var(--primary-color-1)
}

.company__history-area-items-left-content {
	padding: 39px;
	padding-bottom: 37px;
	border: 1px solid var(--border-color-1);
	margin-top: 30px;
	position: relative
}

.company__history-area-items-left-content::before {
	content: "";
	position: absolute;
	right: -76px;
	top: 70px;
	width: 10px;
	height: 10px;
	background: var(--primary-color-1);
	box-shadow: 0 5px 20px rgba(249, 76, 48, 0.5);
	border-radius: 50%
}

.company__history-area-items-left-content::after {
	content: "";
	position: absolute;
	right: -11px;
	top: 65px;
	width: 20px;
	height: 20px;
	background: var(--bg-white);
	border-bottom: var(--border-color-1) solid 1px;
	border-right: var(--border-color-1) solid 1px;
	transform: rotate(-45deg)
}

.company__history-area-items-left-content-date {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px
}

.company__history-area-items-left-content-date span {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: var(--text-white);
	background: var(--primary-color-1);
	padding: 7px 22px;
	padding-left: 20px;
	padding-right: 25px;
	-webkit-clip-path: polygon(0 0, 100% 0, 81% 50%, 100% 99%, 0 100%, 0 50%);
	clip-path: polygon(0 0, 100% 0, 81% 50%, 100% 99%, 0 100%, 0 50%)
}

.company__history-area-items-right img {
	max-width: 410px
}

.company__history-area-item {
	display: flex
}

.company__history-area-item-left {
	padding-right: 69px;
	margin-right: 70px;
	border-right: 1px dashed var(--primary-color-1)
}

.company__history-area-item-left img {
	max-width: 410px
}

.company__history-area-item-right-content {
	padding: 39px;
	padding-bottom: 37px;
	border: 1px solid var(--border-color-1);
	margin-top: 30px;
	position: relative
}

.company__history-area-item-right-content::before {
	content: "";
	position: absolute;
	left: -76px;
	top: 70px;
	width: 10px;
	height: 10px;
	background: var(--primary-color-1);
	box-shadow: 0 5px 20px rgba(249, 76, 48, 0.5);
	border-radius: 50%
}

.company__history-area-item-right-content::after {
	content: "";
	position: absolute;
	left: -11px;
	top: 65px;
	width: 20px;
	height: 20px;
	background: var(--bg-white);
	border-top: var(--border-color-1) solid 1px;
	border-left: var(--border-color-1) solid 1px;
	transform: rotate(-45deg)
}

.company__history-area-item-right-content-date {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px
}

.company__history-area-item-right-content-date span {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: var(--text-white);
	background: var(--primary-color-1);
	padding: 7px 22px;
	padding-left: 20px;
	padding-right: 25px;
	-webkit-clip-path: polygon(0 0, 100% 0, 81% 50%, 100% 99%, 0 100%, 0 50%);
	clip-path: polygon(0 0, 100% 0, 81% 50%, 100% 99%, 0 100%, 0 50%)
}

@media(max-width:1199px) {
	.company__history-area-items-left-content {
		padding: 39px 30px;
		padding-bottom: 37px
	}

	.company__history-area-items-right img {
		max-width: 398px
	}

	.company__history-area-item-left {
		padding-right: 70px
	}

	.company__history-area-item-left img {
		max-width: 397px
	}

	.company__history-area-item-right-content {
		padding: 39px 30px;
		padding-bottom: 37px
	}
}

@media(max-width:991px) {
	.company__history-area-items {
		display: grid
	}

	.company__history-area-items-left {
		padding: 0;
		margin: 0;
		border: 0
	}

	.company__history-area-items-left-content {
		margin-top: 40px
	}

	.company__history-area-items-left-content::before {
		display: none
	}

	.company__history-area-items-left-content::after {
		left: 35px;
		top: -10px;
		transform: rotate(-135deg)
	}

	.company__history-area-items-right img {
		max-width: 100%;
		width: 100%
	}

	.company__history-area-item {
		display: block
	}

	.company__history-area-item-left {
		padding: 0;
		margin: 0;
		border: 0
	}

	.company__history-area-item-left img {
		max-width: 100%;
		width: 100%
	}

	.company__history-area-item-right-content {
		margin-top: 40px
	}

	.company__history-area-item-right-content::before {
		display: none
	}

	.company__history-area-item-right-content::after {
		left: 35px;
		top: -10px;
		transform: rotate(45deg)
	}
}

@media(max-width:510px) {
	.about__company-left-image {
		gap: 15px
	}

	.about__company-left-experience {
		left: 17%;
		bottom: 10px;
		width: 160px;
		height: 150px;
		padding: 27px 25px
	}

	.company__two-left-skill {
		margin-top: 30px;
		margin-bottom: 35px;
		display: block
	}

	.company__two-left-skill-item {
		margin-bottom: 15px
	}

	.company__two-left-skill-item:last-child {
		margin: 0
	}
}

@media(max-width:420px) {

	.company__history-area-item-right-content,
	.company__history-area-items-left-content {
		padding: 35px 25px
	}

	.company__history-area-item-right-content-date h5,
	.company__history-area-items-left-content-date h5 {
		font-size: 19px;
		line-height: 29px
	}

	.company__history-area-item-right-content-date span,
	.company__history-area-items-left-content-date span {
		font-size: 16px;
		line-height: 16px;
		padding-left: 15px;
		padding-right: 20px;
		-webkit-clip-path: polygon(0 0, 100% 0, 82% 50%, 100% 99%, 0 100%, 0 50%);
		clip-path: polygon(0 0, 100% 0, 82% 50%, 100% 99%, 0 100%, 0 50%)
	}
}

@media(max-width:359px) {

	.company__history-area-item-right-content,
	.company__history-area-items-left-content {
		padding: 30px 20px
	}

	.company__history-area-item-right-content-date h5,
	.company__history-area-items-left-content-date h5 {
		font-size: 17px;
		line-height: 27px
	}

	.company__history-area-item-right-content-date span,
	.company__history-area-items-left-content-date span {
		font-size: 14px;
		line-height: 14px
	}
}

.features {
	margin-top: -80px;
	position: relative;
	z-index: 1
}

.features-area {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	box-shadow: var(--box-shadow-1)
}

.features-area-item {
	position: relative;
	overflow: hidden;
	padding: 40px;
	transition: .4s;
	background: var(--bg-white)
}

.features-area-item span {
	position: absolute;
	right: -50px;
	top: -50px
}

.features-area-item span i {
	font-size: 25px;
	color: var(--primary-color-3);
	position: relative;
	width: 137px;
	height: 137px;
	line-height: 137px;
	text-align: center;
	transition: .4s
}

.features-area-item span i::before {
	position: relative;
	top: 24px;
	right: 20px
}

.features-area-item span i::after {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 137px;
	height: 137px;
	opacity: .1;
	background: var(--primary-color-3);
	border-radius: 50%;
	transition: .4s
}

.features-area-item h4 {
	margin-bottom: 10px;
	transition: .4s
}

.features-area-item p {
	max-width: 270px;
	transition: .4s
}

.features-area-item-hover {
	background: var(--primary-color-3)
}

.features-area-item-hover h4 {
	color: var(--text-white)
}

.features-area-item-hover p {
	color: var(--text-white)
}

.features-area-item-hover.features-area-item span i {
	color: var(--text-white)
}

.features-area-item-hover.features-area-item span i::after {
	background: var(--bg-white)
}

.features .ltb-radius {
	border-radius: 6px 0 0 6px
}

.features .rtb-radius {
	border-radius: 0 6px 6px 0
}

@media(max-width:1299px) {
	.features-area-item {
		padding: 40px 30px
	}
}

@media(max-width:991px) {
	.features-area {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width:766px) {
	.features-area {
		grid-template-columns: repeat(1, 1fr)
	}

	.features-area-item {
		border-radius: 4px
	}

	.features .ltb-radius {
		border-radius: 4px
	}

	.features .rtb-radius {
		border-radius: 4px
	}
}

.consulting__area {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.consulting__area-shape {
	position: absolute;
	bottom: -80px;
	right: 0;
	z-index: -1
}

.consulting__area-right-title {
	margin-bottom: 30px
}

.consulting__area-right-title h2 {
	margin-bottom: 30px
}

.consulting__area-right-title p {
	max-width: 493px
}

.consulting__area-right-list span {
	display: block;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 20px
}

.consulting__area-right-list span i {
	color: var(--primary-color-2);
	border: 1px solid var(--primary-color-2);
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	margin-right: 15px;
	text-align: center;
	border-radius: 50%
}

.consulting__area-right .btn-six {
	margin-top: 30px
}

.consulting__area-right .btn-six::before {
	background: var(--primary-color-2)
}

.consulting__area-right .btn-six:hover {
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.work__area-item {
	text-align: center;
	position: relative
}

.work__area-item span {
	border: 1px solid var(--border-color-1);
	color: var(--color-13);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: .8px;
	font-weight: 700;
	font-size: 48px;
	font-family: "Montserrat", sans-serif;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	transition: .4s;
	position: relative;
	z-index: 1;
	margin-bottom: 20px
}

.work__area-item span::before {
	content: "";
	position: absolute;
	background: var(--primary-color-2);
	width: 0;
	height: 0;
	border-radius: 50%;
	margin: 0 auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .4s;
	z-index: -1
}

.work__area-item h6 {
	margin-bottom: 10px
}

.work__area-item p {
	max-width: 280px;
	margin: 0 auto
}

.work__area-item-arrow {
	position: absolute;
	top: 35px;
	right: -58px
}

.work__area-item:hover span {
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.work__area-item:hover.work__area-item span::before {
	width: 100%;
	height: 100%
}
.ection-padding-in{padding:80px 0px}
.ection-padding-in ul li {
    margin-bottom: 5px;
    line-height: 24px;
    font-weight: 500;
}


.services__one-item-icon {
	margin-bottom: 25px;
	position: relative
}

.services__one-item-icon-one {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: .4s;
	z-index: 1
}

.services__one-item-icon img {
	transform: rotateY(0)
}

.services__one-item h4 {
	margin-bottom: 10px;
	transition: .4s;
	font-size: 20px
}

.services__one-item p {
	margin-bottom: 27px;
	transition: .4s;
	font-weight: 300
}

.services__one-item .simple-btn-2:hover {
	text-decoration: underline
}



.services__one-item:hover h4 {
	color: #3B4352
}

.services__one-item:hover p {
	color: #3B4352
}

.services__one-item:hover .simple-btn-2 {
	color: var(--text-white)
}

.services__one-item:hover .services__one-item-icon-one {
	opacity: 1
}

.services__one-item:hover .services__one-item-icon img {
	animation: rotateY .6s
}

.services__one-item:hover::before {
	opacity: .1
}

.services__two {
	position: relative;
	z-index: 2
}

.services__two-item {
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.services__two-item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	opacity: 0;
	transition: .4s
}

.services__two-item-content {
	background: var(--bg-white);
	padding: 30px;
	margin: 20px;
	transition: .4s;
	transform: scale(0.97);
	opacity: 0
}

.services__two-item-content-icon {
	margin-bottom: 22px
}

.services__two-item-content h4 {
	margin-bottom: 12px
}

.services__two-item-content h4 a {
	transition: .4s
}

.services__two-item-content h4 a:hover {
	color: var(--primary-color-2)
}

.services__two-item-content .simple-btn-2 {
	color: var(--primary-color-2);
	margin-top: 18px
}

.services__two-item-content .simple-btn-2:hover {
	color: var(--text-heading-color)
}

.services__two-item:hover::before {
	opacity: .7
}

.services__two-item:hover .services__two-item-content {
	opacity: 1;
	transform: scale(1)
}

.services__two-arrow {
	padding-right: 23px
}

.services__two-arrow-next {
	display: inline-block;
	position: static;
	margin: 0;
	margin-left: 40px
}

.services__two-arrow-next i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--color-10);
	font-size: 22px;
	color: var(--text-heading-color);
	border-radius: 50%;
	transition: .4s
}

.services__two-arrow-next i:hover {
	background: var(--primary-color-2);
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.services__two-arrow-prev {
	display: inline-block;
	position: static;
	margin: 0
}

.services__two-arrow-prev i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--color-10);
	font-size: 22px;
	color: var(--text-heading-color);
	border-radius: 50%;
	transition: .4s
}

.services__two-arrow-prev i:hover {
	background: var(--primary-color-2);
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.services__three {
	background: var(--bg-heading-color)
}

.services__three-title {
	text-align: center
}

.services__three-title h2 {
	color: var(--text-white)
}

.services__three-item {
	position: relative;
	overflow: hidden
}

.services__three-item>img {
	width: 100%;
	filter: grayscale(100%)
}

.services__three-item.page {
	box-shadow: var(--box-shadow-1)
}

.services__three-item-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 40px;
	padding-top: 60px;
	margin-right: 30px;
	z-index: 1
}

.services__three-item-content::after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: -10px;
	transform: matrix(0.99, -0.1, 0.12, 0.99, 0, 0);
	background: var(--bg-white);
	width: 100%;
	height: 101%;
	z-index: -1
}

.services__three-item-content-icon {
	background: var(--primary-color-3);
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 6px;
	border: 4px solid var(--border-white);
	position: absolute;
	top: -30px;
	right: 0;
	padding: 10px 0
}

.services__three-item-content h4 {
	margin-bottom: 5px
}

.services__three-item-content h4 a {
	transition: .4s
}

.services__three-item-content h4 a:hover {
	color: var(--primary-color-3)
}

.services__three-item-content.page {
	background: 0
}

.services__three-item-content.page.services__three-item-content h4 a:hover {
	color: var(--primary-color-1)
}

.services__three-item-content.page .services__three-item-content-icon {
	background: var(--primary-color-1)
}

.services__three-item-content.page .services__three-item-content-icon img {
	max-width: 50px
}

.services__three-item:hover img {
	filter: grayscale(0)
}

.services__three-item:hover .services__three-item-content-icon img {
	animation: rotateY .7s
}

.services__three .slider {
	position: relative
}

.services__three-arrow-next {
	display: inline-block;
	right: -78px;
	width: 50px;
	height: 50px
}

.services__three-arrow-next i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	background: var(--primary-color-3);
	font-size: 22px;
	color: var(--text-white);
	border-radius: 6px;
	transition: .4s
}

.services__three-arrow-next i:hover {
	background: var(--bg-white);
	color: var(--text-heading-color);
	border-color: var(--primary-color-2)
}

.services__three-arrow-prev {
	display: inline-block;
	left: -100px;
	width: 50px;
	height: 50px
}

.services__three-arrow-prev i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	background: var(--primary-color-3);
	font-size: 22px;
	color: var(--text-white);
	border-radius: 6px;
	transition: .4s
}

.services__three-arrow-prev i:hover {
	background: var(--bg-white);
	color: var(--text-heading-color);
	border-color: var(--primary-color-2)
}

.services__three-arrow.page .services__three-arrow-next i,
.services__three-arrow.page .services__three-arrow-prev i {
	border: 1px solid var(--border-color-1);
	background: var(--bg-white);
	color: var(--text-heading-color)
}

.services__three-arrow.page .services__three-arrow-next i:hover,
.services__three-arrow.page .services__three-arrow-prev i:hover {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.services__page .slider {
	position: relative;
	z-index: 1
}

.services__details-left-content h2 {
	margin-top: 40px;
	margin-bottom: 25px
}

.services__details-left-content-list {
	padding-bottom: 35px;
	margin-bottom: 40px;
	border-bottom: 1px solid var(--border-color-1)
}

.services__details-left-content-list span {
	display: flex;
	align-items: baseline;
	margin-bottom: 20px;
	max-width: 586px
}

.services__details-left-content-list span:last-child {
	margin: 0
}

.services__details-left-content-list span i {
	color: var(--primary-color-1);
	margin-right: 10px
}

.services__details-left-content-list.bold span {
	font-size: 18px;
	font-weight: 500
}

@media(max-width:1599px) {
	.services__three-arrow-next {
		right: -48px
	}

	.services__three-arrow-prev {
		left: -70px
	}
}

@media(max-width:1399px) {
	.services__one-item {
		padding: 40px 30px;
		padding-bottom: 34px
	}
}

@media(max-width:1299px) {
	.services__three-arrow {
		text-align: center;
		margin-bottom: 65px;
		margin-top: -30px
	}

	.services__three-arrow-next {
		position: initial;
		margin-left: 10px
	}

	.services__three-arrow-prev {
		position: initial
	}
}

@media(max-width:1199px) {
	.services__two-item-content {
		padding: 30px 25px
	}

	.services__three-item-content {
		padding: 40px 25px;
		padding-top: 60px;
		margin-right: 10px
	}
}

@media(max-width:767px) {
	.services__two-item-content {
		padding: 30px 12px
	}
}

@media(max-width:575px) {
	.services__two-item-content {
		padding: 30px
	}
}

.cta__area {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.cta__area::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: var(--color-6);
	z-index: -1
}

.cta__area-bg {
	padding: 60px 70px;
	padding-right: 0;
	background: var(--primary-color-1);
	position: relative;
	z-index: 1
}

.cta__area-bg::before {
	content: "";
	position: absolute;
	top: 0;
	right: -3000px;
	width: 3000px;
	height: 100%;
	background: var(--primary-color-1);
	z-index: -1
}

.cta__area-bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../img/shape/cta.png");
	background-repeat: no-repeat;
	width: 122%;
	height: 100%;
	background-size: cover;
	z-index: -1
}

.cta__area-title h2 {
	color: var(--text-white);
	margin-bottom: 10px
}

.cta__area-title .text-two {
	color: var(--text-white)
}

.cta__area-form form {
	display: flex;
	gap: 30px;
	justify-content: end
}

.cta__area-form form input {
	border-radius: 6px;
	padding-right: 0
}

.cta__two {
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0
}

.cta__two::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	opacity: .85;
	z-index: -2
}

.cta__two-shape {
	position: absolute;
	right: 200px;
	top: 0;
	z-index: -1;
	mix-blend-mode: soft-light;
	height: 100%
}

.cta__two-title h2 {
	color: var(--text-white)
}

.cta__two-info {
	display: flex;
	gap: 20px;
	justify-content: end
}

.cta__two-info-item {
	display: inline-block;
	background: var(--bg-white);
	padding: 30px 45px;
	border-radius: 6px
}

.cta__two-info-item-icon {
	margin-bottom: 15px
}

.cta__two-info-item-icon i {
	color: var(--primary-color-1);
	font-size: 20px;
	background: var(--color-6);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	transition: .4s
}

.cta__two-info-item h6 {
	text-transform: lowercase
}

.cta__two-info-item h6 a {
	background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 2px no-repeat;
	transition: all 400ms ease
}

.cta__two-info-item h6 a:hover {
	background-size: 100% 2px;
	color: var(--primary-color-1)
}

.cta__two-info-item span {
	font-size: 14px;
	font-weight: 600
}

.cta__two-info-item:hover .cta__two-info-item-icon i {
	background: var(--primary-color-1);
	color: var(--text-white)
}

.getIn__touch {
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 80px;
	padding-top: 80px
}

.getIn__touch-shape {
	position: absolute;
	right: 150px;
	top: 0;
	z-index: -1;
	mix-blend-mode: soft-light
}

.getIn__touch::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	opacity: .85;
	z-index: -2
}

.getIn__touch-left {
	box-shadow: var(--box-shadow-2);
	background: var(--bg-white);
	padding: 71px 68px;
	margin-right: 125px;
	margin-bottom: -120px
}

.getIn__touch-left-form input {
	border-radius: 6px
}

.getIn__touch-left-form .btn-one {
	width: 100%;
	justify-content: center
}

.getIn__touch-right-title {
	margin-bottom: 70px
}

.getIn__touch-right-title h2 {
	margin-bottom: 30px;
	color: var(--text-white);
	max-width: 495px;
	margin: 0 auto;
	text-align: center
}

.getIn__touch-right-title p {
	color: var(--text-white);
	max-width: 400px;
	margin: 0 auto;
	text-align: center
}

.getIn__touch-right-bottom {
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 40px
}

.getIn__touch-right-bottom-text h4 {
	color: var(--text-white);
	max-width: 200px
}

.getIn__touch-right-bottom-image {
	margin-left: 40px
}

.getIn__touch-right-bottom-image ul {
	padding: 0;
	margin: 0
}

.getIn__touch-right-bottom-image ul li {
	padding: 0;
	display: inline-block;
	list-style: none;
	margin-left: -23px
}

.getIn__touch-right-bottom-image ul li:first-child {
	margin: 0
}

.getIn__touch-right-bottom-image ul li img {
	max-width: 50px;
	width: 50px;
	height: 50px;
	-o-object-fit: cover;
	object-fit: cover;
	border: 4px solid var(--border-white);
	border-radius: 50%;
	transition: .4s
}

.getIn__touch-right-bottom-image ul li img:hover {
	border-color: var(--primary-color-1)
}

.getIn__touch-three {
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.getIn__touch-three-shape {
	position: absolute;
	right: 36%;
	top: 0;
	height: 100%;
	transform: translateX(-50%);
	z-index: -1;
	mix-blend-mode: color-dodge
}

.getIn__touch-three::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	opacity: .85;
	z-index: -2
}

.getIn__touch-three-left-title h2 {
	margin-bottom: 30px;
	color: var(--text-white);
	max-width: 545px
}

.getIn__touch-three-left-title p {
	color: var(--color-4);
	max-width: 530px
}

.getIn__touch-three-left-video {
	margin-top: 55px;
	display: flex;
	align-items: center;
	gap: 45px
}

.getIn__touch-three-left-video-icon.video a {
	color: var(--primary-color-3)
}

.getIn__touch-three-left-video-text h4 {
	color: var(--text-white);
	max-width: 200px
}

.getIn__touch-three-left-video-shape {
	margin-left: 90px
}

.getIn__touch-three-right {
	box-shadow: var(--box-shadow-2);
	background: var(--bg-white);
	padding: 50px;
	border-radius: 6px;
	margin-left: 75px;
	margin-bottom: -50px
}

.getIn__touch-three-right h3 {
	margin-bottom: 40px
}

.getIn__touch-three-right-form input,
.getIn__touch-three-right-form textarea {
	background: var(--color-6);
	border-color: var(--color-6);
	color: var(--color-2)
}

.getIn__touch-three-right-form input:focus,
.getIn__touch-three-right-form textarea:focus {
	border-color: var(--primary-color-3)
}

.help__area {
	padding-top: 49px;
	padding-left: 50px;
	display: flex;
	align-items: center;
	gap: 90px
}

.help__area-item {
	display: flex;
	align-items: center;
	gap: 30px
}

.help__area-item-icon i {
	color: var(--primary-color-1);
	border: 1px solid var(--color-7);
	font-size: 30px;
	width: 70px;
	height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: .4s
}

.help__area-item-info span {
	color: var(--color-2)
}

.help__area-item-info h5 {
	transition: .4s;
	text-transform: lowercase
}

.help__area-item-info h5:hover {
	color: var(--primary-color-1)
}

.help__area-item:hover .help__area-item-icon i {
	background: var(--primary-color-1);
	border-color: var(--primary-color-1);
	color: var(--text-white)
}

@media(max-width:1399px) {
	.cta__area-bg {
		padding: 60px 40px
	}

	.cta__area-form form {
		gap: 25px
	}

	.getIn__touch-shape {
		height: 100%
	}

	.getIn__touch-left {
		padding: 60px 50px;
		margin-right: 80px;
		margin-bottom: -115px
	}

	.getIn__touch-right-title h2 {
		margin-bottom: 23px;
		margin: 0 auto;
		text-align: center
	}

	.help__area {
		padding-top: 45px;
		padding-left: 45px;
		gap: 30px;
		justify-content: end
	}

	.getIn__touch-three-right {
		padding: 45px 40px;
		margin-left: 60px
	}
}

@media(max-width:1199px) {
	.cta__area-form {
		margin-top: 30px
	}

	.cta__area-form form {
		justify-content: start
	}

	.cta__area-form-item {
		width: 100%
	}

	.getIn__touch-left {
		padding: 40px 30px;
		margin-right: 0
	}

	.getIn__touch-right-bottom {
		gap: 30px
	}

	.help__area {
		gap: 20px
	}

	.help__area-item {
		gap: 20px
	}

	.help__area-item-icon i {
		font-size: 20px;
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.getIn__touch-three-right {
		padding: 40px 30px;
		margin-left: 10px
	}

	.getIn__touch-three-left-video-shape {
		margin-left: 20px
	}

	.cta__two-info-item {
		padding: 30px 40px
	}
}

@media(max-width:991px) {
	.cta__area-bg {
		padding: 50px 30px;
		padding-right: 0
	}

	.cta__area-form form {
		gap: 20px
	}

	.cta__area-form form input {
		padding-right: 10px
	}

	.getIn__touch {
		padding-bottom: 120px
	}

	.getIn__touch-left {
		margin: 0
	}

	.getIn__touch-right-bottom {
		gap: 30px
	}

	.help__area {
		justify-content: start;
		padding-left: 0
	}

	.getIn__touch-three-right {
		margin-left: 0
	}

	.cta__two-title {
		text-align: center
	}

	.cta__two-info {
		justify-content: center
	}
}

@media(max-width:767px) {
	.cta__area-form form {
		display: initial
	}

	.getIn__touch-right-bottom {
		gap: 20px
	}

	.getIn__touch-right-bottom-image {
		margin: 0
	}

	.help__area-item {
		gap: 16px
	}

	.cta__two-info-item {
		padding: 30px
	}
}

@media(max-width:575px) {
	.cta__area-bg {
		padding: 50px 0
	}

	.cta__area-bg .pr-0 {
		padding-right: 12px
	}

	.getIn__touch {
		padding-bottom: 85px
	}

	.getIn__touch-three-left-video-shape {
		display: none
	}
}

@media(max-width:540px) {
	.help__area {
		display: block;
		padding-top: 15px
	}

	.help__area-item {
		margin-top: 30px
	}

	.cta__two-info {
		display: block
	}

	.cta__two-info-item {
		display: block;
		margin-bottom: 30px
	}

	.cta__two-info-item:last-child {
		margin: 0
	}
}

@media(max-width:490px) {
	.getIn__touch-right-bottom-shape {
		display: none
	}
}

@media(max-width:390px) {
	.getIn__touch-right-bottom {
		display: block
	}

	.getIn__touch-right-bottom-image {
		margin-top: 30px
	}
}

.pricing__area-item {
	padding: 0 70px 50px 50px;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 60px var(--color-10);
	border-radius: 6px;
	margin-top: 75px
}

.pricing__area-item::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/shape/price.png");
	background-size: cover;
	z-index: -1
}

.pricing__area-item-price {
	display: inline-block;
	width: 150px;
	height: 175px;
	padding: 49px 0;
	text-align: center;
	background: var(--primary-color-3);
	-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	border: 0;
	margin-bottom: 20px;
	margin-top: -75px;
	position: relative;
	z-index: 1
}

.pricing__area-item-price h4 {
	color: var(--text-white)
}

.pricing__area-item-price h4 span {
	font-weight: 500;
	font-size: 48px;
	line-height: 48px
}

.pricing__area-item-price .text-two {
	color: var(--text-white)
}

.pricing__area-item-title .text-two {
	font-weight: 500;
	color: var(--body-color)
}

.pricing__area-item-list {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid var(--border-color-1)
}

.pricing__area-item-list ul {
	padding: 0;
	margin: 0
}

.pricing__area-item-list ul li {
	list-style: none;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 18px
}

.pricing__area-item-list ul li i {
	width: 20px;
	height: 20px;
	line-height: 17px;
	text-align: center;
	border: 1px solid var(--primary-color-3);
	border-radius: 50%;
	color: var(--primary-color-3);
	font-size: 12px;
	font-weight: 400;
	margin-right: 10px
}

.pricing__area-item-list ul li:last-child {
	margin: 0
}

.pricing__area-item .btn-eight {
	width: 100%;
	border-color: var(--border-color-1);
	justify-content: center;
	color: var(--text-heading-color);
	margin-top: 30px
}

.pricing__area-item .btn-eight::before {
	background: var(--primary-color-3)
}

.pricing__area-item .btn-eight:hover {
	color: var(--text-white);
	border-color: var(--primary-color-3)
}

.pricing__area-item.page .pricing__area-item-price {
	background: var(--primary-color-1)
}

.pricing__area-item.page .pricing__area-item-list ul li i {
	color: var(--primary-color-1);
	border-color: var(--primary-color-1)
}

.pricing__area-item.page.pricing__area-item .btn-eight::before {
	background: var(--primary-color-1)
}

.pricing__area-item.page.pricing__area-item .btn-eight:hover {
	border-color: var(--primary-color-1)
}

.pricing__two {
	background: var(--color-6)
}

.pricing__two-title h2 {
	margin-bottom: 30px
}

.pricing__two-title p {
	margin-bottom: 40px
}

.pricing__two-item {
	background: var(--bg-white);
	padding: 40px
}

.pricing__two-item-price {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--border-color-1)
}

.pricing__two-item-price>span {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 5px;
	display: inline-block
}

.pricing__two-item-price h2 span {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	margin-left: 10px;
	display: inline-block
}

.pricing__two-item-list ul {
	padding: 0;
	margin: 0
}

.pricing__two-item-list ul li {
	list-style: none;
	color: var(--text-heading-color);
	margin-bottom: 20px
}

.pricing__two-item-list ul li i {
	color: var(--primary-color-1);
	font-size: 20px;
	margin-right: 10px
}

.pricing__two-item-list ul li:last-child {
	margin: 0
}

.pricing__two-item-btn {
	margin-top: 30px
}

.pricing__two-item-btn .btn-three {
	border-color: var(--border-color-1);
	color: var(--text-heading-color)
}

.pricing__two-item-btn .btn-three:hover {
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.pricing__two-button {
	display: flex;
	justify-content: center;
	margin-bottom: 70px
}

.pricing__two-button .nav-item button {
	background: transparent;
	border: 1px solid var(--border-color-1);
	font-weight: 600;
	font-size: 14px;
	line-height: 50px;
	text-transform: capitalize;
	font-family: "Montserrat", sans-serif;
	padding: 0 30px;
	margin: 0 10px;
	color: var(--text-heading-color)
}

.pricing__two-button .nav-item .active {
	background: var(--primary-color-1);
	border-color: var(--primary-color-1);
	color: var(--text-white)
}

@media(max-width:1399px) {
	.pricing__two-item {
		padding: 30px 25px
	}

	.pricing__two-item.center .pricing__two-item-btn .theme-btn {
		padding: 12px 34px
	}

	.pricing__two-item-btn .btn-three {
		padding: 11px 34px
	}
}

@media(max-width:1199px) {
	.pricing__two-title {
		text-align: center
	}

	.pricing__two-button {
		display: flex;
		justify-content: center;
		margin-bottom: 30px
	}
}

@media(max-width:991px) {
	.pricing__area-item {
		padding: 0 50px 50px 40px
	}
}

@media(max-width:359px) {
	.pricing__area-item {
		padding: 0 30px 50px 30px
	}
}

.team__area-item-image {
	position: relative;
	z-index: 1
}

.team__area-item-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 20%;
	top: 0;
	left: 0;
	background: var(--bg-heading-color);
	opacity: 0;
	transition: .4s
}

.team__area-item-image-icon {
	position: absolute;
	bottom: 70px;
	right: 30px;
	z-index: 1
}

.team__area-item-image-icon span {
	color: var(--text-white);
	height: 40px;
	width: 40px;
	background: var(--primary-color-2);
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	display: inline-block;
	transition: .4s;
	cursor: pointer
}

.team__area-item-image-icon.page span {
	background: var(--primary-color-1)
}

.team__area-item-image-icon.page .team__area-item-image-social ul li a i:hover {
	background: var(--primary-color-1)
}

.team__area-item-image-icon .team__area-item-image-social {
	position: absolute;
	bottom: 50px
}

.team__area-item-image-icon:hover .team__area-item-image-social {
	opacity: 1;
	visibility: visible
}

.team__area-item-image-social {
	position: absolute;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s
}

.team__area-item-image-social ul {
	padding: 0;
	margin: 0
}

.team__area-item-image-social ul li {
	list-style: none;
	margin-bottom: 8px
}

.team__area-item-image-social ul li:last-child {
	margin: 0
}

.team__area-item-image-social ul li a i {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	border-radius: 50%;
	background: var(--bg-white);
	color: var(--text-heading-color);
	transition: .4s
}

.team__area-item-image-social ul li a i:hover {
	background: var(--primary-color-2);
	color: var(--text-white)
}

.team__area-item-image img {
	width: 100%
}

.team__area-item-content {
	padding: 22px;
	margin: 0 30px;
	margin-top: -60px;
	background: var(--bg-white);
	position: relative;
	z-index: 1;
	text-align: center;
	box-shadow: var(--box-shadow-1)
}

.team__area-item-content .text-eight {
	font-weight: 600
}

.team__area-item-content h5 a {
	transition: .4s
}

.team__area-item-content h5 a:hover {
	color: var(--primary-color-2)
}

.team__area-item-content.page h5 a:hover {
	color: var(--primary-color-1)
}

.team__area-item:hover .team__area-item-image::before {
	height: 100%;
	opacity: .7;
	z-index: 1
}

.team__area h6 {
	color: var(--color-2);
	font-size: 18px;
	line-height: 30px
}

.team__area h6 a {
	color: var(--primary-color-1);
	background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
	transition: all 600ms ease
}

.team__area h6 a:hover {
	background-size: 100% 1px
}

.team__two-item {
	text-align: center
}

.team__two-item-image {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.team__two-item-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 0;
	display: block;
	content: "";
	width: 30%;
	height: 100%;
	transform: skewX(-25deg);
	background: var(--bg-white);
	opacity: .4;
	z-index: 1
}

.team__two-item-image img {
	width: 100%;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)
}

.team__two-item-content {
	margin: 0 20px;
	padding: 30px 25px;
	transition: .4s;
	position: relative;
	z-index: 2
}

.team__two-item-content h4 {
	transition: .4s
}

.team__two-item-content .text-eight {
	color: var(--primary-color-1);
	transition: .4s;
	font-weight: 600
}

.team__two-item-content-social {
	margin-top: 10px;
	transition: .4s;
	opacity: 0
}

.team__two-item-content-social ul {
	padding: 0;
	margin: 0
}

.team__two-item-content-social ul li {
	list-style: none;
	display: inline-block;
	margin-right: 15px
}

.team__two-item-content-social ul li:last-child {
	margin: 0
}

.team__two-item-content-social ul li a {
	display: inline-block;
	color: var(--text-white)
}

.team__two-item:hover .team__two-item-image::before {
	animation: animation .95s
}

.team__two-item:hover .team__two-item-image img {
	transform: scale3d(1.1, 1.1, 1.1)
}

.team__two-item:hover .team__two-item-content {
	background: var(--primary-color-1);
	transform: translateY(-50%);
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.05)
}

.team__two-item:hover .team__two-item-content h4 {
	color: var(--text-white)
}

.team__two-item:hover .team__two-item-content .text-eight {
	color: var(--text-white)
}

.team__two-item:hover .team__two-item-content-social {
	opacity: 1
}

.team__three-item-image {
	position: relative;
	z-index: 1;
	border-radius: 6px
}

.team__three-item-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(5, 6, 8, 0) 0, var(--heading-color) 100%);
	transition: .5s;
	border-radius: 6px
}

.team__three-item-image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(249, 77, 29, 0) 0, var(--primary-color-1) 100%);
	transition: .5s;
	opacity: 0;
	border-radius: 6px
}

.team__three-item-image img {
	width: 100%;
	border-radius: 6px
}

.team__three-item-image-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 40px;
	z-index: 1
}

.team__three-item-image-info-name .text-eight {
	color: var(--text-white);
	font-weight: 500
}

.team__three-item-image-info-name h4 a {
	color: var(--text-white)
}

.team__three-item-image-info-icon {
	position: relative;
	z-index: 1
}

.team__three-item-image-info-icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 17px;
	height: 15px;
	background-image: url("../img/icon/union.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: .6s
}

.team__three-item-image-info-icon span {
	color: var(--primary-color-1);
	height: 45px;
	width: 45px;
	line-height: 45px;
	background: var(--bg-white);
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	display: inline-block;
	transition: .4s;
	cursor: pointer
}

.team__three-item-image-info-icon .team__three-item-image-info-social {
	position: absolute;
	bottom: 60px
}

.team__three-item-image-info-icon:hover::after {
	top: -9px;
	opacity: 1
}

.team__three-item-image-info-icon:hover .team__three-item-image-info-social::before {
	height: 100%
}

.team__three-item-image-info-icon:hover .team__three-item-image-info-social ul {
	opacity: 1;
	transition: transform .5s ease .5s, opacity .5s ease .5s;
	transform: translateY(0);
	visibility: visible
}

.team__three-item-image-info-social {
	position: absolute;
	left: 0;
	padding: 15px 0
}

.team__three-item-image-info-social::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-radius: 6px;
	background: var(--primary-color-1);
	z-index: -1;
	transition: .5s
}

.team__three-item-image-info-social ul {
	visibility: hidden;
	opacity: 0;
	transition: transform .5s ease 0, opacity .5s ease 0;
	transform: translateY(-30px);
	padding: 0;
	margin: 0
}

.team__three-item-image-info-social ul li {
	list-style: none
}

.team__three-item-image-info-social ul li:last-child {
	margin: 0
}

.team__three-item-image-info-social ul li a {
	overflow: hidden
}

.team__three-item-image-info-social ul li a i {
	width: 45px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: var(--text-white)
}

.team__three-item:hover .team__three-item-image::before {
	opacity: 0
}

.team__three-item:hover .team__three-item-image::after {
	opacity: 1
}

.team__details-content>span {
	font-weight: 600;
	color: var(--color-2);
	margin-top: -7px;
	display: block
}

.team__details-content h2 {
	margin-bottom: 20px
}

.team__details-content p {
	margin-bottom: 25px
}

.team__details-content-contact-item {
	display: flex;
	align-items: center;
	gap: 20px
}

.team__details-content-contact-item i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 15px;
	border: 1px solid var(--border-color-1);
	box-shadow: 0 9px 18px rgba(24, 16, 16, 0.05);
	font-weight: 400;
	font-size: 20px;
	color: var(--primary-color-1);
	text-align: center
}

.team__details-content-contact-item-info span {
	font-size: 15px;
	font-weight: 500;
	color: var(--color-2)
}

.team__details-content-contact-item-info h5 {
	text-transform: lowercase
}

.team__details-content-contact-item-info h5 a {
	transition: .4s
}

.team__details-content-contact-item-info h5 a:hover {
	color: var(--primary-color-1)
}

.team__details-experience h3 {
	margin-bottom: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--border-color-1)
}

.team__details-experience>p {
	margin-bottom: 40px
}

.team__details-experience-area {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.team__details-experience-area-item {
	padding: 35px 30px;
	border: 1px solid var(--border-color-1);
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 1
}

.team__details-experience-area-item h6 {
	position: absolute;
	top: -15px;
	left: -15px;
	background: var(--primary-color-1);
	color: var(--text-white);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	font-weight: 600;
	padding: 6px 0 0 12px
}

.team__details-experience-area-item h6 span {
	font-size: 16px;
	text-transform: lowercase;
	margin-left: 3px;
	font-weight: 500
}

.team__details-experience-area-item p {
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600
}

.team__details-experience-area-item p span {
	color: var(--primary-color-1)
}

.team__details-skills h3 {
	margin-bottom: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--border-color-1)
}

.team__details-skills>p {
	margin-bottom: 40px
}

.team__details-skills-item-content {
	position: relative
}

.team__details-skills-item-content h6 {
	font-size: 18px;
	line-height: 28px
}

.team__details-skills-item-count {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500
}

.team__details-skills-item-bar {
	height: 10px;
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	background: var(--primary-color-1);
	transition: all 3.5s ease-out 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%)
}

.team__details-skills-item-inner {
	width: 100%;
	height: 10px;
	position: relative;
	background: var(--border-color-2);
	-webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
	margin-top: 11px
}

.team__details .b-l {
	border-left: 0
}

.team__details .b-t {
	border-top: 0
}

@media(max-width:1399px) {
	.team__area-item-image-icon {
		bottom: 55px
	}

	.team__area-item-content {
		margin-top: -45px
	}
}

@media(max-width:1199px) {
	.team__details-content>span {
		margin-top: 0
	}

	.team__details-experience-area-item {
		padding: 35px 18px
	}

	.team__details-experience-area-item h6 {
		top: -18px;
		left: -18px;
		padding: 7px 0 0 13px
	}
}

@media(max-width:490px) {
	.team__details-experience-area {
		grid-template-columns: repeat(1, 1fr)
	}

	.team__details-experience-area-item h6 {
		top: -15px;
		left: -15px;
		padding: 6px 0 0 12px
	}

	.team__details .b-l {
		border-left: 1px solid var(--border-color-1)
	}

	.team__details .b-b {
		border-bottom: 0
	}
}

.testimonial__area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #f6f5f1
}

.testimonial__area-shape {
	position: absolute;
	top: -210px;
	right: 20px;
	z-index: -1
}

.testimonial__area-item {
	padding: 20px 0;
	padding-bottom: 45px;
	transition: .4s;
	position: relative
}

.testimonial__area-item-icon {
	position: absolute;
	right: 50px;
	bottom: 45px;
	color: var(--text-heading-color);
	opacity: .05;
	font-size: 50px
}

.testimonial__area-item-client {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px
}

.testimonial__area-item-client-image img {
	width: 80px;
	height: 80px;
	max-width: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.testimonial__area-item-client-title h5 {
	transition: .4s
}

.testimonial__area-item-client-title span {
	color: var(--color-2);
	transition: .4s
}

.testimonial__area-item p {
	font-size: 19px;
	line-height: 34px;
	transition: .4s
}

.testimonial__area-item-reviews {
	margin-top: 30px
}

.testimonial__area-item-reviews i {
	color: var(--primary-color-1);
	transition: .4s
}

.testimonial__area-item:hover p {
	color: #3B4352
}

.testimonial__area-item:hover .testimonial__area-item-icon {
	color: #3B4352;
	opacity: .09
}

.testimonial__area-item:hover .testimonial__area-item-client-title h5 {
	color: #3B4352
}

.testimonial__area-item:hover .testimonial__area-item-client-title span {
	color: #3B4352
}

.testimonial__area-item:hover .testimonial__area-item-reviews i {
	color: #3B4352
}

.testimonial__area-button {
	padding-right: 23px;
	padding-top: 20px
}

.testimonial__area-button-next {
	display: inline-block;
	position: static;
	margin: 0;
	margin-left: 40px
}

.testimonial__area-button-next i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--color-10);
	font-size: 22px;
	color: var(--text-heading-color);
	border-radius: 50%;
	transition: .4s
}

.testimonial__area-button-next i:hover {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.testimonial__area-button-prev {
	display: inline-block;
	position: static;
	margin: 0
}

.testimonial__area-button-prev i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--color-10);
	font-size: 22px;
	color: var(--text-heading-color);
	border-radius: 50%;
	transition: .4s
}

.testimonial__area-button-prev i:hover {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.testimonial__two-item {
	padding: 40px;
	box-shadow: var(--box-shadow-2)
}

.testimonial__two-item-top {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 20px
}

.testimonial__two-item-top-reviews h6 {
	font-size: 17px;
	line-height: 27px
}

.testimonial__two-item-top-reviews ul {
	padding: 0;
	margin: 0
}

.testimonial__two-item-top-reviews ul li {
	display: inline-block
}

.testimonial__two-item-top-reviews ul li i {
	color: var(--primary-color-1)
}

.testimonial__two-item-bottom {
	display: flex;
	align-items: center;
	gap: 20px;
	border: 1px solid var(--border-color-1);
	padding: 20px;
	margin-top: 40px;
	border-radius: 6px;
	position: relative
}

.testimonial__two-item-bottom::before {
	content: "";
	position: absolute;
	left: 30px;
	top: -10px;
	transform: rotate(45deg);
	width: 20px;
	height: 20px;
	background: var(--bg-white);
	border-top: var(--border-color-1) solid 1px;
	border-left: var(--border-color-1) solid 1px
}

.testimonial__two-item-bottom img {
	max-width: 60px;
	border-radius: 50%
}

@media(max-width:1399px) {
	.testimonial__area-item {
		padding: 0 10px;
		padding-bottom: 35px
	}

	.testimonial__area-item-icon {
		right: 30px;
		bottom: 40px
	}

	.testimonial__area-item-client {
		margin-bottom: 25px
	}

	.testimonial__area-item-reviews {
		margin-top: 25px
	}

	.testimonial__two-item {
		padding: 40px 30px
	}
}

@media(max-width:991px) {
	.testimonial__two-item {
		padding: 35px 25px
	}
}

@media(max-width:359px) {
	.testimonial__area-item {
		padding: 35px 30px;
		padding-bottom: 30px
	}

	.testimonial__area-item-icon {
		right: 30px;
		bottom: 35px
	}

	.testimonial__area-item-client {
		gap: 20px
	}

	.testimonial__area-item-client-image img {
		width: 65px;
		height: 65px;
		max-width: 65px
	}

	.testimonial__area-item p {
		font-size: 15px;
		line-height: 28px
	}
}

.chooseUs__area-right {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 100px
}

.chooseUs__area-right-counter h6 {
	font-weight: 600;
	max-width: 240px;
	margin-top: 18px
}

.chooseUs__area-item {
	border: 1px solid var(--border-color-3);
	border-radius: 6px;
	padding: 41px 40px
}

.chooseUs__area-item-icon {
	margin-bottom: 27px
}

.chooseUs__area-item h4 {
	margin-bottom: 11px
}

.chooseUs__area-item:hover .chooseUs__area-item-icon img {
	animation: rotateY .6s
}

@media(max-width:1399px) {
	.chooseUs__area-item {
		padding: 34px 30px
	}
}

@media(max-width:1199px) {
	.chooseUs__area .img-full {
		width: 100%
	}
}

@media(max-width:991px) {
	.chooseUs__area-right {
		justify-content: start
	}
}

@media(max-width:575px) {
	.chooseUs__area-right {
		gap: 0
	}

	.chooseUs__area-right-shape {
		max-width: 90px;
		padding-right: 15px
	}
}

.project__area-item {
	position: relative;
	z-index: 1
}

.project__area-item img {
	width: 100%
}

.project__area-item::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bg-heading-color);
	z-index: 1;
	transition: .4s;
	opacity: 0
}

.project__area-item::after {
	position: absolute;
	content: "";
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	background: var(--primary-color-1);
	z-index: 1;
	transition: .4s;
	opacity: 0
}

.project__area-item-content {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	padding: 40px;
	padding-right: 75px;
	display: inline-block;
	transition: .5s;
	z-index: 2;
	visibility: hidden;
	opacity: 0
}

.project__area-item-content h4 {
	color: var(--text-white);
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid var(--border-white)
}

.project__area-item-content span {
	color: var(--color-9);
	font-weight: 500;
	font-size: 14px;
	line-height: 24px
}

.project__area-item-icon {
	position: absolute;
	right: 70px;
	top: 70px;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	transition: .5s
}

.project__area-item-icon a {
	background: var(--bg-white);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 6px;
	color: var(--text-heading-color);
	display: inline-block
}

.project__area-item:hover::before {
	opacity: .7
}

.project__area-item:hover::after {
	opacity: .7
}

.project__area-item:hover .project__area-item-content {
	visibility: visible;
	opacity: 1
}

.project__area-item:hover .project__area-item-icon {
	visibility: visible;
	opacity: 1
}

.portfolio__area {
	overflow: hidden
}

.portfolio__area-item {
	position: relative;
	z-index: 1;
	transition: .4s;
	margin-top: 10px
}

.portfolio__area-item::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	background: var(--bg-heading-color);
	transition: .4s;
	opacity: 0
}

.portfolio__area-item-content {
	position: absolute;
	left: 50px;
	bottom: 40px;
	right: 50px;
	background: var(--primary-color-1);
	padding: 30px 40px;
	padding-right: 30px;
	z-index: 1;
	opacity: 0;
	transition: transform .4s ease 0, opacity .4s ease 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.portfolio__area-item-content-title h4 {
	color: var(--text-white)
}

.portfolio__area-item-content-title .text-eight {
	color: var(--text-white)
}

.portfolio__area-item:hover {
	transform: translateY(-10px)
}

.portfolio__area-item:hover::after {
	height: 100%;
	opacity: .8
}

.portfolio__area-item:hover .portfolio__area-item-content {
	opacity: 1;
	transition: transform .4s ease .4s, opacity .4s ease .4s
}

.portfolio {
	display: flex;
	overflow: auto;
	scroll-snap-type: x mandatory;
	gap: 30px
}

.portfolio__area-title h1 {
	color: #ffd500;
	font-size: 36px;
	line-height: 55px;
}

.portfolio__area-title h2 {
	color: #ffd500;
	font-size: 36px
}

.portfolio__area-title p {
	font-size: 20px;
	line-height: 30px;
	padding: 0 55px;
	font-weight: 400;
	color: #3B4352;
}

.portfolio-item {
	height: 570px;
	flex: 2.1;
	transition: .5s;
	will-change: transform;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.portfolio-item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	opacity: 0;
	transition: .4s
}

.portfolio-item img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	position: relative;
	z-index: -1
}

.portfolio-item-inner {
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 3;
	background: var(--bg-white);
	padding-left: 40px;
	display: flex;
	align-items: center;
	opacity: 0;
	transition: .4s
}

.portfolio-item-inner-title span {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-3)
}

.portfolio-item-inner-icon {
	width: 125px;
	height: 125px;
	line-height: 125px;
	text-align: center;
	background: var(--primary-color-2);
	margin-left: 80px
}

.portfolio-item-inner-icon i {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: var(--text-white);
	border: 1px solid var(--color-14);
	border-radius: 50%;
	font-size: 25px;
	transform: rotate(45deg)
}

.portfolio-item:hover {
	flex: 1.5
}

.portfolio-item.active {
	flex: 6;
	scroll-snap-align: start
}

.portfolio-item.active.portfolio-item::before {
	opacity: .7
}

.portfolio-item.active .portfolio-item-inner {
	opacity: 1
}

.portfolio-item.active.portfolio-item img {
	transform: scale3d(1.1, 1.1, 1.1)
}

.portfolio-item.active::after {
	content: "";
	position: absolute;
	background-image: url("../img/shape/Image.png");
	height: 100%;
	width: 20%;
	top: 0;
	right: 0;
	z-index: 0;
	background-repeat: no-repeat;
	transition: .3s
}

.portfolio__three {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1
}

.portfolio__three-item {
	position: relative;
	z-index: 1;
	padding: 40px
}

.portfolio__three-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color-3);
	opacity: 0;
	transition: .4s;
	border-radius: 6px;
	z-index: -1
}

.portfolio__three-item-icon {
	margin-bottom: 350px;
	text-align: right;
	opacity: 0;
	transition: .4s
}

.portfolio__three-item-icon i {
	color: var(--text-heading-color);
	background: var(--bg-white);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 6px
}

.portfolio__three-item h4 {
	color: var(--text-white);
	opacity: 0;
	transition: .4s
}

.portfolio__three-item span {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	font-family: "Montserrat", sans-serif;
	color: var(--text-white);
	transition: .4s;
	opacity: 0
}

.portfolio__three-item:hover::before {
	opacity: .7
}

.portfolio__three-item:hover h4 {
	opacity: 1
}

.portfolio__three-item:hover span {
	opacity: 1
}

.portfolio__three-item:hover .portfolio__three-item-icon {
	opacity: 1
}

.portfolio__three .portfolio-border {
	position: relative;
	z-index: 1;
	padding: 30px;
	border-right: 4px solid var(--border-white)
}

.portfolio__three .portfolio-border::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	transition: .4s;
	opacity: 0;
	border-radius: 6px;
	z-index: -2
}

.portfolio__three .portfolio-border:hover::after {
	opacity: .8
}

.portfolio__three .portfolio-border:last-child {
	border: 0
}

.conbix__filter-button {
	text-align: center;
	margin-top: -5px
}

.conbix__filter-button button {
	font-weight: 600;
	padding: 0 25px;
	line-height: 48px;
	color: var(--text-heading-color);
	border: 1px solid var(--border-color-4);
	box-shadow: 0 9px 18px rgba(24, 16, 16, 0.05);
	background: 0;
	margin: 5px;
	transition: .4s
}

.conbix__filter-button button:hover {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.conbix__filter-button .active {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.project__one-item {
	position: relative;
	z-index: 1
}

.project__one-item::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bg-heading-color);
	z-index: 0;
	transition: .4s;
	opacity: 0
}

.project__one-item-content {
	position: absolute;
	bottom: 20px;
	left: 40px;
	right: 40px;
	padding: 40px 30px;
	z-index: 1;
	transition: .4s;
	background: var(--bg-white);
	opacity: 0;
	overflow: hidden
}

.project__one-item-content::before {
	content: "";
	position: absolute;
	right: -30px;
	bottom: -40px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background: var(--primary-color-1)
}

.project__one-item-content::after {
	content: "";
	position: absolute;
	right: -20px;
	bottom: -30px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background: var(--primary-color-1);
	opacity: .2
}

.project__one-item-content span {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	color: var(--primary-color-1);
	display: block;
	margin-bottom: 5px
}

.project__one-item-content h4 a {
	transition: .4s
}

.project__one-item-content h4 a:hover {
	color: var(--primary-color-1)
}

.project__one-item-icon {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	transition: .4s;
	opacity: 0
}

.project__one-item-icon a {
	background: var(--primary-color-1);
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	color: var(--text-white);
	display: inline-block;
	transform: rotate(45deg);
	font-size: 25px
}

.project__one-item:hover::before {
	opacity: .7
}

.project__one-item:hover .project__one-item-content {
	opacity: 1;
	bottom: 40px
}

.project__one-item:hover .project__one-item-icon {
	top: 22%;
	opacity: 1
}

.experience__area {
	position: relative;
	z-index: 1;
	background: var(--color-6);
	overflow: hidden
}

.experience__area-shape {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1
}

.experience__area-image {
	position: relative;
	display: flex;
	gap: 30px
}

.experience__area-image-shape {
	position: absolute;
	left: 0;
	bottom: 0
}

.experience__area-right {
	margin-left: 95px
}

.experience__area-right-title h2 {
	margin-bottom: 30px
}

.experience__area-right-skill {
	margin-top: 30px
}

.experience__area-right-skill-item-content {
	position: relative
}

.experience__area-right-skill-item-content .text-two {
	font-weight: 700
}

.experience__area-right-skill-item-count {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500
}

.experience__area-right-skill-item-bar {
	height: 10px;
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	background: var(--primary-color-1);
	transition: all 3.5s ease-out 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%)
}

.experience__area-right-skill-item-inner {
	width: 100%;
	height: 10px;
	position: relative;
	background: var(--border-color-2);
	-webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
	margin-top: 8px
}

.experience__area-right .btn-two {
	background: var(--color-6);
	margin-top: 50px;
	color: var(--text-heading-color)
}

.experience__area-right .btn-two:hover {
	color: var(--text-white)
}

@media(max-width:1399px) {
	.experience__area-right {
		margin-left: 30px
	}

	.experience__area-right-title {
		margin-bottom: 35px
	}

	.experience__area-right-title h2 {
		margin-bottom: 23px
	}

	.experience__area-right .btn-two {
		margin-top: 45px
	}
}

@media(max-width:1199px) {
	.experience__area-right {
		margin-left: 0
	}
}

.subscribe__area {
	position: relative;
	margin-bottom: 100px
}

.subscribe__area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45%;
	background: var(--bg-white)
}

.subscribe__area-bg {
	position: relative;
	z-index: 1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 75px 70px;
	overflow: hidden;
	margin: 0
}

.subscribe__area-bg::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bg-heading-color);
	opacity: .7;
	z-index: -1
}

.subscribe__area-bg::after {
	content: "";
	position: absolute;
	width: 303px;
	height: 303px;
	border-radius: 50%;
	bottom: -155px;
	left: -10px;
	background: var(--primary-color-2);
	mix-blend-mode: overlay;
	z-index: -1;
	animation-name: left-right2;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.subscribe__area-bg.all-page::after {
	background: var(--primary-color-1)
}

.subscribe__area-left h2 {
	color: var(--text-white);
	margin-bottom: 20px
}

.subscribe__area-left-notification {
	display: flex;
	align-items: center;
	gap: 40px
}

.subscribe__area-left-notification h6 {
	color: var(--text-white);
	max-width: 113px
}

.subscribe__area-left-notification-icon i {
	color: var(--primary-color-2);
	background: var(--bg-white);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	font-size: 18px
}

.subscribe__area-left-notification-icon.all-page i {
	color: var(--primary-color-1)
}

.subscribe__area-form {
	margin-left: 130px
}

.subscribe__area-form form {
	position: relative
}

.subscribe__area-form form input {
	border: 0;
	height: 70px;
	border-radius: 35px;
	color: var(--color-3);
	padding-left: 30px
}

.subscribe__area-form form button {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 35px;
	background: var(--primary-color-2);
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	height: 70px;
	padding-left: 46px;
	padding-right: 46px;
	text-transform: uppercase
}

.subscribe__area-form.all-page button {
	background: var(--primary-color-1)
}

.subscribe {
	background: var(--primary-color-3)
}

.subscribe-title {
	position: relative;
	z-index: 1;
	padding: 60px 0
}

.subscribe-title::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/icon/envelop.png");
	background-repeat: no-repeat;
	opacity: .07;
	z-index: -1
}

.subscribe-title h2 {
	color: var(--text-white)
}

.subscribe-form {
	margin-left: 50px
}

.subscribe-form form {
	position: relative
}

.subscribe-form form input {
	height: 70px;
	color: var(--color-3)
}

.subscribe-form form input:focus {
	border-color: var(--bg-white)
}

.subscribe-form form .btn-seven {
	position: absolute;
	top: 5px;
	right: 5px;
	background: var(--primary-color-3);
	font-weight: 700;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	padding: 17px 20px;
	border-radius: 4px
}

@media(max-width:1199px) {
	.subscribe__area-form {
		margin-left: 20px
	}

	.subscribe__area-bg {
		padding: 65px 20px
	}
}

@media(max-width:991px) {
	.subscribe__area-form {
		margin-left: 0
	}

	.subscribe__area-bg::after {
		left: 20%
	}

	.subscribe__area-left h2 {
		text-align: center
	}

	.subscribe__area-left-notification {
		justify-content: center
	}

	.subscribe {
		padding-bottom: 50px
	}

	.subscribe-title {
		text-align: center;
		padding-top: 50px;
		padding-bottom: 30px
	}

	.subscribe-form {
		margin-left: 0
	}
}

@media(max-width:550px) {
	.subscribe__area-bg {
		padding: 50px 5px
	}

	.subscribe__area-form form input {
		height: 60px;
		padding-left: 10px;
		padding-right: 128px;
		border-radius: 30px
	}

	.subscribe__area-form form button {
		border-radius: 30px;
		height: 60px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 500
	}
}

.blog__one-item {
	position: relative;
	z-index: 2
}

.blog__one-item-image {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.blog__one-item-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 0;
	display: block;
	content: "";
	width: 30%;
	height: 100%;
	transform: skewX(-25deg);
	background: var(--text-white);
	opacity: .4;
	z-index: 1
}

.blog__one-item-image img {
	width: 100%;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)
}

.blog__one-item-image img:hover {
	transform: scale3d(1.1, 1.1, 1.1)
}

.blog__one-item-image-date {
	position: absolute;
	right: 30px;
	bottom: 30px;
	background: var(--primary-color-1);
	display: inline-block;
	border-radius: 6px;
	padding: 10px 16px;
	text-align: center
}

.blog__one-item-image-date span {
	color: var(--text-white);
	display: block
}

.blog__one-item-image-date .text-three {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	padding-bottom: 6px;
	margin-bottom: 6px
}

.blog__one-item-image-date .text-three::before {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background: var(--text-white);
	opacity: .2;
	width: 30px;
	height: 2px
}

.blog__one-item-image-date .text-five {
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600
}

.blog__one-item-content {
	padding: 17px 40px 40px 40px;
	border: 1px solid var(--color-10);
	border-top: 0;
	transition: .4s
}

.blog__one-item-content-meta {
	border-bottom: 1px solid var(--color-10);
	padding-bottom: 16px;
	margin-bottom: 15px
}

.blog__one-item-content-meta ul {
	padding: 0;
	margin: 0
}

.blog__one-item-content-meta ul li {
	padding: 0;
	display: inline-block;
	list-style: none;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid var(--color-10);
	color: var(--color-2);
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Rubik', sans-serif
}

.blog__one-item-content-meta ul li:last-child {
	margin: 0;
	padding: 0;
	border: 0
}

.blog__one-item-content-meta ul li a {
	transition: .4s
}

.blog__one-item-content-meta ul li a i {
	color: var(--primary-color-1);
	margin-right: 10px;
	font-size: 18px
}

.blog__one-item-content-meta ul li a:hover {
	color: var(--primary-color-1)
}

.blog__one-item-content h4 {
	margin-bottom: 15px
}

.blog__one-item-content h4 a {
	transition: .4s
}

.blog__one-item-content h4 a:hover {
	color: var(--primary-color-1)
}

.blog__one-item:hover .blog__one-item-image::before {
	animation: animation .95s
}

.blog__one-item:hover .blog__one-item-content {
	box-shadow: var(--box-shadow-1)
}

.blog__one .btn-two {
	background: var(--bg-white);
	color: var(--text-heading-color)
}

.blog__one .btn-two:hover {
	color: var(--text-white)
}

.blog__two .btn-six::before {
	background: var(--primary-color-2)
}

.blog__two .btn-six:hover {
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.blog__two-item {
	position: relative;
	z-index: 2;
	margin-bottom: 25px;
}

.blog__two-item-image {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 10px 10px 0 0
}

.blog__two-item-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 0;
	display: block;
	content: "";
	width: 30%;
	height: 100%;
	transform: skewX(-25deg);
	background: var(--text-white);
	opacity: .4;
	z-index: 1
}

.blog__two-item-image img {
	width: 100%;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transform: scale(1.02);
	object-fit: cover;
    height: 200px;
}

.blog__two-item-image img:hover {
	transform: scale3d(1.1, 1.1, 1.1)
}

.blog__two-item-image-date {
	position: absolute;
	left: 20px;
	bottom: 20px;
	background: var(--primary-color-2);
	display: inline-block;
	border-radius: 6px;
	padding: 8px 10px 4px 10px;
	text-align: center
}

.blog__two-item-image-date span {
	color: #3B4352
}

.blog__two-item-image-date .text-three {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	margin-right: 10px;
	padding-right: 15px
}

.blog__two-item-image-date .text-three::before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: var(--text-white);
	opacity: .4;
	width: 1px;
	height: 20px
}

.blog__two-item-image-date .text-five {
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	bottom: 3px
}

.blog__two-item-content {
	padding: 17px 40px 40px 40px;
	background: var(--bg-white);
	box-shadow: var(--box-shadow-1)
}

.blog__two-item-content-meta {
	border-bottom: 1px solid var(--color-10);
	padding-bottom: 16px;
	margin-bottom: 15px
}

.blog__two-item-content-meta ul {
	padding: 0;
	margin: 0
}

.blog__two-item-content-meta ul li {
	padding: 0;
	display: inline-block;
	list-style: none;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid var(--color-10);
	color: var(--color-2);
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Rubik', sans-serif
}

.blog__two-item-content-meta ul li:last-child {
	margin: 0;
	padding: 0;
	border: 0
}

.blog__two-item-content-meta ul li a {
	transition: .4s
}

.blog__two-item-content-meta ul li a i {
	color: var(--primary-color-2);
	margin-right: 10px;
	font-size: 18px
}

.blog__two-item-content-meta ul li a:hover {
	color: var(--primary-color-2)
}

.blog__two-item-content h4 {
	margin-bottom: 15px
}

.blog__two-item-content h4 a {
	transition: .4s
}

.blog__two-item-content h4 a:hover {
	color: var(--primary-color-2)
}

.blog__two-item-content .btn-six {
	margin-top: 15px;
	border-color: var(--color-4);
	color: var(--text-heading-color);
	font-size: 14px;
	line-height: 24px;
	border-radius: 22px;
	padding: 9px 24px 8px 24px
}

.blog__two-item-content .btn-six::before {
	background: var(--primary-color-2)
}

.blog__two-item-content .btn-six:hover {
	color: var(--text-white);
	border-color: var(--primary-color-2)
}

.blog__two-item:hover .blog__two-item-image::before {
	animation: animation .95s
}

.blog__two-item.page .blog__two-item-image-date {
	background: var(--primary-color-1)
}

.blog__two-item.page .blog__two-item-content-meta ul li a i {
	color: var(--primary-color-1)
}

.blog__two-item.page .blog__two-item-content-meta ul li a:hover {
	color: var(--primary-color-1)
}

.blog__two-item.page .blog__two-item-content h4 a:hover {
	color: var(--primary-color-1)
}

.blog__two-item.page .blog__two-item-content .btn-six::before {
	background: var(--primary-color-1)
}

.blog__two-item.page .blog__two-item-content .btn-six:hover {
	border-color: var(--primary-color-1)
}

.blog__three-item {
	position: relative;
	z-index: 2
}

.blog__three-item-image {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.blog__three-item-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 0;
	display: block;
	content: "";
	width: 30%;
	height: 100%;
	transform: skewX(-25deg);
	background: var(--text-white);
	opacity: .4;
	z-index: 1
}

.blog__three-item-image img {
	width: 100%;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)
}

.blog__three-item-image img:hover {
	transform: scale3d(1.1, 1.1, 1.1)
}

.blog__three-item-content {
	padding: 20px 30px 30px 30px;
	background: var(--bg-white);
	box-shadow: var(--box-shadow-1);
	margin: 0 30px;
	border-radius: 4px;
	margin-top: -80px;
	margin-bottom: 49px;
	position: relative;
	transition: .6s;
	z-index: 1
}

.blog__three-item-content::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 4px;
	background: var(--primary-color-3);
	border-radius: 6px 0 0 0;
	transition: .6s
}

.blog__three-item-content-meta {
	border-bottom: 1px solid var(--color-10);
	padding-bottom: 16px;
	margin-bottom: 17px
}

.blog__three-item-content-meta ul {
	padding: 0;
	margin: 0
}

.blog__three-item-content-meta ul li {
	padding: 0;
	display: inline-block;
	list-style: none;
	margin-right: 30px;
	color: var(--color-2);
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Rubik', sans-serif
}

.blog__three-item-content-meta ul li:last-child {
	margin: 0
}

.blog__three-item-content-meta ul li a {
	transition: .4s
}

.blog__three-item-content-meta ul li a i {
	color: var(--primary-color-3);
	margin-right: 10px;
	font-size: 18px
}

.blog__three-item-content-meta ul li a:hover {
	color: var(--primary-color-3)
}

.blog__three-item-content h4 a {
	transition: .4s
}

.blog__three-item-content h4 a:hover {
	color: var(--primary-color-3)
}

.blog__three-item-content-btn {
	margin-top: -28px;
	opacity: 0;
	position: relative;
	z-index: -1;
	transition: .6s
}

.blog__three-item-content-btn .simple-btn-1 {
	color: var(--primary-color-3)
}

.blog__three-item-content-btn .simple-btn-1:hover {
	color: var(--text-heading-color)
}

.blog__three-item:hover .blog__three-item-image::before {
	animation: animation .95s
}

.blog__three-item.blog__three-item-hover .blog__three-item-content {
	margin-bottom: 0
}

.blog__three-item.blog__three-item-hover .blog__three-item-content::after {
	height: 100%;
	border-radius: 6px 0 0 6px
}

.blog__three-item.blog__three-item-hover .blog__three-item-content-btn {
	opacity: 1;
	margin-top: 20px;
	z-index: 1
}

.news__details-left {
	padding: 0 10px
}

.news__standard h6 {
	font-size: 20px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	color: var(--text-heading-color);
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	margin-bottom: 5px
}

.news__standard p {
	margin-bottom: 15px
}

.news__details-left-meta {
	padding-bottom: 0
}

.news__details-left-meta ul {
	padding: 0;
	margin: 0
}

.news__details-left-meta ul li {
	padding: 0;
	display: inline-block;
	list-style: none;
	margin-right: 30px;
	color: var(--color-2);
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Rubik', sans-serif
}

.news__details-left-meta ul li:last-child {
	margin: 0
}

.news__details-left-meta ul li a {
	transition: .4s
}

.news__details-left-meta ul li a i {
	color: var(--primary-color-1);
	margin-right: 10px;
	font-size: 18px
}

.news__details-left-meta ul li a:hover {
	color: var(--primary-color-1)
}

.news__details-left-meta-date {
	background: var(--primary-color-1);
	display: inline-block;
	border-radius: 6px;
	padding: 13px 20px 10px 20px;
	text-align: center
}

.news__details-left-meta-date span {
	color: var(--text-white)
}

.news__details-left-meta-date .text-three {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	margin-right: 10px;
	padding-right: 15px
}

.news__details-left-meta-date .text-three::before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: var(--text-white);
	opacity: .4;
	width: 1px;
	height: 20px
}

.news__details-left-meta-date .text-five {
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	bottom: 3px
}

.news__details-left-box {
	text-align: center;
	margin: 30px 0;
	background: var(--color-6);
	padding: 40px;
	position: relative;
	z-index: 1
}

.news__details-left-box-shape {
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	max-width: 110px;
	z-index: -1;
	opacity: .1
}

.news__details-left-box p {
	color: var(--text-heading-color);
	font-weight: 500;
	font-size: 18px;
	line-height: 34px;
	max-width: 670px;
	margin: 0 auto;
	margin-bottom: 30px
}

.news__details-left-box span {
	color: var(--primary-color-1);
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	font-family: 'Rubik', sans-serif
}

.news__details-left-tag h6 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px
}

.news__details-left-tag ul {
	padding: 0;
	margin: 0;
	margin-left: -3px;
	margin-top: -1px
}

.news__details-left-tag ul li {
	display: inline-block;
	list-style: none
}

.news__details-left-tag ul li a {
	transition: .4s;
	border: 1px solid var(--border-color-3);
	margin: 1px 3px;
	overflow: hidden;
	padding: 4px 20px 5px 20px;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	border-radius: 4px
}

.news__details-left-tag ul li a:hover {
	color: var(--text-white);
	background: var(--primary-color-1);
	border-color: var(--primary-color-1)
}

.news__details-left-share h6 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px
}

.news__details-left-share ul {
	padding: 0;
	margin: 0
}

.news__details-left-share ul li {
	list-style: none;
	display: inline-block;
	margin-right: 8px
}

.news__details-left-share ul li:last-child {
	margin: 0
}

.news__details-left-share ul li a i {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: var(--color-6);
	font-size: 12px;
	border-radius: 50%;
	color: var(--text-heading-color);
	transition: .4s
}

.news__details-left-share ul li a i:hover {
	background: var(--primary-color-1);
	color: var(--text-white)
}

.news__details-left-comment-item {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--border-color-2)
}

.news__details-left-comment-item-comment-image {
	float: left
}

.news__details-left-comment-item-comment-image img {
	max-width: 80px;
	width: 80px;
	height: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.news__details-left-comment-item-comment-content {
	padding-left: 30px;
	overflow: hidden
}

.news__details-left-comment-item-comment-content span {
	font-size: 14px;
	margin-bottom: 15px;
	display: inline-block
}

.news__details-left-comment-item-comment-content h6 {
	font-size: 18px;
	line-height: 28px
}

.news__details-left-comment-item-comment-content h6 a {
	float: right;
	transition: .4s;
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: var(--text-heading-color);
	border: 1px solid var(--border-color-1);
	padding: 7px 18px;
	border-radius: 4px
}

.news__details-left-comment-item-comment-content h6 a i {
	margin-right: 10px
}

.news__details-left-comment-item-comment-content h6 a:hover {
	color: var(--text-white);
	background: var(--primary-color-1);
	border-color: var(--primary-color-1)
}

.news__details-left-comment-item-comment-content p {
	max-width: 580px
}

.news__details-left-contact-form-item input {
	background: transparent
}

.news__details-left-contact-form-item textarea {
	height: 220px;
	background: transparent
}

.news__details-pagination {
	padding: 40px 0;
	border-top: 1px solid var(--border-color-1);
	border-bottom: 1px solid var(--border-color-1);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center
}

.news__details-pagination-item a {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.news__details-pagination-item a h6 {
	transition: .4s
}

.news__details-pagination-item a:hover h6 {
	color: var(--primary-color-1)
}

.news__details-pagination-item a:hover i {
	color: var(--primary-color-1)
}

.news__details-pagination-item-left {
	display: flex;
	align-items: center;
	gap: 20px
}

.news__details-pagination-item-icon {
	text-align: center;
	padding: 20px 40px;
	max-width: 110px;
	margin: 0 auto;
	border-left: 1px solid var(--border-color-1);
	border-right: 1px solid var(--border-color-1)
}

.news__standard-left-item-image {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.news__standard-left-item-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 0;
	display: block;
	content: "";
	width: 30%;
	height: 100%;
	transform: skewX(-25deg);
	background: var(--text-white);
	opacity: .4;
	z-index: 1
}

.news__standard-left-item-image img {
	width: 100%;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)
}

.news__standard-left-item-image img:hover {
	transform: scale3d(1.1, 1.1, 1.1)
}

.news__standard-left-item-image:hover::before {
	animation: animation .95s
}

.news__standard-left-item-content {
	padding: 40px;
	box-shadow: var(--box-shadow-1)
}

.news__standard-left-item-content-meta {
	margin-bottom: 15px
}

.news__standard-left-item-content-meta ul {
	padding: 0;
	margin: 0
}

.news__standard-left-item-content-meta ul li {
	display: inline-block;
	margin-right: 30px;
	list-style: none
}

.news__standard-left-item-content-meta ul li:last-child {
	margin: 0
}

.news__standard-left-item-content-meta ul li a {
	transition: .4s
}

.news__standard-left-item-content-meta ul li a i {
	color: var(--primary-color-1);
	margin-right: 10px
}

.news__standard-left-item-content-meta ul li a:hover {
	color: var(--primary-color-1)
}

.news__standard-left-item-content h3 a {
	transition: .4s
}

.news__standard-left-item-content h3 a:hover {
	color: var(--primary-color-1)
}

.news__standard-left-item-content p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px
}

.news__standard-left-item-content h3 {
	font-size: 28px;
	line-height: 30px;
	padding: 0;
	margin-bottom: 20px;
	color: var(--text-heading-color);
	font-family: "Montserrat", sans-serif;
	font-weight: 700
}

@media(max-width:1399px) {
	.blog__one-item-content {
		padding: 17px 30px 30px 30px
	}

	.blog__one-item-content-meta ul li {
		padding-right: 20px;
		margin-right: 20px
	}

	.blog__three-item-content {
		margin: 0 20px;
		margin-top: -80px;
		margin-bottom: 49px
	}

	.blog__three-item-content-meta ul li {
		margin-right: 20px
	}

	.blog__two-item-content {
		padding: 17px 30px 30px 30px
	}

	.blog__two-item-content-meta ul li {
		padding-right: 20px;
		margin-right: 20px
	}
}

@media(max-width:1199px) {
	.news__standard-left-item-content {
		padding: 40px 30px
	}

	.news__standard-left-item-content h3 {
		font-size: 28px;
		line-height: 38px
	}

	.news__details-left {
		padding: 40px 25px
	}

	.news__details-pagination-item a h6 {
		font-size: 16px;
		line-height: 26px
	}

	.news__details-pagination-item-left {
		gap: 15px
	}

	.news__details-pagination-item-left img {
		width: 70px;
		height: 70px;
		max-width: 70px;
		-o-object-fit: cover;
		object-fit: cover
	}
}

@media(max-width:767px) {
	.news__details-pagination {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px
	}

	.news__details-pagination-item.center {
		display: none
	}

	.about__three p {
		padding: 0
	}

	

	
}

@media(max-width:575px) {
	.blog__three-item-content {
		margin: 0 10px;
		margin-top: -80px;
		margin-bottom: 49px
	}

	.news__standard-left-item-content {
		padding: 30px 25px
	}

	.news__standard-left-item-content h3 {
		font-size: 22px;
		line-height: 32px
	}

	.news__standard-left-item-content-meta ul li {
		margin-right: 15px
	}

	.news__details-left {
		padding: 30px 20px
	}

	.news__details-left-comment-item {
		margin-left: 0
	}

	.news__details-left-comment-item-comment-image {
		float: initial;
		margin-bottom: 20px
	}

	.news__details-left-comment-item-comment-content {
		padding-left: 0
	}
}

@media(max-width:440px) {
	.news__details-left-box {
		padding: 40px 30px
	}

	.news__details-left-box p {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 20px
	}

	.news__details-pagination {
		display: block
	}

	.news__details-pagination-item {
		margin-bottom: 20px
	}

	.news__details-pagination-item:last-child {
		margin: 0
	}
}

@media(max-width:359px) {
	.blog__one-item-content {
		padding: 17px 25px 25px 25px
	}

	.blog__one-item-content-meta ul li {
		padding-right: 12px;
		margin-right: 0;
		border: 0
	}

	.blog__three-item-content {
		padding: 20px 22px 30px 22px
	}

	.blog__three-item-content-meta ul li {
		margin-right: 5px
	}

	.blog__three-item-content-meta ul li a i {
		margin-right: 8px
	}

	.news__details-left-meta ul li {
		margin-right: 16px
	}
}



.get .btn-one,
.btn-two,
.btn-three,
.btn-four,
.btn-five,
.btn-six,
.btn-seven,
.btn-eight,
.btn-nine {
	background: #ffd000;
	color: #3B4352;
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	line-height: 26px;
	padding: 12px 40px;
	text-align: center;
	font-weight: 700;
	z-index: 3;
	position: relative;
	transition: .4s;
	text-transform: uppercase;
	overflow: hidden;
	border-radius: 10px;
	top: 26px;
}

.get .btn-one:hover,
.btn-two:hover,
.btn-three:hover,
.btn-four:hover,
.btn-five:hover,
.btn-six:hover,
.btn-seven:hover,
.btn-eight:hover,
.btn-nine:hover {
	color: #fff !important
}

.all__sidebar {
	position: sticky;
	top: 40px
}

.all__sidebar-item {
	padding: 25px;
	background: var(--color-6);
	border: 1px solid var(--border-color-4);
	margin-bottom: 30px
}

.all__sidebar-item:last-child {
	margin: 0
}

.all__sidebar-item h4 {
	margin-bottom: 10px
}

.all__sidebar-item-search form {
	display: flex;
	position: relative
}

.all__sidebar-item-search form input {
	border-color: var(--bg-white)
}

.all__sidebar-item-search form button {
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	border-radius: 0 6px 6px 0
}

.all__sidebar-item-post .post__item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border-color-3)
}

.all__sidebar-item-post .post__item:last-child {
	margin: 0;
	padding: 0;
	border: 0
}

.all__sidebar-item-post .post__item-image img {
	width: 90px;
	height: 90px;
	max-width: 90px;
	border-radius: 0
}

.all__sidebar-item-post .post__item-title h6 a {
	color: var(--text-heading-color)
}

.all__sidebar-item-post .post__item-title h6 a:hover {
	color: var(--primary-color-1)
}

.all__sidebar-item-post .post__item-title span {
	color: var(--color-2)
}

.all__sidebar-item-post .post__item-title span i {
	color: var(--primary-color-1)
}

.all__sidebar-item-tag ul {
	padding: 0;
	margin: 0;
	margin-left: -3px;
	margin-top: -1px
}

.all__sidebar-item-tag ul li {
	display: inline-block;
	list-style: none
}

.all__sidebar-item-tag ul li a {
	transition: .4s;
	border: 1px solid var(--border-color-3);
	margin: 1px 3px;
	overflow: hidden;
	padding: 4px 20px 5px 20px;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	border-radius: 4px
}

.all__sidebar-item-tag ul li a:hover {
	color: var(--text-white);
	background: var(--primary-color-1);
	border-color: var(--primary-color-1)
}

.all__sidebar-item-solution ul {
	padding: 0;
	margin: 0
}

.all__sidebar-item-solution ul li {
	list-style: none
}

.all__sidebar-item-solution ul li .active {
	color: var(--text-white);
	background: var(--primary-color-1);
	border-color: var(--primary-color-1);
	padding-left: 20px
}

.all__sidebar-item-solution ul li .active i {
	opacity: 1;
	margin-left: 0
}

.all__sidebar-item-solution ul li a {
	display: block;
	transition: all .4s ease-out 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	padding: 10px 20px;
	padding-left: 0;
	border-bottom: 1px solid var(--border-color-3);
	overflow: hidden;
	border-radius: 0
}

.all__sidebar-item-solution ul li a i {
	font-size: 14px;
	margin-right: 10px;
	opacity: 0;
	margin-left: -20px;
	transition: all .4s ease-out 0
}

.all__sidebar-item-solution ul li a span {
	float: right;
	position: relative;
	top: 5px;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px
}

.all__sidebar-item-solution ul li a:hover {
	color: var(--text-white);
	background: var(--primary-color-1);
	border-color: var(--primary-color-1);
	padding-left: 20px
}

.all__sidebar-item-solution ul li a:hover i {
	opacity: 1;
	margin-left: 0
}

.all__sidebar-item-solution ul li:last-child a {
	margin-bottom: 0
}

.all__sidebar-item-download ul {
	padding: 0;
	margin: 0
}

.all__sidebar-item-download ul li {
	list-style: none
}

.all__sidebar-item-download ul li a {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px;
	background: var(--bg-white);
	padding: 15px 20px;
	overflow: hidden;
	border-radius: 6px
}

.all__sidebar-item-download ul li a i {
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: var(--primary-color-1);
	text-align: center;
	border-radius: 4px;
	color: var(--text-white)
}

.all__sidebar-item-download ul li a img {
	margin-right: 18px;
	padding-right: 10px;
	border-right: 1px solid var(--border-color-1)
}

.all__sidebar-item-download ul li:last-child a {
	margin: 0
}

.all__sidebar-help-image-content {
	box-shadow: var(--box-shadow-1);
	padding: 30px;
	margin: 0 40px;
	margin-top: -190px;
	background: var(--bg-white);
	position: relative;
	text-align: center
}

.all__sidebar-help-image-content h4 {
	margin-top: 6px;
	margin-bottom: 26px
}

.all__sidebar-contact {
	position: relative;
	z-index: 1;
	text-align: center;
	overflow: hidden
}

.all__sidebar-contact-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 40px;
	padding-bottom: 50px;
	width: 100%;
	z-index: 1
}

.all__sidebar-contact-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--primary-color-1);
	-webkit-clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 101% 50%, 100% 100%, 0 100%);
	height: 100%;
	z-index: -1
}

.all__sidebar-contact-content::after {
	content: "";
	position: absolute;
	height: 200px;
	width: 200px;
	right: -80px;
	bottom: -80px;
	background: rgba(255, 255, 255, 0.09);
	border-radius: 50%
}

.all__sidebar-contact-content-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	background: var(--bg-white);
	margin: 0 auto;
	margin-bottom: 45px
}

.all__sidebar-contact-content h3 {
	color: #3B4352;
	margin-bottom: 10px
}

.all__sidebar-contact-content .simple-btn-2 {
	color: #3B4352
}

.post__item {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px
}

.post__item:last-child {
	margin: 0
}

.post__item-image img {
	width: 80px;
	height: 80px;
	max-width: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.post__item-title span {
	color: var(--color-9);
	font-weight: 500;
	font-size: 12px;
	line-height: 14px
}

.post__item-title span i {
	color: var(--primary-color-2);
	margin-right: 10px;
	font-size: 16px
}

.post__item-title h6 {
	font-size: 16px;
	line-height: 20px;
	max-width: 234px
}

.post__item-title h6 a {
	color: var(--text-white);
	transition: .4s
}

.post__item-title h6 a:hover {
	color: var(--primary-color-2)
}

.theme__pagination ul {
	margin: 0;
	padding: 0;
	margin-left: -5px
}

.theme__pagination ul li {
	list-style: none;
	display: inline-block;
	margin: 5px
}

.theme__pagination ul li .active {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.theme__pagination ul li a {
	font-family: "Montserrat", sans-serif;
	border: 1px solid var(--border-color-1);
	display: block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: 800;
	font-size: 16px;
	transition: .4s
}

.theme__pagination ul li a:hover {
	background: var(--primary-color-1);
	color: var(--text-white);
	border-color: var(--primary-color-1)
}

.theme__pagination ul li a i {
	font-size: 14px
}

@media(max-width:1399px) {
	.all__sidebar-item {
		padding: 25px 30px
	}

	.all__sidebar-item-post .post__item {
		gap: 20px
	}

	.all__sidebar-item-post .post__item-image img {
		width: 85px;
		height: 85px;
		max-width: 85px
	}

	.all__sidebar-item-post .post__item .post__item-title h6 {
		font-size: 16px
	}

	.all__sidebar-item-tag ul li a {
		padding: 4px 15px 5px 15px
	}

	.all__sidebar-contact-content {
		padding: 40px 30px;
		padding-bottom: 50px
	}

	.all__sidebar-help-image-content {
		margin: 0 25px;
		margin-top: -170px
	}
}

@media(max-width:1199px) {
	.all__sidebar-item {
		padding: 35px 25px
	}

	.all__sidebar-item-solution ul li {
		list-style: none
	}

	.all__sidebar-item-solution ul li .active {
		padding-left: 15px
	}

	.all__sidebar-item-solution ul li a {
		padding: 16px 15px
	}

	.all__sidebar-item-solution ul li a i {
		margin-right: 8px;
		margin-left: -15px
	}

	.all__sidebar-item-solution ul li a:hover {
		padding-left: 15px
	}

	.all__sidebar-item-post .post__item {
		gap: 15px
	}

	.all__sidebar-item-post .post__item-image img {
		width: 70px;
		height: 70px;
		max-width: 70px
	}

	.all__sidebar-item-post .post__item .post__item-title h6 {
		font-size: 16px
	}

	.all__sidebar-item-tag ul li a {
		padding: 4px 10px 5px 10px
	}

	.all__sidebar-item-download ul li a {
		padding: 15px
	}

	.all__sidebar-item-download ul li a i {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 14px
	}

	.all__sidebar-item-download ul li a img {
		margin-right: 10px
	}

	.all__sidebar-contact-content {
		padding: 40px 25px;
		padding-bottom: 50px
	}

	.all__sidebar-contact-content-icon {
		margin-bottom: 35px
	}

	.all__sidebar-contact-content h3 {
		font-size: 27px;
		line-height: 37px
	}

	.all__sidebar-help-image-content {
		padding: 30px 20px
	}

	.post__item {
		gap: 20px
	}

	.post__item-title h6 {
		font-size: 17px;
		line-height: 27px
	}
}

.page__banner {
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 110px;
	padding-bottom: 160px;
	overflow: hidden
}

.page__banner::after {
	content: "";
	position: absolute;
	background-image: url("../img/shape/page-banner-bg.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -2
}

.page__banner-content ul {
	padding: 0;
	margin: 0
}

.page__banner-content ul li {
	display: inline-block;
	list-style: none;
	color: var(--primary-color-1);
	font-weight: 700
}

.page__banner-content ul li a {
	color: var(--text-white);
	margin-right: 15px;
	transition: .4s
}

.page__banner-content ul li a:hover {
	color: var(--primary-color-1)
}

.page__banner-content ul li span {
	margin-right: 15px;
	color: var(--text-white)
}

.page__banner-content h1 {
	color: var(--text-white);
	font-size: 70px;
	line-height: 80px;
	margin-top: 10px
}

.page__banner-content>span {
	color: var(--text-white);
	display: block;
	font-weight: 700;
	font-size: 120px;
	line-height: 144px;
	opacity: .08;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	margin: 0 0 -80px 0;
	position: relative;
	z-index: -1;
	text-transform: uppercase;
	font-family: 'Rubik', sans-serif
}

.error-page {
	text-align: center
}

.error-page h2 {
	margin: 40px 0 30px 0
}

.error-page p {
	margin-bottom: 35px
}

@media(max-width:1599px) {
	.page__banner::after {
		left: -140px
	}
}

@media(max-width:991px) {
	.page__banner::after {
		left: -220px;
		width: 125%
	}
}

@media(max-width:767px) {
	.page__banner::after {
		background-image: none;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--bg-heading-color)
	}

	.page__banner-content h1 {
		font-size: 60px;
		line-height: 70px
	}

	.page__banner-content>span {
		font-size: 90px;
		line-height: 102px;
		margin: 0 0 -60px 0
	}
}

@media(max-width:480px) {
	.page__banner {
		padding: 155px 0
	}

	.page__banner-content h1 {
		font-size: 45px;
		line-height: 55px
	}

	.page__banner-content>span {
		font-size: 68px;
		line-height: 80px
	}
}

@media(max-width:359px) {
	.page__banner-content h1 {
		font-size: 38px;
		line-height: 48px
	}

	.page__banner-content>span {
		font-size: 58px;
		line-height: 60px
	}
}

.blog-content {position: relative}
.blog-content img {border-radius: 10px}
.blog-content::after {position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: var(--bg-heading-color);opacity: .85;z-index: -2}
.icon-box {height: 200px;padding: 0px 0px 0px 20px;}
.f10 {font-size: 6px;position: relative;top: -2px}
.f111 {font-size: 6px;position: relative;top: -4px}
.d-hide {display: none}
.m-hide {display: block}

@media(max-width:767px) {
.icon-box {height: 340px !important;padding: 0px 15px 0px;}
.works-section .works-list-ul li {font-size: 18px !important;color: #999898;padding: 0 0 !important}
.d-hide {display: block}
.m-hide {display: none !important}
}

.works-section .works-list-ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 20px 10px;margin: 30px 0 20px;-webkit-transform: all .5s ease;transform: all .5s ease;padding: 0}

@media only screen and (max-width:530px) {
.works-section .works-list-ul {-ms-flex-wrap: wrap;flex-wrap: wrap}
.ab1 {font-size: 16px;line-height: 24px;padding: 0;margin: 20px 0 15px !important;font-weight: 400}
.rk {padding-top: 0 !important}
}

.home-h ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 20px 10px;margin: 30px 0 20px;-webkit-transform: all .5s ease;transform: all .5s ease;padding: 0px 0 20px;}
.home-h li {font-weight: 300;font-size: 20px;line-height: 22px;color: #3B4352;cursor: pointer;list-style: none;padding: 0 5px;display: inline}
.home-h li:first-child {list-style: none}
.home-h li:hover {color: #ffd500}
.home-h li.active {color: #ffd500}
.footer__term ul {padding: 0;list-style: none;margin-bottom: 0;margin-top: 15px}
.footer__term ul li {transition: .4s;position: relative;font-weight: 300;display: inline;font-size: 14px}
.footer__term ul li a:hover {color: #ffd500}
.footer__term ul li a {padding: 0 8px}

@media only screen and (max-width:530px) {
.home-h ul {display: block;gap: 20px 10px;padding: 0;text-align: center}
.home-h li {line-height: 30px}
.footer__three-widget-about ul li a {padding: 0 8px}
.footer__term ul {margin: 0;padding: 0}
.footer__term ul li {transition: .4s;position: relative;font-weight: 300;display: inline;font-size: 13px}
.footer__term ul li a {padding: 0 8px}
.conbix-contact-item {position: relative;margin-bottom: 10px}
}

.home-h-in ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 20px 10px;margin: 30px 0 20px;-webkit-transform: all .5s ease;transform: all .5s ease;padding: 0}
.home-h-in li {font-weight: 300;font-size: 20px;line-height: 22px;color: #bababa;cursor: pointer;list-style: none;padding: 0 5px;display: inline}
.home-h-in li:first-child {list-style: none}
.home-h-in li:hover {color: #ffd500}
.home-h-in li.active {color: #ffd500}
.ab {font-size: 15px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 500;text-transform: none}
.ab1 {font-size: 16px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 500;text-transform: none}
.rk ul {padding: 0;margin: 20px 0 20px 20px}
.rk ul li {padding: 0;line-height: 26px;font-weight: 300;text-transform: none}
.features {padding: 70px 0}
.features img {padding: 5px}
.features .portfolio__area-title p {line-height: 26px;font-weight: 300}
.features p {font-size: 15px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 500;text-transform: none}
.features .icon {width: 60px;height: 60px}
.accordion-rk {display: none}
.welcome {display: none}
.logo{padding:12px 0px 0px}
@media(max-width:767px) {
.welcome {display: block;padding: 0 16px;text-align: left;font-size: 18px;font-weight: 300;text-transform: none;line-height: 20px}
.section-padding-in {padding: 0 0 15px}
.accordion-rk {display: block}
.features .pt-5 {padding-top: 2rem !important}
.header {display: block;width: 100%;padding: 10px 0px 10px;position: fixed;top: -1px;}
.header__sticky-sticky-menu {position: fixed;left: 0;top: -1px;right: 0;z-index: 999;width: 100%;box-shadow: var(--box-shadow-1);transition: all 900ms ease;background: var(--bg-white);display: block;padding: 10px 0px 10px;}
.rkemail {font-size: 18px;padding: 0 30px}
.rkemail p {font-size: 20px;padding-bottom: 10px;color: #3B4352}
.rkmenu .menu {padding: 15px 0 200px}
.rkmenu ul li {cursor: pointer;display: block;padding: 5px 5px 0 5px;color: #3B4352;font-size: 35px;font-weight: 700;position: relative;text-transform: uppercase}
.rkmenu ul li a {font-size: 18px;line-height: 30px;padding-bottom: 5px;font-weight: 600;list-style: none;text-transform: uppercase;color: #3B4352}
.rkmenu ul {margin: 0 0 10px;padding: 0}
.copym {font-size: 12px !important;line-height: 15px;margin-bottom: 20px}
}

.header__three {position: fixed;left: 0;bottom: 0;right: 0;z-index: 999;width: 100%;animation: header_sticky 1.1s;display: block;background: #020024;background: linear-gradient(0, rgb(2 0 36 / 22%) 0, rgb(0 0 0 / 0) 94%);height: 100px}
.btn-rk {padding: 0;position: relative;top: 10px;color: #ffd500;font-size: 15px}
.blog__two-item-content {padding: 17px 20px 30px 20px;border-radius: 0 0 10px 10px}
.blog__two-item-content p {font-weight: 500;line-height: 22px}
.ab ul {margin: 0;padding: 0}
.ab ul li {list-style: none}
.ab1 {font-size: 15px;line-height: 24px;padding: 0;margin: 0 0 30px;font-weight: 300;text-transform: none}
.for1 {font-weight: 300 !important;font-size: 30px;text-transform: uppercase;padding-top: 3px}
.photo-h2 {font-size: 36px;line-height: 36px;text-transform: uppercase}
.icon-check {float: left;width: 10%;padding: 5px 1px 5px 30px}
.content-li {float: left;width: 80%;padding: 5px}
.icon-check1 {float: left;width: 10%;padding: 5px 1px 0 30px}
.content-li1 {float: left;width: 80%;padding: 3px 5px 0 0;margin-bottom: 25px;}
.icon-check2 {float: left;width: 8%;padding: 0 1px 0 30px}
.content-li2 {float: left;width: 80%;padding: 0 5px 0 0;font-size: 13px;font-weight: 400}
.dots-image-2 .experience-info {position: relative;left: 4%;margin-top: -3rem;top: 100%}
.experience-info .number {display: inline-block;font-weight: 600;line-height: 1;font-size: 8.71rem;margin-right: 1.7rem}
.experience-info {display: inline-block;vertical-align: middle;margin: -3rem 0 0 .8rem;font-size: 1.57rem;line-height: 1.181;color: #3B4352}
.experience-info .text {display: inline-block;font-size: 1.671rem;font-weight: 600;line-height: 1.0;text-transform: uppercase}
.alert-primary {color: #ffd500;background-color: #fff;border-color: #fff}
.experience-info .number {display: inline-block;font-weight: 600;line-height: 1;font-size: 8.71rem;margin-right: 1.7rem}
.service-list {margin-top: 1.2rem;font-size: 15px;padding-left: .5rem;list-style: none;text-transform: uppercase;letter-spacing: -0.025rem;font-weight: 300}
.service-list li {color: #3B4352;font-weight: 400;line-height: 40px !important}
.service-list li a {color: #3B4352;font-weight: 400}
.service-list li a:hover {color: #0045ff;text-decoration: none}
.school-photo {background: #fff;border-radius: 15px;padding: 40px 20px 15px;margin-top: 40px;height: auto}
.banner__three-title-in {position: relative}
.banner__three-title-in .carousel-indicators [data-bs-target] {box-sizing: content-box;flex: 0 1 auto;width: 30px;height: 3px;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;color: #3B4352;background: #ededec !important;opacity: 1}
.banner__three-title-in .carousel-indicators {position: relative;right: 0;top: -5px;left: 0;z-index: 2;display: flex;justify-content: left;padding: 0;margin-right: 0;margin-bottom: 1rem;margin-left: 0;list-style: none;height: 30px}
.banner__three-title-in .carousel-control-next-icon,
.carousel-control-prev-icon {display: inline-block;width: 2rem;height: 2rem;background-repeat: no-repeat;background-position: 50%;background-size: 100% 100%;line-height: 32px;margin: 7px 0}
.banner__three-title-in .carousel-control-prev-icon {background-image: url("../img/left.svg");background-size: 100%;width: 46px;height: 46px}
.banner__three-title-in .carousel-control-next-icon {background-image: url("../img/right.svg");background-size: 100%;width: 46px;height: 46px}
.banner__three-title-in .carousel-inner {position: relative;width: 100%;overflow: hidden;padding-bottom: 5px}
.banner__three-title-in .carousel-indicators .active {opacity: 1;background: #ffd500 !important;background-position: 0 28px}
.banner__three-title-in ul {margin: 20 0;padding: 0}
.banner__three-title-in ul li {padding: 7px 34px !important;display: inline;font-weight: 400;font-size: 24px;text-transform: lowercase;border-radius: 10px !important}
.banner__three-title-in ul li img {height: 38px}
.banner__three-title-in .active {Color: #3B4352 !important}
.banner__three-title-in ul li .f12 {font-size: 7px;color: #ffd500;line-height: 8px;position: relative;top: -3px;padding-right: 0}
.banner__three-title-in span {color: #d2d1d1;font-weight: 700;font-size: 20px;line-height: 30px;font-family: "Montserrat", sans-serif;display: block;margin-bottom: 8px}
.banner__three-title-in h1 {margin-bottom: 20px;font-size: 30px;line-height: 36px;padding-top: 0;padding-right: 190px}
.banner__three-title-in p {max-width: 505px;font-weight: 300}
.banner__three-title-bottom {margin-top: 40px;display: flex;align-items: center;gap: 30px}
.banner__three-title-bottom-video {display: flex;align-items: center;gap: 20px}
.banner__three-title-bottom-video-icon {position: relative;z-index: 1}
.banner__three-title-bottom-video-icon::after {content: "";position: absolute;top: 0;left: 0;border: 1px dashed var(--primary-color-3);width: 60px;height: 60px;border-radius: 50%;z-index: -1;animation: rotation 5s infinite linear}
.banner__three-title-bottom-video-icon i {color: var(--primary-color-3);text-align: center;width: 60px;height: 60px;line-height: 60px}
.banner__three-title-bottom-video-icon:hover::after {animation: none}
.banner__three-title-bottom-video h6 {font-weight: 600;font-size: 16px;line-height: 26px;max-width: 125px}
.banner__three-in .swiper-pagination {position: absolute;left: -110px;top: 57%;transform: translateY(-50%);z-index: -1}
.banner__three-in .swiper-pagination span {width: 6px;height: 6px;background: var(--primary-color-3);opacity: 1}
.banner__three-in .swiper-pagination .swiper-pagination-bullet {margin: 0;margin-bottom: 18px;position: relative;margin-left: 9px}
.banner__three-in .swiper-pagination .swiper-pagination-bullet-active {background: 0;border: 1px solid var(--primary-color-3);width: 24px;height: 24px;margin-left: 0}
.banner__three-in .swiper-pagination .swiper-pagination-bullet-active::before {content: "";position: absolute;bottom: -3px;left: -3px;background-image: url("../img/shape/border.png");width: 28px;height: 21px}
.banner__three-in .swiper-pagination .swiper-pagination-bullet:last-child {margin-bottom: 0}
.banner__three-image {text-align: right;}
.icon-box1 {padding-left: 30px;padding-top: 20px}
@media(max-width:1599px) {
.banner__two-arrow-prev {left: 35px}
.banner__two-arrow-next {right: 65px}
.banner__three .swiper-pagination {left: 10px;text-align:left;}
}

.m-hide1 {display: none}
.d-hide1 {display: block}
.d-hide12 {display: block !important}

@media(max-width:767px) {
.d-hide12 {display: none !important}
.d-hide1 {display: none}
.m-hide1 {display: block}
.icon-box1 {padding-left: 0;padding-top: 20px;height: 530px}
.school-photo {background: #fff;border-radius: 15px;padding: 0 20px 15px;margin-top: 30px;height: 800px}
.banner__three-title-in p {line-height: 22px}
.icon-check1 {float: left;width: 12%;padding: 2px 5px 0 20px}
.icon-check2 {float: left;width: 13%;padding: 0 5px 0 24px}
}

.school-photo .banner__three-title-in .carousel-control-next,
.carousel-control-prev {position: absolute;bottom: 0;z-index: 1;display: flex;align-items: center;justify-content: left;width: 45px;padding: 5px 0;color: #3B4352;text-align: center;opacity: 1;transition: opacity .15s ease;background: transparent;height: 44px;float: left;left: 0;margin: 1px;line-height: 45px;border-radius: 0;top: -12px;}
.banner__three-title-in .carousel-control-next {left: 49.5% !important}
.spbtn {position: absolute !important;left: 45% !important;top: 84% !important;width: 100px !important}
.ection-padding-in h4 {font-size: 16px !important;line-height: 16px;margin-top: 0 !important; padding:0px 30px 0px}
.ection-padding-in h2 {font-size: 30px !important;line-height: 36px;margin-top: 0 !important; padding:0px 15px 30px;text-transform: none;}
.ection-padding-in h3 {font-size: 30px !important;line-height: 36px;margin-top: 0 !important; padding:0px 15px 30px;text-transform: none;}
.ection-padding-in h2 span {font-size: 30px !important;line-height: 36px;margin-top: 0 !important; font-weight:500}
.ection-padding-in-one h2 {font-size: 40px !important;line-height: 50px;margin-top: 10px !important;text-align: center;}
.pb-200 {padding-bottom: 20px}
.why-section {padding: 80px 0 20px}
.services {padding: 60px 0}
.services h2 {position: relative;font-size: 36px;line-height: 1.4;text-align: center;font-weight: 700;color: #ffd500;margin-bottom: 20px}
.why-section h2 {position: relative;font-size: 36px;line-height: 1.4;text-align: center;font-weight: 700;color: #ffd500;margin-bottom: 10px}
.services .text-services {max-width: 800px;width: 100%;text-align: center;font-size: 20px;margin: 0 auto;margin-bottom: 60px}
.cards {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px}
.card {width: 100%;text-align: center;background-color: transparent;border: 0;margin-bottom: 30px}
.card img {font-size: 50px;color: #fff;margin-bottom: 10px;display: block;height: 55px}
.card h3 {font-size: 18px;line-height: 1.4;font-weight: 500;color: #fff;margin-bottom: 20px}
.card p {color: #fff;font-weight: 300;line-height: 20px;font-size: 13px}
.whats {width: 36px;height: 36px;transform: skew(16deg);float: right;margin-top: -7px;position: relative;left: -84px}
.whats a img {transform: skew(0);background: transparent}
.d-hide1 {display: none}
.m-hide1 {display: block}

@media screen and (max-width:768px) {
.d-hide1 {display: block}
.m-hide1 {display: none}
.ection-padding-in h2 {font-size: 26px !important;line-height: 30px;margin-top: 0 !important}
.for1 {font-weight: 300 !important;font-size: 26px;text-transform: uppercase;padding-top: 3px}
.spbtn {position: absolute !important;left: 0 !important;top: 84% !important;width: 100px !important}
.banner__three-title-in .carousel-control-next {left: 15.5% !important}
.school-photo .banner__three-title-in .carousel-control-next,
.carousel-control-prev {height: auto}
.cards {grid-template-columns: repeat(2, 2fr)}
.card h3 {font-size: 24px;line-height: 1.1;font-weight: 500;color: #fff;margin-bottom: 20px;height: 50px}
.card p {color: #fff;font-weight: 300;line-height: 20px}
.icon-check {float: left;width: 14%;padding: 6px 1px 5px 27px}
.banner__three-title .carousel-control-next,
.carousel-control-prev {width: 40px !important;line-height: 62}
.getIn__touch-right-title {margin-bottom: 20px}
.whats {width: 35px;height: 35px;transform: skew(16deg);float: right;margin-top: -2px;position: relative;left: 64px}
}

@media screen and (max-width:576px) {
.services h2 {font-size: 34px;margin-bottom: 5px}
.services .text-services {font-size: 14px;line-height: 1.7}
.cards {grid-template-columns: 2, 2fr;grid-gap: 30px}
.whats {width: 35px;height: 35px;transform: skew(16deg);float: right;margin-top: -2px;position: relative;left: 8px}
}
@media screen and (max-width:476px) {
.whats {width: 35px;height: 35px;transform: skew(16deg);float: right;margin-top: -2px;position: relative;left: 8px}
}
@media screen and (max-width:992px) {
.get{background: #fff;width: 730px}
.banner__three-title {position: relative;left: 0px;top: 0;width: 100%}
.banner__three-title .carousel-indicators {position: relative;right: 0;top: -5px;left: 0;z-index: 2;display: flex;justify-content: left;padding: 0;margin-right: 0;margin-bottom: 1rem;margin-left: 0;list-style: none;height: 30px}
}
.h2 {margin-bottom: 20px;font-size: 30px;line-height: 36px;padding-top: 0;padding-right: 190px;font-weight: 700}
.whats-new a {padding: 0}
.h2 {font-size: 24px;line-height: 30px;margin-bottom: 20px;text-align: left;padding-right: 0;margin-top: 10px;font-weight: 700}
.features h3 {font-size: 24px;line-height: 30px;margin-bottom: 20px;text-align: left;padding-right: 0;padding-left: 0;margin-top: 10px;font-weight: 700}
.beni ul li {margin-left: 15px;width: 42%;	float: left;line-height: 20px;margin-bottom: 10px;font-weight: 500;}
@media(max-width:480px) {
.beni ul li {margin-left: 15px;width: 100%;	float: left;line-height: 20px;margin-bottom: 5px}
.features h3 {
	font-size: 19px;line-height: 24px;margin-bottom: 20px;text-align: left;	padding-right: 0;padding-left: 0;margin-top: 10px;font-weight: 700}
}
.faq__area {padding:0px}
/* -------------------------Banner Header New------------------------------------- */
.banner-new{padding:150px 0px 50px; text-align:center}
.banner-new h1{font-size:75px; line-height:72px; text-align:center; font-family:Montserrat;font-weight:800;color:#3B4352;padding:0px 0px}
.banner-new h1 span{font-size:75px; line-height:72px; text-align:center; font-family:Montserrat;font-weight:500;}
.banner-new p{padding:24px 0px 40px; text-align:center;color:#3B4352;font-size:24px;line-height:36px;margin: 0 auto;  }
.btn-ten01 {color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#FFD000;}
.btn-ten01:hover {color: #FFD000;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#3B4352;}

/* ------------------------Banner Second New -----------------------------------*/
.banner-second .bg{background:#fff;overflow: hidden;}
.banner-second{padding:70px 0px;}
.banner-second p{padding:10px 0px 30px; text-align:left;color:#3B4352;font-size:18px;line-height:32px;}
.btn-ten02 {margin-left: 18px;color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 20px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#FFD000;margin-left:0px;margin-top:15px;}
.btn-ten02:hover {color: #FFD000;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 20px;text-align: center;font-weight:600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#3B4352;}
.knowmore{padding:10px 10px;font-weight:500;}
.knowmore:hover{padding:10px 10px;color: #FFD000;font-weight:500;}
.yelloline {width: 8px;height: 45px;position: absolute;background: #FFD000;bottom: 124px;right: -4px;}
.header-mob{display:block; padding-top:14px;}
.secmun{margin-top:-65px; margin-bottom:90px;}
.webimg-home{height:750px; object-fit:cover; width:100%}
/* ---------------------ERP Management----------------------------- */
.erp-management{padding:20px 0px 110px; text-align:center}
.erp-management h3{font-size:30px; line-height:40px; text-align:center; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:0px 20px;text-transform: none;}
.erp-management h3 span{font-size:30px; line-height:40px; text-align:center; font-family:Montserrat;font-weight:500;}
.erp-management p{padding:30px 0px 30px; text-align:center;color:#3B4352;font-size:18px;line-height:32px;width: 1000px;margin: 0 auto;  }
.erp-management h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#3B4352;font-size:14px;line-height:32px; font-weight:500}
.erp-box{background:#fff; border-radius:20px; padding:30px 20px 20px;width: 100%;}
.erp-box h6{text-align:left;color:#3B4352;font-size:14px;line-height:18px; font-weight:bold;text-transform:uppercase;}
.erp-box h6 span{text-align:left;color:#3B4352;font-size:14px;line-height:18px; font-weight:400;text-transform:uppercase;}
.erp-box-img{margin-bottom:50px !important;text-align:left;}
.erp-box-img img{height:100px}
.erp-box .swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0px 15px 0px 0px;z-index: 1;}
.erp-management .cont-box {padding: 0px 20px 60px;}
.erp-management .cont-box h6 {font-weight: 600;font-size: 16px;line-height: 20px}
.erp-management .cont-box h2 {font-weight: 300;font-size: 60px;line-height: 80px;font-family:Montserrat;}
/* --------------------digital ------------------------*/
.digital{padding:80px 0px 0px; background:url(../../assets/img/digitalbg.jpg);position:relative;z-index:1;background-position: center; background-size:cover}
.digital::after {content: '';position: absolute;width: 100%;height: 100%;background-color: #162137d4;top:0;z-index:-1;}
.digital h3{font-size:34px; line-height:40px; text-align:center; font-family:Montserrat;color:#fff; font-weight:bold}
.digital h3 span{font-size:34px; line-height:40px; text-align:center; font-family:Montserrat;color:#fff;font-weight:500}
.digital h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#fff;font-size:14px;line-height:32px; font-weight:500}
.digital h5{padding:30px 0px 80px; margin:0px;text-align:center;color:#fff;font-size:18px;line-height:28px; font-weight:400;text-transform: none;}
.digital p{padding:25px 0px 50px; text-align:center;color:#fff;font-size:14px;line-height:18px;margin: 0 auto; text-transform:uppercase;font-weight:bold; }
.digital img{text-align:center}
.dmtitle {
    padding: 25px 0px 16px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 34px !important;
    margin: 0 auto !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
.dmtitleone {
    padding: 25px 0px 16px !important;
    text-align: center !important;
    color: #3B4352 !important;
    font-size: 30px !important;
    line-height: 34px !important;
    margin: 0 auto !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
.digital p span{padding:14px 0px 50px;text-align:center;color:#fff;font-size:14px;line-height:18px;margin: 0 auto; text-transform:uppercase; font-weight:400; }
.digital .knowmore{padding:10px 15px;color: #fff;font-weight:500;}
.digital .knowmore:hover{padding:10px 15px;color: #FFD000;font-weight:500;}
.digital .btn-ten02 {color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 6px 15px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: capitalize;border-radius: 5px;background:#FFD000;}
.digital .btn-ten02:hover {color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 6px 15px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: capitalize;border-radius: 5px;background:#fff;}
.f10{font-size:10px !important; color:#838B9A !important; text-align:right !important;font-weight:400 !important;text-transform:capitalize !important;padding: 50px 0px 30px !important;}
.knowmore-blk{padding:10px 10px;font-weight:500;color: #3B4352;}
.knowmore-blk:hover{padding:10px 10px;color: #FFD000;font-weight:500;}
.knowmore-yel{padding:10px 10px;font-weight:600;color: #FFD000 !important; font-size:20px;}
.knowmore-yel:hover{padding:10px 10px;color: #3B4352 !important;font-weight:600 !important;font-size:20px;}
/* -----------------------------designing-agency---------------------- */
.designing-agency{padding:0px 0px 110px; text-align:center}
.designing-agency h3{font-size:34px; line-height:40px; text-align:center;text-transform: none; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:0px 60px}
.designing-agency h3 span{font-size:34px; line-height:40px; text-align:center; font-family:Montserrat;font-weight:400;}
.designing-agency p{padding:30px 0px 50px; text-align:center;color:#3B4352;font-size:18px;line-height:32px;margin: 0 auto;  }
.designing-agency h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#3B4352;font-size:14px;line-height:32px; font-weight:500}
.designing-agency .cont-box {padding: 0px 20px;}
.designing-agency .cont-box h6 {font-weight: 600;font-size: 16px;line-height: 20px}
.designing-agency .cont-box h2 {font-weight: 200;font-size: 60px;line-height: 80px;font-family:Montserrat;color:#3B4352;}
.designing-agency .cont-box-web{padding: 0px 20px;margin-top: -30px;}
.designing-agency .cont-box-web h6 {font-weight: 400;font-size: 15px;line-height: 20px; margin-bottom:15px;font-weight: 500;color: #3B4352;}
.designing-agency .cont-box-web h2 {font-weight: 500;font-size: 46px;line-height: 70px;font-family:Montserrat;}
.designing-agency .btn-ten02 {border: solid 1px #ffd000;color: #3b4352;align-items:center;font-size: 16px;line-height: 26px;padding: 10px 15px;font-weight: 500;text-transform: uppercase;border-radius: 5px;background:#ffffff;}
.designing-agency .btn-ten02:hover {border: solid 1px #ffd000;color: #3B4352;font-size: 16px;line-height: 26px;padding: 10px 15px;text-align: center;font-weight: 500;text-transform: uppercase;border-radius: 5px;background: #FFD000;}

.designing-agency .btn-ten03 {color: #3B4352;align-items:center;font-size: 16px;line-height: 26px;padding: 10px 15px;font-weight: 500;text-transform: uppercase;border-radius: 5px;background:#FFD000;border:0px; }
.designing-agency .btn-ten03:hover {border:0px;	color: #FFD000;font-size: 16px;line-height: 26px;padding: 10px 15px;text-align: center;font-weight: 500;text-transform: uppercase;border-radius: 5px;background:#3B4352;}

.designing-agency .mt-5 { margin-top: 5rem !important;}
.designing-agency .mt-4 {margin-top: 2rem !important;}
.designing-agency .cont-box-web h2 img{height:45px;
}
/* -----------------------------Admin Mobile App---------------------- */
.app-box {background: #fff;border-radius: 30px;height: 390px;object-fit: cover;overflow: hidden;}
.app-box .img1 {border-radius: 30px 0px 0px 30px;height: 390px;object-fit: cover;}
.text-box{ padding:20px 30px 30px; text-align:left}
.text-box h2{ font-size:30px; line-height:40px;}
.text-box h2 span{ font-size:30px; line-height:40px; font-weight:500;}
.text-box p{padding:15px 0px 30px !important;text-align:left; font-size:18px !important; line-height:28px !important; font-weight:400;color:#3B4352;font-size:18px;line-height:32px; width:auto}
.text-box .knowmore{padding:10px 20px;color: #3B4352;font-weight:500;}
.text-box .knowmore:hover{padding:10px 20px;color: #FFD000;font-weight:500;}
.text-box .btn-ten02 {margin-left: 0px;color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 6px 15px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#FFD000;}
.text-box .btn-ten02:hover {color: #FFD000;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 6px 15px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#3B4352;}
.appbtn{height:35px}
.coms {
    background: #FFD000;
    padding: 3px 8px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
/* -----------------------------Best Photography---------------------- */
.photography{padding:80px 0px 80px; background:#3B4352;position:relative;}
.photography h3{font-size:34px; line-height:40px; text-align:center;text-transform: none; font-family:Montserrat;color:#fff; font-weight:bold}
.photography h3 span{font-size:34px; line-height:40px; text-align:center; font-family:Montserrat;color:#fff;font-weight:400}
.photography h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#fff;font-size:14px;line-height:32px; font-weight:500}
.photography h5{padding:25px 0px 50px; text-transform: none;margin:0px;text-align:center;color:#fff;font-size:18px;line-height:28px; font-weight:400}
.photography p{padding:25px 0px 50px; text-align:center;color:#fff;font-size:26px;line-height:38px;margin: 0 auto; }
.photography .cont-box {padding: 0px 20px;}
.photography .cont-box h6 {font-weight: 500;font-size: 16px;line-height: 20px}
.photography .cont-box h2 {font-weight: 200;font-size: 60px;line-height: 80px; color:#fff; font-family:Montserrat;}
.photography .f20{font-size:20px; color:#FFD000 !important; padding-bottom:0px !important}
.photography .knowmore{padding:10px 20px;color: #fff;font-weight:500;}
.photography .knowmore:hover{padding:10px 20px;color: #FFD000;font-weight:500;}
.photography .btn-ten02 {color: #3B4352;align-items: center;font-size: 16px;line-height: 26px;padding: 6px 15px;font-weight: 600;text-transform: capitalize;border-radius: 5px;background: #FFD000;border: 0px;}
.photography .btn-ten02:hover {border:0px;	color: #FFD000;font-size: 16px;line-height: 26px;padding:6px 15px;text-align: center;font-weight: 600;text-transform: capitalize;border-radius: 5px;background: #3B4352;}

.photography .slider-new { height: 430px; margin: 10px auto 0px; overflow: hidden; position: relative;}
.photography .slider-new .slide-track {animation: scroll 40s linear infinite; display: flex; width: calc(6000px * 112);}
.photography .slider-new .slide-new { padding: 10px;overflow:hidden;}
.photography .slider-new .slide-new img {border-radius:15px;object-fit:cover;height: 190px; width: 100%;object-position: top;}
.photography .slider-new .slide-new .p10{padding-bottom:20px;}
.photography .slider-new .slide-new .imgh{height:400px;object-fit:cover;width: 100%;object-position: top;}
.photography .btn-ten03 {border: solid 1px #ffd000;color: #fff;align-items:center;font-size: 16px;line-height: 26px;padding: 10px 15px;font-weight: 500;text-transform: uppercase;border-radius: 5px;background:#495366;}
.photography .btn-ten03:hover {border: solid 1px #ffd000;color: #3B4352;font-size: 16px;line-height: 26px;padding: 10px 15px;text-align: center;font-weight: 500;text-transform: uppercase;border-radius: 5px;background: #FFD000;}


 /* -----------------------------Best graphic---------------------- */
.graphic{padding:80px 0px 100px; position:relative;}
.graphic h3{font-size:34px; line-height:40px; text-align:center; font-family:Montserrat;color:#3B4352; font-weight:bold;text-transform: none;}
.graphic h3 span{font-size:34px; line-height:40px; text-align:center; font-family:Montserrat;color:#3B4352;font-weight:500}
.graphic h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#3B4352;font-size:14px;line-height:32px; font-weight:500}
.graphic h5{padding:30px 0px 50px; text-transform: none;margin:0px;text-align:center;color:#3B4352;font-size:18px;line-height:28px; font-weight:400}
.graphic p{padding: 25px 0px 50px;text-align: center;color: #3B4352;font-size: 14px;line-height: 18px;margin: 0 auto;text-transform: uppercase;font-weight: bold;}
.graphic p span {padding: 14px 0px 70px;text-align: center;color: #3B4352;font-size: 14px;line-height: 18px;margin: 0 auto;text-transform: uppercase;font-weight: 500;}
.graphic .cont-box {padding: 0px 20px 60px;}
.graphic .cont-box h6 {font-weight: 600;font-size: 16px;line-height: 20px}
.graphic .cont-box h2 {font-weight: 200;font-size: 60px;line-height: 80px; color:#3B4352; font-family:Montserrat;}
.graphic .f20{font-size:20px; color:#FFD000 !important; padding-bottom:20px !important;padding-top:10px !important}

.graphic .knowmore{padding:10px 20px;color: #3B4352;font-weight:500;}
.graphic .knowmore:hover{padding:10px 20px;color: #FFD000;font-weight:500;}
.graphic .btn-ten02 {color: #3B4352;align-items:center;font-size: 16px;line-height: 26px;padding: 6px 15px;font-weight: 600;text-transform: capitalize;border-radius: 5px;background:#FFD000;border:0px; }
.graphic .btn-ten02:hover {border:0px;	color: #FFD000;font-size: 16px;line-height: 26px;padding: 6px 15px;text-align: center;font-weight: 600;text-transform: capitalize;border-radius: 5px;background: #3B4352;}
.graphic .slider-new { height: 470px; margin: 40px auto 50px; overflow: hidden; position: relative;}
.graphic .slider-new .slide-track {animation: scroll 40s linear infinite; display: flex; width: calc(250px * 28);}
.graphic .slider-new .slide-new { padding: 10px;overflow:hidden;}
.graphic .slider-new .slide-new img {border-radius:15px;}
.graphic .slider-new .slide-new .p10{padding-bottom:20px;}
.graphic .slider-new .slide-new .imgh{height:460px;}
.graphic .iconservice{padding: 25px 0px 20px;text-align: center;text-transform: none;color: #3B4352;font-size: 26px;line-height: 38px;margin: 0 auto;font-weight: 500;}
.graphic .iconservice1{padding: 25px 0px 20px;text-align: center;text-transform: none;color: #3B4352;font-size: 20px;line-height: 38px;margin: 0 auto;font-weight: 500;}
.graphic .btn-ten03 {border: solid 1px #ffd000;color: #3b4352;align-items:center;font-size: 16px;line-height: 26px;padding: 10px 15px;font-weight: 500;text-transform: uppercase;border-radius: 5px;background:#ffffff;}
.graphic .btn-ten03:hover {border: solid 1px #ffd000;color: #3B4352;font-size: 16px;line-height: 26px;padding: 10px 15px;text-align: center;font-weight: 500;text-transform: uppercase;border-radius: 5px;background: #FFD000;}

 /* -----------------------------Our Software---------------------- */
.software{padding:80px 0px 80px; position:relative;}
.software h3{font-size:34px; line-height:40px;text-transform: none; text-align:left; font-family:Montserrat;color:#3B4352; font-weight:bold}
.software h3 span{font-size:34px; line-height:40px; text-align:left; font-family:Montserrat;color:#3B4352;font-weight:500}
.software h6{padding:0px 0px 10px; margin:0px;text-align:left;color:#3B4352;font-size:14px;line-height:32px; font-weight:500}
.software h5{padding:30px 0px 80px;text-transform: none;margin:0px;text-align:left;color:#3B4352;font-size:18px;line-height:28px; font-weight:400}
.software p{padding:15px 0px 20px; text-align:left;color:#3B4352;font-size:18px;line-height:32px;margin: 0 auto; }
.software .softphoto{padding:0px 20px 0px 0px  }
.software .softphoto img{border-radius:20px;}
.software .icon {margin-top: 0px;padding-top:0px;padding-left: 20px;}
.software .icon ul {padding: 0;margin: 0}
.software .icon ul li {list-style: none;font-weight: 500;font-size: 18px;line-height: 26px;margin-bottom: 12px}
.software .icon ul li i {width: 20px;height: 20px;line-height: 15px;text-align: center;border-radius: 50%;color: var(--primary-color-3);font-size: 22px;font-weight: 400;margin-right: 15px}
.software .icon ul li:last-child {margin: 0}
.software .icon ul li i img{height:21px}
.pter-100 {padding-top: 100px;}
.per-0 {padding: 0px 15px;}
/* ********************* Blog ************** */
.bloghome{padding:0px 0px 0px; position:relative;}
.bloghome h3 {font-size: 30px;line-height: 32px;padding: 0;margin: 10px;color: #FFD500;font-family: "Montserrat", sans-serif;font-weight: 700;}
.bloghome h4 {font-size: 36px !important;line-height: 30px;padding: 0;margin: 0 0 5px;color: #ffd000;font-family: "Montserrat", sans-serif;font-weight: 700;}
.bloghome h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#3B4352;font-size:14px;line-height:32px; font-weight:500}
.bloghome h5{padding:20px 0px 30px; text-transform: none;margin:0px;text-align:center;color:#3B4352;font-size:20px;line-height:30px; font-weight:400}
.bloghome p{padding: 25px 0px 50px;text-align: center;color: #3B4352;font-size: 14px;line-height: 18px;margin: 0 auto;text-transform: uppercase;font-weight: bold;}
.blog-immg-box{overflow:hidden; margin-top:20px}
.blog-immg-box img{border-radius: 25px;width:100%;object-fit: cover; object-position:center; }
.overlay{position: relative;}
.overlay:before {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000D4 100%) 0% 0% no-repeat padding-box;
    content: "";height: 100%;left: 0;opacity: 0.8;position: absolute;top: 0;width: 100%;border-radius: 25px;
}
.blog-immg-box h3{position:absolute;line-height: 28px !important; bottom:0px; z-index:100;font-size:20px !important;color:#fff !important;padding:20px 30px;text-align:left;font-weight:500 !important;}
.blog-immg-box h5{font-size:14px;color:#3B4352;padding:10px;text-align:left;font-weight:600;line-height:18px;padding: 10px 5px 0px;}
.bhtlarge{height:410px}
.bht{height:150px}
.pbh5blog{margin-top:20px}

/* ********************* Faq ************** */
.faqnew{padding:0px 0px 80px; position:relative;}
.faqnew h3{font-size:36px; line-height:40px; text-transform: none;text-align:center; font-family:Montserrat;color:#3B4352; font-weight:bold}
.faqnew h6{padding:0px 0px 0px; margin:0px;text-align:left;color:#3B4352;font-size:14px;line-height:32px; font-weight:500}
.faqnew h5{padding:20px 0px 30px;text-transform: none; margin:0px;text-align:center;color:#3B4352;font-size:20px;line-height:30px; font-weight:400}
.faqnew p{padding: 0px 0px 0px;text-align: left;color: #3B4352;font-size: 14px;line-height: 18px;margin: 0 auto;}
.faq-accordion-item,
.faq__collapse-item,
.faq-collapse-item {border: 1px solid #fff;margin-bottom: 10px;border-radius: 6px;background: #fff;}
.faq-accordion-item:last-child,
.faq__collapse-item:last-child,
.faq-collapse-item:last-child {margin: 0}
.faq-accordion-item-card-header,
.faq__collapse-item-card-header,
.faq-collapse-item-card-header {display: flex;justify-content: space-between;align-items: center;border: 0;cursor: pointer;padding: 16px 30px}
.faq-accordion-item-card-header h6,
.faq__collapse-item-card-header h6,
.faq-collapse-item-card-header h6 {font-size: 18px;line-height: 28px}
.faq-accordion-item-card-header i,
.faq__collapse-item-card-header i,
.faq-collapse-item-card-header i {color: var(--primary-color)}
.faq-accordion-item-card-header span,
.faq__collapse-item-card-header span,
.faq-collapse-item-card-header span {color:#3B4352;margin-right: 15px}
.faq-accordion-item-card-header-content,
.faq__collapse-item-card-header-content,
.faq-collapse-item-card-header-content {padding: 0 30px 20px 30px}
.faq-accordion-item-card-header-content p,
.faq__collapse-item-card-header-content p,
.faq-collapse-item-card-header-content p {margin-top: -4px;font-size: 14px;font-weight: 500;color: #3B4352}
.faq__two-left {margin-right: 70px}
.faq__two-left-image {position: relative;padding-bottom: 90px}
.faq__two-left-image-one {position: absolute;right: 0;bottom: 0}
.faq__two-left-image-question {position: absolute;top: 35px;right: 70px;background: var(--bg-heading-color);padding: 30px;border-radius: 6px;display: flex;align-items: center;gap: 20px}
.faq__two-left-image-question h6 {color: var(--text-white);max-width: 150px;text-transform: none}
.icon-40 {height: 40px;width: 50px}

/*----- Footer ----------------- */
.footer__top {background: var(--primary-color-1);position: relative;z-index: 1;padding: 60px 0;overflow: hidden}
.footer__one h5{padding:0px 0px 50px; text-align:center;color:#DDE2EB;font-size:24px;line-height:36px;margin: 0 auto; font-weight:400; }
.footer__one h5 span{padding:0px 0px 50px; text-align:center;color:#DDE2EB;font-size:26px;line-height:38px;margin: 0 auto; font-weight:600; }
.footer__one p{padding:0px 0px 50px; text-align:left;color:#DDE2EB;font-size:12px;line-height:20px;margin: 0 auto; }
.footer__one .knowmore{padding:10px 20px;color: #fff;font-weight:500;}
.footer__one .knowmore:hover{padding:10px 20px;color: #FFD000;font-weight:500;}
.footer__one .btn-ten02 {color: #3B4352;align-items:center;font-size: 16px;line-height: 26px;padding: 6px 15px;font-weight: 600;text-transform: capitalize;border-radius: 5px;background:#FFD000;border:0px; }
.footer__one .btn-ten02:hover {border:0px;	color: #3B4352;font-size: 16px;line-height: 26px;padding: 6px 15px;text-align: center;font-weight: 600;text-transform: capitalize;border-radius: 5px;background: #fff;}
.footer__one .pt-4{padding-top: 3rem !important;}
.footer__one .pt-5{padding-top: 4rem !important;}
.footer__one .btn-ten03 {color: #fff;align-items:center;font-size: 16px;line-height: 26px;padding: 10px 15px;font-weight: 500;border-radius: 5px;border:solid #bbbdc1 1px; width:100%;display: block; margin-top:24px;text-align: center;}
.footer__one .btn-ten03:hover {border:0px;color: #FFD000;font-size: 16px;line-height: 26px;padding: 10px 15px;text-align: center;font-weight: 500;border-radius: 5px;border:solid #bbbdc1 1px;display: block; margin-top:24px;text-align: center;}
.footer__one {position: relative;z-index: 1;padding-top: 70px;background: #3B4352 url(../../assets/img/fbg.svg);background-repeat: no-repeat;background-position: bottom;}
.footer__one-shape {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
.footer__one-widget h4 {color: #fff;margin-bottom: 5px}
.footer__one-widget-about a img {max-width: 165px}
.footer__one-widget-about p {color: #fff;max-width: 260px;margin-top: 15px}
.footer__one-widget-about-social {margin-top: 30px}
.footer__one-widget-about-social ul {padding: 0;margin: 0}
.footer__one-widget-about-social ul li {list-style: none;display: inline-block;	margin-right: 10px}
.footer__one-widget-about-social ul li:last-child {margin: 0}
.footer__one-widget-about-social ul li a i {display: inline-block;width: 25px;height: 25px;line-height: 20px;text-align: center;background: var(--color-11);font-size: 15px;border-radius: 50%;color: var(--text-white);transition: .4s}
.footer__one-widget-about-social ul li a i:hover {background: var(--primary-color-1)}
.footer__one-widget-solution ul {padding: 0;margin: 0}
.footer__one-widget-solution ul li {padding: 0;list-style: none;margin-bottom: 0px}
.footer__one-widget-solution ul li:last-child {margin: 0}
.footer__one-widget-solution ul li a {text-transform: uppercase;color: #DDE2EB;transition: .4s;position: relative;font-size: 12px;font-weight:400;}
.footer__one-widget-solution ul li a i {color: var(--primary-color-1);font-size: 14px;line-height: 24px;position: absolute;opacity: 0;transition: .4s;left: 0;top: 0}
.linef{border-right:1px solid #B1B1B1; padding:8px 22px;text-transform: lowercase;}
.flink{color:#DDE2EB; font-size:13px;display: block;padding: 0;line-height: 20px;text-transform: lowercase;}
.flink:hover{color:#FFD000; font-size:13px;display: block;padding: 0;line-height: 20px;}
.footer__one-widget-solution ul li a:hover {color: var(--primary-color-1);padding-left: 5px}
.footer__one-widget-solution ul li a:hover i {opacity: 1}
.footer__one-widget-location h6 {color: var(--text-white);margin: 18px 0}
.footer__one-widget-location-item {display: flex;align-items: center;gap: 15px}
.footer__one-widget-location-item-icon i {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;font-size: 20px;border: 1px solid var(--color-11);border-radius: 50%;color: var(--primary-color-1)}
.footer__one-widget-location-item-info a {color: var(--color-4);font-weight: 500;font-size: 16px;line-height: 26px;max-width: 188px;display: inline-block;transition: .4s}
.footer__one-widget-location-item-info a:hover {color: var(--primary-color-1)}
.footer__one-widget-subscribe p {color: var(--color-4);font-weight: 500;font-size: 16px;line-height: 26px;max-width: 265px}
.footer__one-widget-subscribe p span {color: var(--primary-color-1)}
.footer__one-widget-subscribe form {position: relative;margin-top: 30px}
.footer__one-widget-subscribe form input {background: transparent;color: var(--color-9);border-color: var(--color-11);height: 70px}
.footer__one-widget-subscribe form input:focus {color: var(--color-9)}
.footer__one-widget-subscribe form button {padding: 0;position: absolute;right: 7px;top: 7px;width: 56px;height: 56px;border-radius: 4px;font-size: 20px;text-align: center}
.footer__one .border-one {padding-left: 35px;position: relative;margin-left: -5px}
.footer__one .border-one::before {position: absolute;content: "";width: 1px;height: 220px;left: 0;top: 0}
.footer__one .border-one.tow {margin-left: -13px}
 hr.line-bottom {border-top: 1px solid #B1B1B1;}
.text-offwhite{color:#DDE2EB; font-size:14px}
.footer__one h6{font-size:14px;color:#DDE2EB; font-weight:400;}
@media(max-width:1399px) {
.footer__one .border-one {padding-left: 0;margin-left: 0	}
.footer__one .border-one::before {display: none}
.footer__one .border-one.tow {margin-left: 0}
}
@media(max-width:575px) {}
/*==========================================================================
Copyright One CSS
==========================================================================*/
.copyright__one{padding: 30px 0;text-align: center;background: #3B4352;border-bottom: 5px #ffd000 solid;}
.copyright__one p {margin: 0;color: var(--text-white);font-size: 15px;line-height: 26px;}
.copyright__one p a {color: var(--primary-color-1);text-decoration: underline;margin: 0 2px;}

@media (max-width: 575px) {
	.copyright__one {margin-top: 85px;}
}
.footer__three-widget-hour-social {margin-top: 0px;text-align: right;}
.footer__three-widget-hour-social ul {padding: 0;margin: 0;}
.footer__three-widget-hour-social ul li {list-style: none;display: inline-block;margin-right: 10px;}
.footer__three-widget-hour-social ul li:last-child {margin: 0;}
.footer__three-widget-hour-social ul li a i {display: inline-block;width: 25px;height: 25px;line-height: 50px;text-align: right;font-size: 24px;border-radius: 50%;color: #DDE2EB;transition: 0.4s;}
.act{}
.act ul{margin:0; padding:0px;}
.act ul li{padding:0px 5px 0px;margin:0px 0px 10px; display:inline; border-right:1px solid #DDE2EB; line-height:40px}
.act ul li:last-child{padding:0px 5px;margin:0px; display:inline; border-right:0px solid #DDE2EB}
.act ul li a{padding:0px 5px 0px 0px;margin:0px;font-size:12px; color:#DDE2EB; font-weight:500;}
.x-twitter img{height:20px}
/*==========================================================================
footer text marquee
==========================================================================*/
.scrolling-tickers {
font-family: Lato, system-ui;font-size: clamp(1.8rem, 7.5vw, 3rem);word-spacing: .35rem;cursor:pointer;margin-bottom: 10px;}
@media (prefers-reduced-motion: reduce) {
   .scrolling-tickers {
      --speed: 5000s;  
   }
}
.scrolling-tickers__ticker {overflow: hidden; }  
.scrolling-tickers__ticker--ltr { --d: -1; }
.scrolling-tickers__ticker--rtl { --d:  1; }
.scrolling-tickers ul {
display: inline-flex;padding: 0.0rem 0;
position: relative;z-index: 1;
white-space: nowrap;
--secs: calc(var(--ticker-width)* var(--speed) / var(--max-ticker-width));
left: calc(var(--d)* -10%);
animation: scroll var(--secs) linear infinite;
text-shadow: calc(var(--ticker-width)* 1px) 0;
line-height: 60px;text-transform: uppercase;font-size: 60px;font-weight:200;
}

@keyframes scroll { 
   
   0%   { transform: translateX(
      calc(50% * (var(--d) - 1)))}
   
   100% { transform: translateX(
      calc(-50% * (var(--d) + 1))
   ); } 
}

/* Pause the animation on hover */
.scrolling-tickers__ticker:hover ul {
   animation-play-state: paused; 
}

@keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-250px * 6));
	}
}

/* -------------------------Internal Pages header title Page------------------------------------- */
.internal-header-section{padding:120px 0px 0px; text-align:center}
.internal-header-section h1{font-size:52px; line-height:62px; text-align:center; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:0px 20px 60px}
.internal-header-section h1 span{font-size:52px; line-height:60px; text-align:center; font-family:Montserrat;font-weight:500;}
.internal-header-section h5 {font-size: 18px;line-height: 32px;text-align: center;font-family: Montserrat;font-weight: bold;color: #3B4352;padding: 60px 20px 30px;}
.internal-header-section h6 {font-size: 14px;line-height: 50px;text-align: center;font-family: Montserrat;font-weight: 600;color: #3B4352;padding: 0px 20px 0px;}
.internal-header-section p {font-size: 18px;line-height: 32px;text-align: center;font-family: Montserrat;font-weight: 400;color: #3B4352;padding: 0px 20px 0px;}
.internal-header-section img{width:100%}
.internal-header-section-one{padding:75px 0px 0px; text-align:center}
.internal-header-section-one h1{font-size:30px; line-height:40px; text-align:center; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:0px 20px 60px}
.internal-header-section-one h1 span{font-size:30px; line-height:40px; text-align:center; font-family:Montserrat;font-weight:500;}
.internal-header-section-one h5 {font-size: 18px;line-height: 32px;text-align: center;font-family: Montserrat;font-weight: bold;color: #3B4352;padding: 60px 20px 30px;}
.internal-header-section-one h6 {font-size: 14px;line-height: 50px;text-align: center;font-family: Montserrat;font-weight: 600;color: #3B4352;padding: 0px 20px 0px;}
.internal-header-section-one p {font-size: 18px;line-height: 32px;text-align: center;font-family: Montserrat;font-weight: 400;color: #3B4352;padding: 0px 20px 0px;}
.internal-header-section-one img{width:100%}

/* -------------------------About Us Page------------------------------------- */
.about-section{padding:90px 0px 0px; text-align:center}
.about-section .btn-ten01 {color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 25px;text-align: center;font-weight: 500;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#FFD000;}
.about-section.btn-ten01:hover {color: #FFD000;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 25px;text-align: center;font-weight: 500;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#fff;}
.about-section h5{font-size:18px; line-height:32px; text-align:center; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:60px 20px 30px}
.about-section p{font-size:18px; line-height:32px; text-align:center; font-family:Montserrat;font-weight:400;color:#3B4352;padding:0px 20px 0px}
/* -------------------------sction-2------------------------------------- */
.about-section-two{padding:90px 0px 0px;}
.new-width{width:100%;background:#fff;padding-bottom: 0px;}
.about-immg-box{overflow: hidden;}
.about-immg-box img {width: 100%;object-fit: cover;object-position: center;height: 450px;}
.mission-vision{padding:40px}
.mission-vision p{font-size:26px; line-height:36px;padding-left:30px}
.mission-vision .nav-link {display: block;padding: 0 40px 0px 5px;color: #3B4352 !important;text-decoration: none;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;font-size: 22px;}
.mission-vision ul li{list-style:disc;font-size:24px;}
.mission-vision ul li:first-child{list-style:none;}
.mission-vision ul li::marker {color:#FFD000;}
.mission-vision .nav .nav-item button.active {background-color: transparent;font-size: 22px;color: #3B4352 !important;font-weight:600;}
.mission-vision .nav .nav-item button.active::after {content: "";width: 100%;position: absolute;left: 0;bottom: -1px;border-radius: 5px 5px 0 0;}
.mission-vision .mb-4{margin-bottom: 2.5rem !important;}
.mission-vision .know {margin-top: 40px;display: block;}
.mission-vision .know:hover {margin-top: 40px;display: block;color:#FFD000}
/* -------------------------sction-3------------------------------------- */
.about-section-three{padding:90px 0px 60px;}
.about-section-three p{font-size:18px; line-height:32px; text-align:center; font-family:Montserrat;font-weight:400;color:#3B4352;padding:0px 20px 0px}
.about-section-three .cont-box {padding: 50px 20px;}
.about-section-three .cont-box h6 {font-weight: 600;font-size: 16px;line-height: 20px}
.about-section-three .cont-box h2 {font-weight: 200;font-size: 60px;line-height: 80px;font-family:Montserrat;}
.about-section-three .cont-box h3 {font-weight: 200;font-size: 60px;line-height: 80px;font-family:Montserrat;}
.pd90{padding:90px 0px}
.planning-section-title-left {white-space: nowrap;display: inline-block;-webkit-animation: marquee 110s linear infinite;animation: marquee 110s linear infinite;}
.planning-section-title-left a {font-size: 80px;color: var(--heading-color);line-height: initial;font-weight: 700;margin-right: 15px;text-transform: capitalize;line-height:60px;text-transform: uppercase;font-size: 60px;font-weight:200;}
.planning-section-title-left a:hover {color:#FFD000;}
.planning-section-title-right {white-space: nowrap;display: inline-block;-webkit-animation: marquee-2 130s linear infinite;animation: marquee-2 130s linear infinite;}
.planning-section-title-right a {font-size: 80px;color: var(--heading-color);line-height: initial;font-weight: 700;margin-right: 10px;text-transform: capitalize;line-height:60px;text-transform: uppercase;font-size: 60px;font-weight:200;}
.planning-section-title-right a:hover {color: #FFD000;}
/* -------------------------sction-4------------------------------------- */
.our-value{padding:80px 0px 0px; background:url(../../assets/img/about/our-value.jpg);position:relative;z-index:1;background-position: center; background-size:cover;height:450px;}
.our-value::after {content: '';position: absolute;width: 100%;height: 100%;background-color: #162137d4;top:0;z-index:-1;}
.our-value h3{font-size:52px; line-height:50px; text-align:center; font-family:Montserrat;color:#DDE2EB; font-weight:500}
.our-value p{padding:30px 0px 50px; text-align:center;color:#3B4352;font-size:18px;line-height:32px;width: 1000px;margin: 0 auto;  }
.our-value h5{padding:15px 0px 20px; margin:0px;text-align:center;color:#DDE2EB;font-size:18px;line-height:32px; font-weight:400}
.our-value h6{padding:0px 0px 10px; margin:0px;text-align:center;color:#DDE2EB;font-size:22px;line-height:32px; font-weight:400}
.our-value_one{padding:80px 0px 0px; margin-top:-150px;background-position: center;}
.services__one-item p {margin-bottom: 27px;transition: .4s;font-weight: 500;font-size: 16px;line-height: 28px;}
.services__one-item {padding-bottom: 42px;margin-bottom: 24px;transition: .4s;border: 0px solid var(--border-color-1);position: relative;z-index: 1;overflow: hidden;min-height: 172px;margin-bottom: 24px;padding: 30px 30px 10px !important;background: #fff;}
.services__one-item .icon {margin-top: 0px;padding-top:0px;padding-left: 0px;}
.services__one-item .icon ul {padding: 0;margin: 0;margin-bottom: 0px;}
.services__one-item .icon ul li {list-style: none;font-weight: 700;font-size: 22px;line-height: 36px;margin-bottom: 12px;}
.services__one-item .icon ul li i {width: 40px;height: 40px;line-height: 15px;text-align: center;border-radius: 50%;color: var(--primary-color-3);font-size: 22px;font-weight: 600;margin-right: 15px}
.services__one-item .icon ul li i img{width: 70px;height: 50px;}
.linevalue{width:10px; height:50px; position:absolute; left:0px;    background: #ffd000;}
/* -------------------------Team-5------------------------------------- */
.about-team{padding:70px 0px 60px;margin-top:70px;background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 52%, rgba(22,26,29,0) 52%);}
.about-team h2 {font-weight: 400;font-size: 52px;line-height: 60px;font-family:Montserrat; color:#3B4352;margin-bottom:30px;}
.about-team h3 {font-weight: 400;font-size: 52px;line-height: 60px;font-family:Montserrat; color:#3B4352;margin-bottom:30px;}
.about-team h5{padding:0px 0px 0px; margin:0px;text-align:left;color:#3B4352;font-size:18px;line-height:32px; font-weight:400}
.about-team p{font-size:18px; line-height:28px; text-align:left; font-family:Montserrat;font-weight:400;color:#3B4352; padding-right:15px;}
.team-box {padding: 0px 0px 40px;position: relative;overflow: hidden;}
.team-box-img {padding: 0px;position: relative;width: 35%;float: left;}
.team-box-img img{height: 290px;width: 100%; object-fit: cover;position:relative}
.team-box-con {padding: 0px;position: relative;width: 65%;float: left;}
.team-box-con h4{padding:15px 0px 0px 30px;text-transform: uppercase; margin:0px;text-align:left;color:#3B4352;font-size:30px;line-height:46px; font-weight:300}
.team-box-con h6{padding:0px 0px 20px 30px; margin:0px;text-align:left;color:#3B4352;font-size:16px;line-height:26px; font-weight:600}
.team-box-con p{font-size:18px; line-height:28px; text-align:left; font-family:Montserrat;font-weight:400;color:#3B4352; padding:0px 15px 20px 30px; }
.team-box-con .lineteam {width:10px;height:60px;position: absolute;left: -6px;top: 25px;background: #ffd000;z-index:10;}
.about-team .swiper-pagination {position: absolute;text-align: left;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;bottom: -20px;}
.about-team .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;width: 20px;height: 20px;margin-left: 5px}
.about-team .swiper-pagination-bullet-active {background: 0;border: 1px solid var(--primary-color-3);width: 16px;height: 16px;margin-left: 5px;background: #ffd000;}
.pln-3{padding-left:70px !important}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@-webkit-keyframes marquee-2 {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes marquee-2 {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
.story{}
.story img{}
.story .btn-close {width: 1.5em;height: 1.5em;padding: .25em .25em;color: #3B4352;background: #fff;border: 0;border-radius: 500%;opacity: 1; position: absolute;z-index: 1;right: -11px;top: -10px;}

/* -------------------------Erp Software Page------------------------------------- */
.erp-section-in{padding:40px 0px 0px; text-align:center}
.erp-management .swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0px 15px 15px 0px;z-index: 1;}
.erp-section-in .btn-ten01 {color: #3B4352;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 25px;text-align: center;font-weight: 500;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#FFD000;}
.erp-section-in .btn-ten01:hover {color: #FFD000;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 25px;text-align: center;font-weight: 500;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: uppercase;border-radius: 5px;background:#fff;}
.erp-section-in h5{font-size:18px; line-height:32px; text-align:center; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:60px 20px 30px}
.erp-section-in h6{font-size:14px; line-height:50px; text-align:center; font-family:Montserrat;font-weight:600;color:#3B4352;padding:0px 20px 0px}
.erp-section-in p{font-size:18px; line-height:32px; text-align:center; font-family:Montserrat;font-weight:400;color:#3B4352;padding:0px 20px 0px}
.erp-banner-container{overflow:hidden; position:relative;text-align: center;}
.erp-banner-container .banner-container {position:relative}
.erp-banner-container .banner-container .slide-video {height: 100%;width: 100%;object-fit: cover;}
.erp-banner-container .banner-container {width: 100%;margin: 0px 0;padding:0px 0 40px;}
.erp-banner-container .banner-container .swiper-slide {overflow: hidden;}
.erp-banner-container .banner-container .swiper-slide img {width: 100%;}
.erp-banner-container .banner-container .swiper-slide-active {opacity: 1;z-index: 1;}
.erp-banner-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.erp-banner-container .swiper-button-next {position: absolute;top: 50%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;right: 5%;background: url(../../assets/img/icon/arrow-right.svg) center / contain no-repeat;background-size: 40px;width: 50px;}
.erp-banner-container .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.erp-banner-container .swiper-button-prev {position: absolute;top: 50%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;left: 5%;background: url(../../assets/img/icon/arrow-left.svg) center / contain no-repeat;background-size: 40px;width: 50px;}
.erp-banner-container .banner-container .slide-title1{position: absolute;margin: 0 auto;width: 60%;text-align: center;bottom: 50px;left: 0;right: 0; z-index:100}
.erp-banner-container .banner-container .slide-title1 h2{margin-bottom:10px;font-size: 30px;line-height: 30px;text-align:center; font-family:Montserrat;color:#fff; font-weight:600}
.erp-banner-container .banner-container .slide-title1 p{padding:15px 0px 20px; margin:0px;text-align:center;color:#fff;font-size:18px;line-height:24px; font-weight:400}
.erp-banner-container .banner-container .swiper-slide:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1621375c;
    top: 0;
	left:0;
	z-index:1
}
.new-ul-erp{
	position: absolute;
}
.pt-6{padding-top:40px;}
/* -------------------------sction-2------------------------------------- */
.erp-section-in-three{padding:40px 0px 40px;}
.erp-section-in-three  h1{font-size:30px; text-transform: none;line-height:40px; text-align:center; font-family:Montserrat;font-weight:bold;color:#3B4352;padding:0px 20px 30px}
.erp-section-in-three  h1 span{font-size:30px; line-height:40px; text-align:center; font-family:Montserrat;font-weight:500;}
.erp-section-in-three  h6{font-size:14px; line-height:50px; text-align:center; font-family:Montserrat;font-weight:600;color:#3B4352;padding:0px 20px 0px}
.erp-section-in-three  p{font-size:18px; line-height:32px; text-align:center; font-family:Montserrat;font-weight:500;color:#3B4352;padding:0px 20px 0px}
.erp-section-in-three .cont-box {padding: 0px 20px 60px;}
.erp-section-in-three .cont-box h6 {font-weight: 600;font-size: 16px;line-height: 20px}
.erp-section-in-three .cont-box h2 {font-weight: 200;font-size: 60px;line-height: 80px;font-family:Montserrat;}
.erp-section-in-three .modules{padding:60px 0px 60px;}
.erp-section-in-three .modules h6{font-size:14px; line-height:18px; text-align:left; text-transform:uppercase; font-weight:700;padding:0px}
.erp-section-in-three .modules h6 span{font-size:14px; line-height:18px; text-align:left; text-transform:uppercase;font-weight:500; display:block;padding:0px 0px 20px}
.erp-section-in-three .modules img{height:85px;text-align:left; margin-bottom:15px}
.erp-section-in-three .erpSlider {padding:0px}
.mission-vision-user{padding:40px ; text-align:left;}
.mission-vision-user p{font-size: 14px;line-height: 28px; padding-left: 0px; text-align: left;}
.mission-vision-user .nav-link {display: block;padding: 0 30px 0px 0px;color: #3B4352 !important;text-decoration: none;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;font-size: 18px;}
.mission-vision-user ul li{font-size:18px;}
.mission-vision-user ul li::marker {color:#FFD000;}
.mission-vision-user .nav .nav-item button.active {background-color: transparent;font-size: 18px;color: #3B4352 !important;font-weight:600;}
.mission-vision-user .nav .nav-item button.active::after {content: "";position: absolute;left: 0;bottom: -8px;border-radius: 0;opacity: 1;width:50px;height:5px;background-position: 0 28px;background:#FFD000;}
.mission-vision .mb-4{margin-bottom: 2.5rem !important;}
.mission-vision .know {margin-top: 40px;display: block;}
.mission-vision .know:hover {margin-top: 40px;display: block;color:#FFD000}
.mission-vision-img {overflow: hidden;}
.mission-vision-img img {width: 100%;object-fit: cover;object-position: center;height: 550px;}
.mission-vision-user .icon {margin-top: 10px;padding-top:0px;padding-left: 10px;}
.mission-vision-user .icon ul {padding: 0;margin: 0}
.mission-vision-user .icon ul li {list-style: none;font-weight: 500;font-size: 16px;line-height: 26px;margin-bottom: 10px}
.mission-vision-user.icon ul li i {width: 20px;height: 20px;line-height: 15px;text-align: center;border-radius: 50%;color: var(--primary-color-3);font-size: 16px;font-weight: 400;margin-right: 15px}
.mission-vision-user .icon ul li:last-child {margin: 0}
.mission-vision-user .icon ul li i img{height:20px; padding-right:10px}
/*.slick-prev {left: 130px;z-index: 1;}
.slick-next {right: 130px;}
.slick-slide {transform: scale(0.98);transition: all 0.4s ease-in-out;padding: 0px 0;}
.slick-slide img {max-width: 100%;transition: all 0.4s ease-in-out;}
.slick-center {width:auto;}
.slick-next:before, .slick-prev:before {font-size: 40px;line-height: 1;opacity: .75;color: #fff;font-weight: 600;}
.slick-center .next, .homesecond .prev {height: 60px;border: 0;width: 33px;top: 46%;z-index: 10000;position: absolute;}
.prev {background: url(../../assets/img/icon/arrow-left.svg) center / contain no-repeat;left: 110px;position: absolute;z-index: 1000;top: 50%;background-size: 40px;padding: 21px;}
.next {background: url(../../assets/img/icon/arrow-right.svg) center / contain no-repeat;right: 110px;z-index: 1000;position: absolute;top: 50%;background-size: 40px;padding: 21px;}
*/
.erpSlider {text-align: center; /* Center the contents within the section */}
.erpSlider .slide-video {height: 100%;width: 100%;object-fit: cover;}
.erpSlider .swiper-container {width: 100%;margin: 0px 0;padding:0px 0 40px;}
.erpSlider .swiper-slide {overflow: hidden;height:720px}
.erpSlider .swiper-slide img {width: 100%;}
.erpSlider .swiper-slide-active {opacity: 1;z-index: 1;}
.erpSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.erpSlider .swiper-button-next {position: absolute;top: 50%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;right: 15%;background: url(../../assets/img/icon/arrow-right.svg) center / contain no-repeat;background-size: 40px;width: 50px;}
.erpSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.erpSlider .swiper-button-prev {position: absolute;top: 50%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;left: 15%;background: url(../../assets/img/icon/arrow-left.svg) center / contain no-repeat;background-size: 40px;width: 50px;}
.erpSlider .slide-title{position: absolute;margin: 0 auto;width: 60%;text-align: center;top: 80px;left: 0;right: 0;}
.erpSlider .slide-title h6{padding:15px 0px 20px; margin:0px;text-align:center;color:#DDE2EB;font-size:18px;line-height:32px; font-weight:400}
.erp-section-in-three .mheding {font-size: 18px;line-height: 26px;font-weight: 500;padding: 0px 10px 0px;padding-bottom: 30px !important;}
.erpSlider .slide-title h2{margin-bottom:10px;font-size: 30px;line-height: 38px;text-align:center; font-family:Montserrat;color:#343434; font-weight:700}
.data-Security{margin-top: 50px;padding:80px 0px 0px; background:url(../../assets/img/about/our-value.jpg);position:relative;z-index:1;background-position: center; background-size:cover;height:560px;}
.data-Security::after {content: '';position: absolute;width: 100%;height: 100%;background-color: #162137d4;top:0;z-index:-1;}
.data-Security h3{font-size:26px; line-height:32px; text-align:center; font-family:Montserrat;color:#DDE2EB; font-weight:500}
.data-Security h3 span{font-size:26px; line-height:32px; text-align:center; font-family:Montserrat;color:#DDE2EB; font-weight:700}
.data-Security p{padding:30px 0px 50px; text-align:center;color:#DDE2EB;font-size:18px;line-height:32px;width: 1000px;margin: 0 auto;font-weight:500  }
.data-Security h5{padding:15px 0px 20px; margin:0px;text-align:center;color:#DDE2EB;font-size:18px;line-height:32px; font-weight:400}
.data-Security h6{padding:15px 0px 20px; margin:0px;text-align:center;color:#fff;font-size:18px;line-height:32px; font-weight:400}
.data-Security .icon{padding:10px}
.services__one-item1 p {margin-bottom: 27px;transition: .4s;font-weight: 500;font-size: 16px;line-height: 28px;}
.services__one-item1 {padding-bottom: 42px;margin-bottom: 24px;transition: .4s;border: 0px solid var(--border-color-1);position: relative;z-index: 1;overflow: hidden;min-height: 250px;margin-bottom: 24px;padding: 30px 30px 10px !important;background: #fff;}
.services__one-item1 .icon1 {margin-top: 0px;padding-top:0px;padding-left: 0px;min-height: 285px;}
.services__one-item1 .icon1 img{height: 55px; margin-bottom:25px;}
.services__one-item1 .icon1 h3 {margin-bottom:10px;font-size: 22px;line-height: 28px;text-align:left; font-family:Montserrat;color:#343434; font-weight:700}
.services__one-item1 .icon1 p {margin-bottom:20px;font-size: 14px;line-height: 24px;text-align:left; font-family:Montserrat;color:#343434; font-weight:500}
.services__one-item1 .linevalue {width: 10px;height: 50px;position: absolute;left: 0px;background: #ffd000;top: 99px;}
/*------------------------------contact Us -------------------------------- */

.conbix-contact-item {position: relative;margin-bottom: 15px}
.conbix-contact-item span {position: absolute;right: 16px;top: 18px;color: #3B4352;font-weight: 400}
.conbix-contact-item input,
.conbix-contact-item textarea {font-size: 15px}
.contact__page {position: relative;z-index: 2}
.contact__page-form {background: var(--color-6);padding: 70px}
.contact__page-form-item textarea {height: 180px}
.contact__page-info {margin-left: 100px}
.contact__page-info-item {display: flex;margin-bottom: 40px}
.contact__page-info-item:last-child {margin: 0}
.contact__page-info-item h6 span {margin-left: 25px}
.contact__page-info-item>span {max-width: 290px;margin-left: 45px;margin-top: 1px}
.contact__page-info-item>span a {text-transform: lowercase;display: block;transition: .4s}
.contact__page-info-item>span a:hover {color: var(--primary-color-1)}
.contact__four-info {padding: 40px 30px;padding-top: 75px;transition: .4s;box-shadow: var(--box-shadow-1);position: relative;z-index: 1;margin-top: 40px;    border-radius: 10px;}
.contact__four-info::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url("../img/shape/footer.png");background-size: cover;background-position: right;z-index: -1;opacity: .6;transition: .4s}
.contact__four-info-icon {width: 60px;height: 60px;line-height: 60px;display: inline-block;border-radius: 50%;background: var(--primary-color-1);text-align: center;transition: .4s;position: absolute;top: -30px;left: 40px}
.contact__four-info-icon::after {
content: "";position: absolute;width: 80px;height: 80px;border: 1px dashed var(--primary-color-1);border-radius: 50%;display: block;top: -10px;left: -10px;animation: rotation 10s infinite linear}
.contact__four-info-icon img {max-width: 25px;transform: rotateY(0)}
.contact__four-info p {text-transform: lowercase;font-weight: 500;transition: .4s;color: var(--color-2)}
.contact__four-info p a {transition: .4s}
.contact__four-info p a:hover {color: var(--primary-color-1)}
.contact__four-info h4 {transition: .4s;font-size: 20px;line-height: 34px;padding: 0;margin: 0 0 10px;color: var(--text-heading-color);font-family: "Montserrat", sans-serif;font-weight: 600;}
.contact__four-info span {transition: .4s;font-weight: 500;font-size: 15px;line-height: 25px;color: var(--color-2);margin-bottom: 15px;display: block}
.contact__four-info:hover {background: var(--bg-heading-color)}
.contact__four-info:hover h4 {color: var(--text-white)}
.contact__four-info:hover p,
.contact__four-info:hover span {color: #b0b0bd}
.contact__four-info:hover .contact__four-info-icon img {animation: rotateY .6s}
.contact__four-info:hover .contact__four-info-icon::after {animation: initial}
.contact__four-form {padding: 70px 50px;box-shadow: var(--box-shadow-2);background: var(--bg-white);position: relative;z-index: 2}
.contact__four-form-title {max-width: 600px;margin: 0 auto;	margin-bottom: 60px}
.request__quote span {color: var(--primary-color-1)}
.request__quote p {font-size: 16px;line-height: 26px;font-weight: 600}
.request__quote-item label {margin-bottom: 5px;font-weight: 600;font-size: 16px}
.request__quote-services label {font-size: 14px;display: block;font-weight: 500;color: var(--text-heading-color)}
.request__quote .description {font-size: 16px;font-weight: 400;margin-top: 10px}
@media(max-width:1399px) {
.contact__page-form {padding: 60px 50px	}
.contact__page-info {margin-left: 80px}
.contact-box {padding: 60px 40px}
.contact__three-info {gap: 25px}
.contact__three-info-icon {width: 75px;	height: 75px;line-height: 75px}
.contact__three-info-content p {font-size: 15px;line-height: 25px}
}
@media(max-width:1199px) {
.contact__page-form {padding: 60px 40px	}
.contact__page-info {margin-left: 30px}
}
@media(max-width:991px) {
.contact__page-form {padding: 60px 40px}
.contact__page-info {margin-left: 0	}
.contact__two-left {margin-right: 0}
.contact__two-box {padding: 60px 40px}
}
@media(max-width:530px) {
.contact__page-info-item h6 span {margin-left: 15px}
.contact__page-info-item>span {margin-left: 15px}
.contact__four-form {padding: 50px 30px}
}

@media(max-width:485px) {
.contact__page-form {padding: 50px 30px	}
.contact__page-info-item {display: block	}
.contact__page-info-item h6 span {margin-left: 15px}
.contact__page-info-item>span {display: block;margin-left: 0;margin-top: 3px}
.contact__page-map {margin-top: -140px}
.contact__two-box {	padding: 40px 16px}
.contact-box {padding: 40px 16px}
}

@media(max-width:359px) {
.contact__three-info {display: block}
.contact__three-info-icon {margin-bottom: 20px}
}
.get{background: #fff;width: 860px;padding: 50px  50px 0px;border-radius: 15px;margin: 0px auto 90px;text-align: center;}
.get h3 {margin-bottom: 10px;text-transform: none;font-weight: 600;}
.get p {padding-bottom: 50px;text-transform: none}

/* Mobile App  Modules  */

.section-module {font-family: Poppins;display: flex;gap: 20px;align-items: center;display: block;}
.column-module {display: flex;flex-direction: column;gap: 20px;width: 20%;}
.section-details {border-left: 10px solid #FFCB00;padding-left: 20px;}
.name-section{font-weight: 800;text-transform: uppercase;font-size: 14px;color: #650061 !important;line-height: 1.2em;margin: 0;}
.navigation-module {display: flex;gap: 10px;}
.swiper-module {width: 100%;overflow: hidden;position: relative;}
@media (max-width: 768px) {
.section-module {flex-direction: column;align-items: flex-start;}
.swiper-module{width: 100%;}
}
.swiper-module .swiper-slide {border-radius: 10px;display: flex;flex-direction: column;align-items: flex-start;gap: 20px;}
.swiper-module .swiper-slide * {margin: 0;}
.swiper-button-module-next,
.swiper-button-module-prev {cursor: pointer;}
.swiper-button-module-prev {cursor: pointer;padding-left:15px}
@media (max-width: 768px) {
.header-slide svg {width: 50px;}
.title-slide h4 {font-size: 14px;}
.swiper-module .swiper-slide {padding: 10px;}
}

/* ======================  auto scroll new ============================== */
.splide {
  max-width: 100%;
  padding:50px 0px 60px
}
.splide1 {
  max-width: 100%;
  padding:50px 0px 60px
}
.splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.splide__slide__container {
  border-radius:0;
  display: flex;
  align-items: end;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, height 300ms var(--ease-bounce-1);
}
.splide__slide__container img{width:100%;  border-radius:10px;}
@media (max-width: 768px) {
	.splide1 {
  max-width: 100%;
  padding:0px 0px 30px;
}
.splide {
  max-width: 100%;
  padding:0px 0px 30px;
}	
.splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
}
}
/* ======================  auto scroll new ============================== */
.ulpd{padding-left:15px}
.slider-new:hover .slide-track {
  animation-play-state: paused;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* adjust to match slide width */
}




.accordionnew {
  width: 100%;
  margin: 10px auto 10px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0;
}
.accordionnew ul{margin:0px !important;padding:0px}
.accordionnew li {
  cursor: pointer;
  display: block;
  padding: 10px 0px 2px 0px;
  color: #4D4D4D;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordionnew .link {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordionnew li:last-child .link { border-bottom: 0; }

.accordionnew li i {
  position: absolute;
  top: 5px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordionnew li i.fa-chevron-down {
  right: 5px;
  left: auto;
  font-size: 20px;
}

.accordionnew li.open .link { color: #ffd000; }

.accordionnew li.open i { color: #ffd000; }

.accordionnew li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenunew {
  display: none;
  background: #fff;
  font-size: 15px;
}

.submenunew li { border-bottom: 0px solid #4b4a5e; }

.submenunew a {
  display: block;
  text-decoration: none;
  color: #3b4352;
  padding: 2px 5px;
  padding-left: 0px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-size: 16px;
  line-height: 16px;
  font-weight:600;
}
.submenunew a img {
    height: 35px !important;
    width: 40px;
}
/*
.submenunew a:hover {
  background: #b63b4d;
  color: #FFF;
}*/

/*website */
.internal-header-section-two {
    padding: 75px 0px 0px;
    text-align: center;
	height: 1150px;
}
.webimg {
    position: absolute;
    right: -35px;
    top: 0px;
}

.webimg img{height: 1100px;}
.internal-header-section-two h1{font-size:80px; line-height:60px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:0px 20px 40px;     text-transform: none;}
.internal-header-section-two h1 span{font-size:80px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:500;text-transform: none;}
.internal-header-section-two p {font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 400;color: #3B4352;padding: 0px 20px 0px;}
.internal-header-section-two h2 {
    font-size: 100px;
    line-height: 80px;
    text-align: left;
    font-family: Montserrat;
    font-weight: 700;
    color: #3B4352;
    padding: 150px 20px 60px;
    text-transform: none;
    position: relative;
    bottom: -165px;
}
.internal-header-section-two h2 p{font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 500; padding: 20px 50px 0px 0px;text-transform: none;}
.webtitle{padding:50px 0px 0px 70px; width:100%; float:left}
.internal-header-section-two .btn-ten01 {
    color: #3B4352;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 25px;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    background: #FFD000;
	margin-top: 50px;
}
.internal-header-section-two .btn-ten01:hover {
    color: #FFD000;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 25px;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    background: #3B4352;
	margin-top: 50px;
}

.marqueeweb{background:#FFD000;padding: 10px 0px;}
.marqueeweb .slider {
  height: auto;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 30px;
  font-weight:bold;
}
.marqueeweb .slide-track {
  width: calc(370px * 42);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.marqueeweb .slide-track2 {
  width: calc(400px * 30);
  display: flex;
  animation: scroll2 15s linear infinite;
  justify-content: space-between;
}

.marqueeweb .slide {
  width: auto;
  height: 50px;
  display: grid;
  place-items: center;
  transition:0.5s;
}
.marqueeweb .slide-track:hover {
  animation-play-state: paused; 
  cursor:pointer;
}



.marqueedig{background:#FFD000;padding: 10px 0px;}
.marqueedig .slider {
  height: auto;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 30px;
  font-weight:bold;
}
.marqueedig .slide-track {
  width: calc(250px * 42);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.marqueedig .slide-track2 {
  width: calc(400px * 30);
  display: flex;
  animation: scroll2 15s linear infinite;
  justify-content: space-between;
}

.marqueedig .slide {
  width: auto;
  height: 50px;
  display: grid;
  place-items: center;
  transition:0.5s;
}
.marqueedig .slide-track:hover {
  animation-play-state: paused; 
  cursor:pointer;
}



@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 5));
  }
}


.marqueeweb1{background:#FFD000;padding: 10px 0px;}
.marqueeweb1 .slider {
  height: auto;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 30px;
  font-weight:bold;
}
.marqueeweb1 .slide-track {
  width: calc(330px * 42);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.marqueeweb1 .slide {
  width: auto;
  height: 50px;
  display: grid;
  place-items: center;
  transition:0.5s;
}
.marqueeweb1 .slide-track:hover {
  animation-play-state: paused; 
  cursor:pointer;
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}




@media screen and (max-width: 768px) {
 .marqueeweb .slide-track {
    width: 100%;
  }

 .marqueeweb .slide-track2 {
   width: 100%;
  }
.marqueeweb {
  background: #FFD000;
  padding: 0px 0px;
}
 .marqueeweb .slide {
		width: max-content;
        font-size: 20px;
        line-height: 22px;
        padding: 0px 10px;
    }

  @keyframes scroll {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(calc(-80px * 10));
    }
  }

  @keyframes scroll2 {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(calc(-80px * 5));
    }
  }
}
.section-padding-in-web {padding: 80px 0px 40px;}
.section-padding-in-web h2 {font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 30px 20px;text-transform: none;}
.section-padding-in-web h2 span {font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.section-padding-in-web h4 {font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.section-padding-in-web .ab {font-size: 18px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 400;text-transform: none;}
.features-new {padding: 0px 0}
.features-new img {padding: 5px;margin-top: 10px;}
.features-new .portfolio__area-title p {line-height: 26px;font-weight: 300}
.features-new p {font-size: 15px;line-height: 24px;padding: 0;margin: 0 0 25px;font-weight: 400;text-transform: none}
.features-new .icon {width: 60px;height: 60px}
.bgweb {background: #ffd000;padding:70px 30px 50px;text-align: left;clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);}
.bgweb p{font-size: 22px;line-height: 30px;}
.bgweb h3{font-size:100px; margin-bottom:50px;color:#3B4352}
.linkreq{margin-top:60px;line-height: 22px;    position: relative;}
.linkreq a{line-height:22px; font-weight:600;font-size:16px;}
.linkreq a img{position: absolute;bottom: -18px;right: 12px;}
.adminmobile{position:relative; padding:100px 0px 100px}
.apbg{background:#fff; min-height:500px;padding:100px 100px 0px 80px;text-align:left;}
.apbg h3{font-family:Montserrat;font-size:40px; min-height:10px;padding-bottom:0px;font-weight:300;text-align:left}
.apbg h2{font-family:Montserrat;font-size:40px; min-height:10px;padding-bottom:10px;font-weight:600;text-align:left}

.schoolphotoui{background:#3B4352;padding:100px 0px 80px; color:#DDE2EB}
.schoolphotoui h2 {color:#DDE2EB;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 30px 20px;text-transform: none;}
.schoolphotoui h2 span {color:#DDE2EB;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.schoolphotoui h4 {color:#DDE2EB;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.schoolphotoui .ab {color:#DDE2EB;font-size: 18px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 400;text-transform: none;}

.schoolphotoui .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.schoolphotoui .slick-initialized .slick-slide {
    display: block
}
.schoolphotoui .cs-gallery-item {
    height: 500px
}
.schoolphotoui .slick-slider {
    margin-bottom: 50px;
	margin-top: 50px;
}
.schoolphotoui .cs-gallery-item img {
    height: 100%;
    width: auto
}
.schoolphotoui .cs-gallery img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: transform .3s
}

.schoolphotoui .slick-list {
    overflow: hidden
}
.schoolphotoui .slick-arrow.slick-prev {
    left: -30px
}
.schoolphotoui .slick-arrow.slick-next {
    right: -30px
}
.schoolphotoui .slick-dots {
    bottom: 30px;
    width: 100%;
    list-style: none;
    text-align: center
}
.schoolphotoui .next,.schoolphotoui .prev {
    height: 60px;
    border: 0;
    width: 33px;
    top: 46%;
    z-index: 10000;
    position: absolute
}
.schoolphotoui .next {
    background: #ffd000 url(../../assets/img/right1.svg) center/contain no-repeat;
    right: 12%;
	border-radius: 50px;
    padding: 10px;
    background-size: 12px;
    width: 46px;
    height: 46px;
}
.schoolphotoui .prev {
    background: #ffd000 url(../../assets/img/left1.svg) center / contain no-repeat;
    left: 12%;
    border-radius: 50px;
    padding: 10px;
    background-size: 12px;
    width: 46px;
    height: 46px;
}
.schoolphotoui .btn-ten02 {
    color: #3B4352;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding: 6px 15px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 5px;
    background: #FFD000;
    border: 0px;
}
.schoolphotoui .knowmore {
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
}


.schoolphotoui .titlenew{padding-top:70px;}
.schoolphotoui .titlenew h4{font-size: 32px;line-height: 24px;font-weight: 700; color:#fff}
.schoolphotoui .titlenew h5{font-size: 32px;line-height: 24px;font-weight: 400; color:#fff; padding-top:0px; padding-bottom:30px;}
.compare{position:relative; padding-bottom:50px;}
.compare img{border-radius:10px;width:100%}
.compare p{ color:#fff; padding-top:20px;font-size:26px;font-weight: 400;}
.compare .carousel-control-next {
    right: 5%;
    background: #ffd000;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    top: 46%;
	opacity: 1;
	transition: opacity .15s ease;
	cursor:pointer;
}
.compare .carousel-control-next:hover {background: #fff;cursor:pointer;}
.compare .carousel-control-prev {
    position: absolute !important;
    top:46%;
	left:5% !important;
    z-index: 1;
    height: 40px;
    width: 40px;
    opacity:1;
    transition: opacity .15s ease;
	background: #ffd000;
	 border-radius: 50px;
	 cursor:pointer;
}
.compare .carousel-control-prev:hover {background: #fff;cursor:pointer;}
.compare .banner__three-title-in .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 90% 90%;
    line-height: 32px;
    margin: 7px 10px;
	 cursor: pointer;
}
.compare .carousel-control-next-icon {
     background:url(../../assets/img/right1.svg) center / contain no-repeat;
}
.compare .carousel-control-prev-icon {
     background:url(../../assets/img/left1.svg) center / contain no-repeat;
}

.compare .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}
.compare .textone{width:50%; text-align:Center;float: left;color: #fff;padding-top: 20px;font-size: 26px;font-weight: 400;}
.compare .texttwo{width:50%;text-align:Center;float: left;color: #fff;padding-top: 20px;font-size: 26px;font-weight: 400;}
.desktop-hide{display:none !important;}
.mobile-hide{display:block !important;}



.adimg {
  margin-top:-300px;
}
.imgovr{position: relative;border-radius:10px;}

.imgovr img {
  width: 100%;
  height: auto;
  border-radius:10px;
}
.imgovr .:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(0deg, rgb(0 0 0 / 71%) 0%, rgb(0 0 0 / 0%) 75%);
  z-index: 1;
  pointer-events: none;
  border-radius:10px;
}
.imgovr .text{position:absolute; bottom:40px;left:50px; color:#fff; font-size:26px; font-weight:800; text-align:left}
.imgovr .text p{color:#fff; font-size:16px; font-weight:400}
.imgovr .text p img{height:15px;height: 15px;width: 12px;}

/* portfolio */
.portfolio-web{padding:100px 0px 0px}
.portfolio-web .title h2 {color:#3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 200px 20px;text-transform: none;}
.portfolio-web .title h2 span {color:#3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.portfolio-web .title h4 {color:#3B4352;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.portfolio-web .title .ab {font-size: 15px;line-height: 24px;padding: 0 50px;margin: 0 0 15px;font-weight: 500;text-transform: none;}

.portfolio-web .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.portfolio-web .slick-initialized .slick-slide {
    display: block
}
.portfolio-web .cs-gallery-item {
    height: auto;
	padding: 0px 15px;

}
.portfolio-web .slick-slider {
    margin-bottom: 50px;
	margin-top: 50px;
}
.portfolio-web .cs-gallery-item img {
    height: 100%;
    width: auto
}
.portfolio-web .cs-gallery img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: transform .3s
}

.portfolio-web .slick-list {
    overflow: hidden
}
.portfolio-web .slick-arrow.slick-prev {
    left: -30px
}
.portfolio-web .slick-arrow.slick-next {
    right: -30px
}
.portfolio-web .slick-dots {
    bottom: 30px;
    width: 100%;
    list-style: none;
    text-align: center
}
.portfolio-web .next,.portfolio-web .prev {
    height: 60px;
    border: 0;
    width: 33px;
    top: 40%;
    z-index: 10000;
    position: absolute
}
.portfolio-web .next {
    background: #ffd000 url(../../assets/img/right1.svg) center/contain no-repeat;
    right: 12%;
	border-radius: 50px;
    padding: 10px;
    background-size: 12px;
    width: 46px;
    height: 46px;
	z-index:1;
}
.portfolio-web .prev {
    background: #ffd000 url(../../assets/img/left1.svg) center / contain no-repeat;
    left: 12%;
    border-radius: 50px;
    padding: 10px;
    background-size: 12px;
    width: 46px;
    height: 46px;
	position: absolute;
	z-index:1;
}
.portfolio-web .btn-ten02 {
    color: #3B4352;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding: 6px 15px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 5px;
    background: #FFD000;
    border: 0px;
}
.portfolio-web .knowmore {
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
}
.portfolio-web .uiphoto{padding:20px 0px 0px}
.portfolio-web .uiphoto img{border-radius:15px}
.portfolio-web .uicontent{padding:30px 20px 20px}
.portfolio-web .uicontent img{padding:0px 0px 15px;}
.portfolio-web .uicontent p{font-size:16px; line-height:30px;color:#3B4352}
.portfolio-web .CaseStudy {padding:0px 20px 0px;}
.portfolio-web .CaseStudy p{width:50%; float:left}
.portfolio-web .CaseStudy p a:hover{color:#FFD000}
.portfolio-web .CaseStudy .webline{position:relative}
.portfolio-web .CaseStudy .webline:after {
    position: absolute;
    content: '';
    background: #3B4352;
    width: 50px;
    height: 2.5px;
    left: 90px;
    top: 12px;
    border-radius: 28px;
}
.pdblog{
    padding: 30px 0px 70px;
}

.website-modle{
    padding: 50px 0px 0px;
}


/*Digital Marketing */
.internal-header-section-dm {
    padding: 75px 0px 0px;
    text-align: center;
    height: 870px;
}
.internal-header-section-dm h1{font-size:80px; line-height:60px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:0px 20px 40px;     text-transform: none;}
.internal-header-section-dm h1 span{font-size:80px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:500;text-transform: none;}
.internal-header-section-dm p {font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 400;color: #3B4352;padding: 0px 20px 0px;}
.internal-header-section-dm h2{font-size:100px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:100px 20px 60px;text-transform: none;}
.internal-header-section-dm h2 p{font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 500; padding: 20px 50px 0px 0px;text-transform: none;}
.internal-header-section-dm .btn-ten01 {color: #3B4352;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: uppercase;border-radius: 5px;background: #FFD000;margin-top: 50px;}
.internal-header-section-dm .btn-ten01:hover {color: #FFD000;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: uppercase;border-radius: 5px;background: #3B4352;margin-top: 50px;}
.webtitle{padding:70px 0px 0px 70px; width:570px; float:left}
.section-padding-in-dm {padding: 80px 0px 40px;}
.section-padding-in-dm h2 {font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 150px 20px;text-transform: none;}
.section-padding-in-dm h2 span {font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.section-padding-in-dm h4 {font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.section-padding-in-dm .ab {font-size: 18px;line-height: 24px;padding: 0;margin: 0 50px 15px;font-weight: 400;text-transform: none;}
.features-dm{padding-bottom: 100px;}
.dmimg {position: relative;right: 0;top: -50px;}
.dmimg img{height: 850px;}
.features-dm .dmbox{padding-bottom:30px;padding: 30px 20px;}
.features-dm h4 {font-size: 16px;font-weight: 600;text-transform: uppercase;margin-bottom: 0px;padding: 10px 0px 0px;line-height: 15px;}
.features-dm h5{font-size:16px; font-weight:400;text-transform:uppercase;margin-bottom: 10px;}
.features-dm p{font-size:13px; font-weight:400;}
.flex-nowrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
.dm-hide{display:block}
.dmm-hide{display:none}
.com-photo-one{float:left;}
.com-photo-two{float:left;}
.com-photo-two img {border-radius: 0px;width: 100%;}
.com-photo-one img {border-radius: 0px;width: 100%;}
.compare-dm{position:relative; padding-bottom:50px;}
.compare-dm img{border-radius:0px;width:100%}
.compare-dm p{ color:#fff; padding-top:20px;font-size:26px;font-weight: 400;}
.compare-dm .carousel-control-next {
    right: -9%;
    background: #ffd000;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    top: 45%;
	opacity: 1;
	transition: opacity .15s ease;
	cursor:pointer;
}
.compare-dm .carousel-control-next:hover {background: #fff;cursor:pointer;}
.compare-dm .carousel-control-prev {
    position: absolute !important;
    top:45%;
	left:-9% !important;
    z-index: 1;
    height: 45px;
    width: 45px;
    opacity:1;
    transition: opacity .15s ease;
	background: #ffd000;
	 border-radius: 50px;
	 cursor:pointer;
}
.compare-dm .carousel-control-prev:hover {background: #fff;cursor:pointer;}
.compare-dm .banner__three-title-in .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 90% 90%;
    line-height: 32px;
    margin: 7px 10px;
	 cursor: pointer;
}
.compare-dm .carousel-control-next-icon {
     background:url(../../assets/img/right1.svg) center / contain no-repeat;
}
.compare-dm .carousel-control-prev-icon {
     background:url(../../assets/img/left1.svg) center / contain no-repeat;
}

.compare-dm .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}
.compare-dm .textone{width:50%; text-align:Center;float: left;color: #fff;padding-top: 20px;font-size: 22px;font-weight: 400;}
.compare-dm .texttwo{width:50%;text-align:Center;float: left;color: #fff;padding-top: 20px;font-size: 22px;font-weight: 400;}


.dmconcept{background:#3B4352;padding:100px 0px 50px; color:#DDE2EB}
.dmconcept h2 {color:#DDE2EB;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 30px 20px;text-transform: none;}
.dmconcept h2 span {color:#DDE2EB;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.dmconcept h4 {color:#DDE2EB;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.dmconcept .ab {color:#DDE2EB;font-size: 18px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 400;text-transform: none;}

.dmconcept .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.dmconcept .slick-initialized .slick-slide {
    display: block
}
.dmconcept .cs-gallery-item {
    height: 500px
}
.dmconcept .slick-slider {
    margin-bottom: 50px;
	margin-top: 50px;
}
.dmconcept .cs-gallery-item img {
    height: 100%;
    width: auto
}
.dmconcept .cs-gallery img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: transform .3s
}

.dmconcept .slick-list {
    overflow: hidden
}
.dmconcept .slick-arrow.slick-prev {
    left: -30px
}
.dmconcept .slick-arrow.slick-next {
    right: -30px
}
.dmconcept .slick-dots {
    bottom: 30px;
    width: 100%;
    list-style: none;
    text-align: center
}
.dmconcept .next,.dmconcept .prev {
    height: 60px;
    border: 0;
    width: 33px;
    top: 46%;
    z-index: 100;
    position: absolute
}
.dmconcept .next {
    background: #ffd000 url(../../assets/img/right1.svg) center/contain no-repeat;
    right: 12%;
	border-radius: 50px;
    padding: 10px;
    background-size: 12px;
    width: 46px;
    height: 46px;
}
.dmconcept .prev {
    background: #ffd000 url(../../assets/img/left1.svg) center / contain no-repeat;
    left: 12%;
    border-radius: 50px;
    padding: 10px;
    background-size: 12px;
    width: 46px;
    height: 46px;
}
.dmconcept .btn-ten02 {
    color: #3B4352;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding: 6px 15px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 5px;
    background: #FFD000;
    border: 0px;
}
.dmconcept .knowmore {
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
}


.dmconcept .titlenew{padding-top:70px;}
.dmconcept .titlenew h4{font-size: 32px;line-height: 36px;font-weight: 700; color:#fff}
.dmconcept .titlenew h5{font-size: 32px;line-height: 36px;font-weight: 400; color:#fff; padding-top:5px; padding-bottom:30px;}

.portfolio-reel{padding:100px 0px 0px}
.portfolio-reel .title h2 {color:#3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 200px 20px;text-transform: none;}
.portfolio-reel .title h2 span {color:#3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.portfolio-reel .title h4 {color:#3B4352;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.portfolio-reel .title .ab {font-size: 15px;line-height: 24px;padding: 0 50px;margin: 0 0 15px;font-weight: 500;text-transform: none;}
.icon-list1 {margin: 30px 0px 30px 0px;}
.icon-list {margin: 30px 0px 30px 0px;}
.icon-list p{font-weight:500;font-size:16px;text-align: left;line-height: 30px;}
.icon-list ul{list-style: none;padding: 0;margin: 30px 0px 50px 30px;}
.icon-list li {position: relative;padding-left: 28px;margin-bottom: 10px;text-align:left;font-weight:500;font-size:16px;}
.icon-list li::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background: url("../../assets/img/icon/ellipse.svg") no-repeat center center;background-size: contain;}
.reel{padding:40px 56px}
.reel .owl-theme .owl-nav .owl-prev {border-radius: 50px;position: absolute;top: 44%;left: -55px;height: 40px;line-height: 32px;width: 40px;background: #ffd000;text-align: center;}
.reel .owl-theme .owl-nav .owl-next {border-radius: 50px;position: absolute;top: 44%;right: -55px;height: 40px;line-height: 32px;width: 40px;background: #ffd000;text-align: center;}
.reel .owl-theme .owl-nav .owl-next:hover, .reel .owl-theme .owl-nav .owl-prev:hover{background: #fff;}
.reel .owl-theme .owl-nav .owl-prev span img, .owl-theme .owl-nav .owl-next span img{object-fit: fill;height: 24px;}
.reel .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 15px;}
.reel-box-new {position: relative;width: 100%;height: auto;overflow: hidden;border-radius: 15px;}
.reel-box-new video {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}

.softphoto{position:relative}
.softphoto .owl-theme .owl-nav .owl-prev {border-radius: 50px;position: relative;bottom: 60px;left: 44%;height: 40px;line-height: 32px;width: 40px;background: #ffd000;text-align: center;}
.softphoto .owl-theme .owl-nav .owl-next {border-radius: 50px;position: relative;bottom: 60px;left: 45%;height: 40px;line-height: 32px;width: 40px;background: #ffd000;text-align: center;}
.softphoto .owl-theme .owl-nav .owl-next:hover, .softphoto .owl-theme .owl-nav .owl-prev:hover{background: #fff;}
.softphoto .owl-theme .owl-nav .owl-prev span img, .owl-theme .owl-nav .owl-next span img{object-fit: fill;height: 24px;}
.softphoto .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 15px;}
.softphoto-box-new {position: relative;width: 100%;overflow: hidden;border-radius: 15px;}
.softphoto-box-new video {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.softphoto .owl-theme .owl-nav {height:0px;}
.icon ul li.active {font-weight: bold;}
/* shubham */
.portfolio-reel-new {background: #ffd000;height: 760px;margin-top: 50px;padding-top: 80px;position: relative;overflow: hidden;}
.portfolio-reel-new .title h2 {color: #ffff;font-size: 38px !important;font-weight: 600;line-height: 40px;margin-top: 0 !important;padding: 0px 120px 20px;text-transform: none;}
.portfolio-reel-new .btn-ten02 {color: #ff8c26;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 20px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: capitalize;border-radius: 5px;background: #fffefa;}
.portfolio-reel-new .btn-ten02:hover {color: #FFD000;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 8px 20px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;z-index: 3;position: relative;text-transform: capitalize;border-radius: 5px;background: #3B4352;}
.skrk{padding-top: 80px;}
.portfolio-reel-new .planning-section-title-left a {font-size: 120px;color: #fff !important;line-height: initial;font-weight: 700;margin-right: 15px;text-transform: capitalize;line-height: 100px;line-height: .services__one-item:hover62px;text-transform: uppercase;}
.portfolio-reel-new .planning-section-title-right a {font-size: 120px;color: #fff !important;line-height: initial;font-weight: 700;margin-right: 15px;text-transform: capitalize;line-height: .services__one-item:hover62px;text-transform: uppercase;}
.portfolio-reel-new .planning-section-title-right a:hover {color: #3B4352 !important;}
.portfolio-reel-new .planning-section-title-left a:hover {color: #3B4352 !important;}
.portfolio-reel-new-img {position: absolute;bottom: 0px;left: 0;z-index: 2;right: 0;margin: 0 auto;width: 940px;}
.portfolio-reel-new-img img {max-width: 100%;height: auto;}

/* Marquee text niche chalta rahe */
.portfolio-reel-new .scrolling-tickers {position: relative;z-index: 1; }
.portfolio-reel-new .section-padding-in-dm h2 span {font-size: 40px !important;line-height: 48px;margin-top: 0 !important;font-weight: 400;}
.section-padding-in-dm-new .ab {font-size: 15px;line-height: 24px;padding: 0;margin: 0 0px 2px;font-weight: 400;text-transform: none;}
.features-dm-new  h4 {font-size: 16px;font-weight: 700;text-transform: uppercase;margin-bottom: 15px;padding: 10px 0px 0px;line-height: 21px;}
.features-dm-new .dmbox {position: relative;display: inline-block;}
.features-dm-new .dmbox .icon {width: 120px;height: auto;}
.features-dm-new .dmbox .icon-right-new {position: absolute;top: 25%;left: calc(100% + -21px);transform: translateY(-50%);width: 64px;height: auto;}

/*Digital Marketing */
.internal-header-section-photography {padding: 75px 0px 0px;text-align: center;height: 900px;}
.internal-header-section-photography h1{font-size:80px; line-height:60px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:0px 20px 40px;     text-transform: none;}
.internal-header-section-photography h1 span{font-size:80px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:500;text-transform: none;}
.internal-header-section-photography p {font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 400;color: #3B4352;padding:0px 120px 0px 20px;}
.internal-header-section-photography h2{font-size:100px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:70px 20px 60px;text-transform: none;}
.internal-header-section-photography h2 p{font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 500; padding: 20px 50px 0px 0px;text-transform: none;}
.internal-header-section-photography .btn-ten01 {color: #3B4352;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: uppercase;border-radius: 5px;background: #FFD000;margin-top: 50px;}
.internal-header-section-photography .btn-ten01:hover {color: #FFD000;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: uppercase;border-radius: 5px;background: #3B4352;margin-top: 50px;}
.internal-header-section-photography .webtitle{padding:50px 0px 0px 50px; width:100%; float:left}
.internal-header-section-photography .phoimg{height: 700px;position: absolute;right: -40%;float: right;z-index: -1;top: 57px;}
.internal-header-section-photography .phoimg img{height: 670px;width: 100%;}
.internal-header-section-photography .rkph h4 {font-size: 16px;font-weight: 400 !important;}
.internal-header-section-photography .rkph h6 {font-size: 16px;font-weight: 400 !important;text-transform:uppercase;}
.compare-photo p {color: #fff;padding-top: 30px;font-size: 16px;font-weight: 400;}
.photoconcept {background: #3B4352;padding: 100px 0px 50px;color: #DDE2EB;position:relative; padding-bottom:50px;}
.photoconcept img{border-radius:0px;width:100%}
.photoconcept p {color: #fff;padding-top: 0px;font-size: 18px;font-weight: 400;text-transform: none;line-height: 26px;}
.photoconcept .carousel-control-next {right: -9%;background: #ffd000;height: 45px;width: 45px;border-radius: 50px;top: 45%;opacity: 1;transition: opacity .15s ease;cursor:pointer;}
.photoconcept .carousel-control-next:hover {background: #fff;cursor:pointer;}
.photoconcept .carousel-control-prev {position: absolute !important;top:45%;left:-9% !important;z-index: 1;height: 45px;width: 45px;opacity:1;transition: opacity .15s ease;background: #ffd000;border-radius: 50px;cursor:pointer;}
.photoconcept .carousel-control-prev:hover {background: #fff;cursor:pointer;}
.photoconcept .banner__three-title-in .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 2rem;height: 2rem;background-repeat: no-repeat;background-position: 50%;background-size: 90% 90%;line-height: 32px;margin: 7px 10px;cursor: pointer;}
.photoconcept .carousel-control-next-icon {background:url(../../assets/img/right1.svg) center / contain no-repeat;}
.photoconcept .carousel-control-prev-icon {background:url(../../assets/img/left1.svg) center / contain no-repeat;}
.photoconcept .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 1.5rem;height: 1.5rem;}
.photoconcept .textone{width:50%; text-align:Center;float: left;color: #fff;padding-top: 20px;font-size: 22px;font-weight: 400;}
.photoconcept .texttwo{width:50%;text-align:Center;float: left;color: #fff;padding-top: 20px;font-size: 22px;font-weight: 400;}
.photoconcept{background:#3B4352;padding:100px 0px 50px; color:#DDE2EB}
.photoconcept h2 {color:#DDE2EB;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 30px 20px;text-transform: none;}
.photoconcept h2 span {color:#DDE2EB;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.photoconcept h4 {color:#DDE2EB;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.photoconcept .ab {color:#DDE2EB;font-size: 18px;line-height: 24px;padding: 0;margin: 0 0 15px;font-weight: 400;text-transform: none;}
.photoconcept .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.photoconcept .slick-initialized .slick-slide {display: block}
.photoconcept .cs-gallery-item {height: 500px}
.photoconcept .slick-slider {margin-bottom: 50px;margin-top: 50px;}
.photoconcept .cs-gallery-item img {height: 100%;width: auto}
.photoconcept .cs-gallery img {display: block;margin: 0 auto;max-width: 100%;transition: transform .3s}
.photoconcept .slick-list {overflow: hidden}
.photoconcept .slick-arrow.slick-prev {left: -30px}
.photoconcept .slick-arrow.slick-next {right: -30px}
.photoconcept .slick-dots {bottom: 30px;width: 100%;list-style: none;text-align: center}
.photoconcept .next,.photoconcept .prev {height: 60px;border: 0;width: 33px;top: 46%;z-index: 10000;position: absolute}
.photoconcept .next {background: #ffd000 url(../../assets/img/right1.svg) center/contain no-repeat;right: 12%;border-radius: 50px;padding: 10px;background-size: 12px;width: 46px;height: 46px;z-index: 10;}
.photoconcept .prev {background: #ffd000 url(../../assets/img/left1.svg) center / contain no-repeat;left: 12%;border-radius: 50px;padding: 10px;background-size: 12px;width: 46px;height: 46px;z-index: 10}
.photoconcept .btn-ten02 {color: #3B4352;align-items: center;font-size: 16px;line-height: 26px;padding: 6px 15px;font-weight: 600;text-transform: capitalize;border-radius: 5px;background: #FFD000;border: 0px;}
.photoconcept .knowmore {padding: 10px 20px;color: #fff;font-weight: 500;}
.photoconcept .titlenew{padding-top:70px;}
.photoconcept .titlenew h4{font-size: 32px;line-height: 36px;font-weight: 700; color:#fff}
.photoconcept .titlenew h5{font-size: 32px;line-height: 36px;font-weight: 600; color:#fff; padding-top:5px; padding-bottom:0px;}
.photoconcept .titlenew p{font-size: 32px;line-height: 36px;font-weight:400; color:#fff}
.photoconcept .mt30 {margin-top:40px; font-size:16px;}

.video-school{padding:100px 0px 100px}
.video-school .title h2 {color:#3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 110px 20px;text-transform: none;}
.video-school .title h2 span {color:#3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.video-school .title h4 {color:#3B4352;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.video-school .title p {color:#3B4352;font-size: 18px;line-height: 32px;margin-top: 0 !important;font-weight: 400;}
.video-school .post--title {margin-top:15px; padding-left:15px;font-weight: 600;color: #1d2327;line-height: 12px;font-size: 14px;text-align:left;}
.video-school .post--title p{margin-top:5px !important;font-weight: 600;color: #1d2327;line-height: 18px;font-size: 14px;text-align:left;}
.video-school .post--title span {font-weight: 300;font-size: 12px;}
.reel-sp{padding:40px 56px}
.reel-sp .owl-theme .owl-nav .owl-prev {border-radius: 50px;position: absolute;top: 44%;left: -55px;height: 40px;line-height: 32px;width: 40px;background: #ffd000;text-align: center;}
.reel-sp .owl-theme .owl-nav .owl-next {border-radius: 50px;position: absolute;top: 44%;right: -55px;height: 40px;line-height: 32px;width: 40px;background: #ffd000;text-align: center;}
.reel-sp .owl-theme .owl-nav .owl-next:hover, .reel .owl-theme .owl-nav .owl-prev:hover{background: #fff;}
.reel-sp .owl-theme .owl-nav .owl-prev span img, .owl-theme .owl-nav .owl-next span img{object-fit: fill;height: 24px;}
.reel-sp .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 15px;}
.reel-sp-box-new {position: relative;width: 100%;overflow: hidden;border-radius: 15px;}
.reel-sp-box-new img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;height: 290px;object-position: top;}
.reel-sp-box-new .playvideo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;opacity: 1;}
.reel-sp-box-new .playvideo {width: 60px !important;}
/* =====================================================================================*/
.headshots{background:#3B4352;padding:100px 0px 50px;}
.headshots .title h2 {color:#fff;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 110px 20px;text-transform: none;}
.headshots .title h2 span {color:#fff;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.headshots .title h4 {color:#fff;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.headshots .title p {color:#fff;font-size: 18px;line-height: 32px;margin-top: 0 !important;font-weight: 400;}
.headshots-container {overflow: hidden;width: 100%; height: 380px; position: relative; margin-top:50px}
.headshots-container .track {white-space: nowrap;position: absolute;top: 0;left: 0;}
.headshots-container .track img {width: 1000px;height: auto;margin-right: 10px;vertical-align: top;}

/* =====================================================================================*/
.groupphoto {padding: 100px 0px 50px;color: #3B4352;}
.groupphoto h2 {color: #3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important;padding: 0px 100px 20px;text-transform: none;}
.groupphoto h2 span {color: #3B4352;font-size: 40px !important;line-height: 48px;margin-top: 0 !important;font-weight: 500;}
.groupphoto h4 {color: #3B4352;font-size: 18px;line-height: 22px;margin-top: 10px !important;font-weight: 500;}
.groupphoto img{border-radius:0px;width:100%}
.groupphoto p {color: #3B4352;padding-top: 0px;font-size: 18px;font-weight: 400;text-transform: none;line-height: 26px;}
.groupphoto .carousel-control-next {right: -9%;background: #ffd000;height: 45px;width: 45px;border-radius: 50px;top: 45%;opacity: 1;transition: opacity .15s ease;cursor:pointer;}
.groupphoto .carousel-control-next:hover {background: #fff;cursor:pointer;}
.groupphoto .carousel-control-prev {position: absolute !important;top:45%;left:-9% !important;z-index: 1;height: 45px;width: 45px;opacity:1;transition: opacity .15s ease;background: #ffd000;border-radius: 50px;cursor:pointer;}
.groupphoto .carousel-control-prev:hover {background: #fff;cursor:pointer;}
.groupphoto .banner__three-title-in .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 2rem;height: 2rem;background-repeat: no-repeat;background-position: 50%;background-size: 90% 90%;line-height: 32px;margin: 7px 10px;cursor: pointer;}
.groupphoto .carousel-control-next-icon {background:url(../../assets/img/right1.svg) center / contain no-repeat;}
.groupphoto .carousel-control-prev-icon {background:url(../../assets/img/left1.svg) center / contain no-repeat;}
.groupphoto .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 1.5rem;height: 1.5rem;}
.groupphoto .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.groupphoto .slick-initialized .slick-slide {display: block}
.groupphoto .cs-gallery-item {height: 500px}
.groupphoto .slick-slider {margin-bottom: 50px;margin-top: 50px;}
.groupphoto .cs-gallery-item img {height: 100%;width: auto}
.groupphoto .cs-gallery img {display: block;margin: 0 auto;max-width: 100%;transition: transform .3s}
.groupphoto .slick-list {overflow: hidden}
.groupphoto .slick-arrow.slick-prev {left: -30px}
.groupphoto .slick-arrow.slick-next {right: -30px}
.groupphoto .slick-dots {bottom: 30px;width: 100%;list-style: none;text-align: center}
.groupphoto .next,.groupphoto .prev {height: 60px;border: 0;width: 33px;top: 46%;z-index: 10000;position: absolute}
.groupphoto .next {background: #ffd000 url(../../assets/img/right1.svg) center/contain no-repeat;right: 12%;border-radius: 50px;padding: 10px;background-size: 12px;width: 46px;height: 46px;}
.groupphoto .prev {background: #ffd000 url(../../assets/img/left1.svg) center / contain no-repeat;left: 12%;border-radius: 50px;padding: 10px;background-size: 12px;width: 46px;height: 46px;}
/* =====================================================================================*/

.virtual-sec{background:#3B4352 url(../../assets/img/photos/360/360bg.jpg);padding:200px 0px 200px;position: relative;background-size: cover;}
.virtual-sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent black overlay */
    pointer-events: none; /* overlay clickable na ho */
}
.virtual-sec .title{position:relative;z-index:100}
.virtual-sec .title h2 {color:#fff;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; padding:0px 170px 20px;text-transform: none;}
.virtual-sec .title h2 span {color:#fff;font-size: 40px !important;line-height: 48px;margin-top: 0 !important; font-weight:500}
.virtual-sec .title h4 {color:#fff;font-size: 18px; line-height: 22px;margin-top: 10px !important; font-weight:500;}
.virtual-sec .title p {color:#fff;font-size: 18px;line-height: 32px;margin-top: 0 !important;font-weight: 400;}

/*School graphics*/
.graphics-header-section-photography {padding: 75px 0px 0px;text-align: center;height: 900px;}
.graphics-header-section-photography h1{font-size:80px; line-height:60px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:0px 20px 40px;     text-transform: none;}
.graphics-header-section-photography h1 span{font-size:80px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:500;text-transform: none;}
.graphics-header-section-photography p {font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 400;color: #3B4352;padding:0px 120px 0px 20px;}
.graphics-header-section-photography h2{font-size:100px; line-height:80px; text-align:left; font-family:Montserrat;font-weight:700;color:#3B4352;padding:70px 20px 60px;text-transform: none;}
.graphics-header-section-photography h2 p{font-size: 22px;line-height: 30px;text-align: left;font-family: Montserrat;font-weight: 500; padding: 20px 50px 0px 0px;text-transform: none;}
.graphics-header-section-photography .btn-ten01 {color: #3B4352;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: uppercase;border-radius: 5px;background: #FFD000;margin-top: 50px;}
.graphics-header-section-photography .btn-ten01:hover {color: #FFD000;font-size: 16px;line-height: 26px;padding: 10px 25px;text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: uppercase;border-radius: 5px;background: #3B4352;margin-top: 50px;}
.graphics-header-section-photography .webtitle{padding:50px 0px 0px 50px; width:80%; float:left}
.graphics-header-section-photography .phoimg{height: 700px;position: absolute;right: -40%;float: right;z-index: -1;top: 40px;}
.graphics-header-section-photography .phoimg img{height: 700px;width: 100%;}
.graphics-header-section-photography .rkph h4 {font-size: 16px;font-weight: 400 !important;}
.graphics-header-section-photography .rkph h6 {font-size: 16px;font-weight: 400 !important;text-transform:uppercase;}
.photoconcept .titlenew-graphics{padding-top:70px;}
.photoconcept .titlenew-graphics h4{font-size: 44px;line-height: 77px;font-weight: 700; color:#fff}
.photoconcept .titlenew-graphics h5{font-size: 32px;line-height: 36px;font-weight: 600; color:#fff; padding-top:5px; padding-bottom:0px;}
.photoconcept .titlenew-graphics p{font-size: 18px;line-height: 32px;font-weight:400; color:#fff}



@media (max-width: 767px) {
    .photography .slider-new {
        height: auto; /* Adjust height as needed */
        margin: 10px auto;
    }
    .photography .slider-new .slide-new img {
        height: 100px;
        width: 1800px;
        object-fit: cover;
        object-position: top;
        border-radius: 15px;
    }
    .photography .slider-new .slide-new {
        padding: 5px; /* Optional: reduce padding on mobile */
    }
    .photography .slider-new .slide-track {
        width: auto; /* Let the track adjust dynamically */
    }
    .photography .slider-new .slide-new .imgh {
        height: 210px;
        object-fit: cover;
        width: 2000px;
        object-position: top;
    }
	.photography .slider-new .slide-new .p10 {
    padding-bottom: 10px;
}
}

.video-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0); /* fully transparent */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0,0,0,0.2);
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.cpt {
    background: url(../../assets/img/cpt.jpg) repeat;
    color: #444;
    width: 100%;
    text-align: center;
    padding: 12px 10px;
    font-size: 20px;
    font-weight: 500;
    opacity: 0.7;
    margin-left: 0px;
	border-radius:10px;
	letter-spacing:3px;
}

/* MARQUEE STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rkgsap{position: relative;padding:70px 0px 40px}
.marquee-wrapper {position: relative;}
.rkgsap .marquee{display: flex;gap: 15px;overflow: hidden;}
.rkgsap .marquee-item{position: relative;width: 460px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;}
.member {width: 100%;}
.member-link {display: block;}
.member-img-wrapper {margin: 0;}

.member-img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  filter: grayscale(100%);
  transition: filter 0.3s;
}

.member-details {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.35);
  transform: translateY(100%);
  transition: transform 0.3s;
}

.member-title {
  margin: 0 0 5px;
}

.member-subtitle {
  margin: 0;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.member-link:hover .member-details {
  transform: none;
}

.member-link:hover .member-img {
  filter: grayscale(0);
}

.marquee-arrow {
  position: absolute;
  bottom: -60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #dc2f02;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}

.marquee-arrow.arrow-prev {
  left: calc(50% - 50px);
}

.marquee-arrow.arrow-next {
  right: calc(50% - 50px);
}

@media (min-width: 850px) {
  .marquee-item {
    width: 500px;
  }

  .member-img {
    height: 500px;
  }

  .member-title {
    font-size: 1.6em;
  }

  .marquee-arrow {
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
  }

  .marquee-arrow.arrow-prev {
    left: 40px;
  }

  .marquee-arrow.arrow-next {
    right: 40px;
  }
}

/* FOOTER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: fixed;
  right: 0;
  bottom: 50px;
  display: flex;
  align-items: center;
  padding: 5px;
  z-index: 1;
  font-size: 14px;
  color: black;
  background: white;
}

.page-footer a {
  display: flex;
  margin-left: 4px;
}

.dropdown-container{display: none;	}

@media (max-width: 768px) {
.home-h ul {
    display: none;	
}
	
/*  .home-h ul {
    display: inline;
    gap: 2px;
    padding: 5px 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    bottom: -20px;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    white-space: nowrap;
  }

  .home-h ul li {
    flex: 0 0 auto;
    font-weight: 500;
    line-height: 40px;
	padding: 0px 7px;
  }

  
  .home-h ul::-webkit-scrollbar {
    display: none;
  }
*/  
 
.dropdown-container {position: fixed;display: inline-block;background-color: #fff;border-radius: 0;z-index: 10;bottom: 0;width: 100%;left: 0;}
.dropdown-btn {border-radius: 0px;border: none;background-color: #000;padding: 15px 20px;font-weight: 600;color: #000;cursor: pointer;font-size: 24px;user-select: none;transition: .2s;display: flex;align-items: center;gap: 8px;width: 100%;position:relative;}
.dropdown-btn:hover {background-color: #000;border-radius: 0px;}
.dropdown-btn i {transition: transform 0.3s ease-in-out;font-size: 24px;flex: auto;position: absolute;right: 20px;}
.dropdown {position: absolute;bottom: calc(100% + 0px);left: 0;  width: 100%;  border-radius: 0px;  transition: .3s ease-in-out;  opacity: 0;  pointer-events: none;  padding: 5px;  background: #242424;}
.dropdown a {text-decoration: none;border-radius: 5px;font-size: 18px;padding: 10px 20px;cursor: pointer;display: block;width: 100%;color: #a9a9a9;font-weight: 600;transition: .2s;}
.dropdown a:hover {background-color: #2f2f2f;color: white;font-size: 18px;}
.dropdown-container.active .dropdown {opacity: 1;pointer-events: auto;}
.dropdown-container.active .dropdown-btn i {transform: rotate(180deg);}
.wkactive{color:#ffd500}
.wkactive i{color:#fff}
}
.rkdi{}
.rkdi h4 {padding: 0px 0px 0px;}

.thanksyou-section{padding-top:50px;}