:root {  --themeamcor: #006074;
 --themetdmodals: #3E516D;
 --themetdhmodals: #252331;
 --themesixpack: #000000;
 --themeaditech: #F7941D;
 --themeairtime: #3498DB;
 --themealgrfl: #87189d;
 --themealsadhan: #00C9B8;
 --themearca: #0B3858;
 --themeavrp: #004883;
 --themebardolino: #1686bf;
 --thememlastm: #06d1ff;
 --themeblkmedia: #000000;
 --themeboxlondon: #cca034;
 --themecalchrome: #de6e00;
 --themecaldwells: #29282B;
 --themecareem: #28A745;
 --themecashmia: #1a5a61;
 --themeck: #8F560F;
 --themech: #D0392C;
 --themecw: #F34D2E;
 --themecwd: #f05a23;
 --themecola: #cca952;
 --themecourier: #D31146;
 --themecourze: #1C144E;
 --themedd: #4667EA;
 --themedh: #0C122F;
 --themeebayinc: #0064D2;
 --themeet: #177136;
 --themeefs: #1e7358;
}
* {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}
.dFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container {
    width: 100%;
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.header.sticky .toggle-button {
    height: 27px;
}
a.toggle-button {
    width: 30px;
    border-bottom: 3px solid #fff;
    position: relative;
	font-size: 0;
}
.menubtn:after, .menubtn:before, .toggle-button:after, .toggle-button:before {
    content: "";
    height: 3px;
    position: absolute;
}
.toggle-button:after {
    top: 0;
    width: 30px;
    background: #fff;
	left: 0;
}
.toggle-button:before {
    background: #fff;
    width: 44px;
    top: 12px;
}
.header.sticky .toggle-button::after, .header.sticky .toggle-button::before, .ipHeader .toggle-button:after, .ipHeader .toggle-button:before, .menubtn:after, .menubtn:before {
    background: #000;
}
.ipHeader a.toggle-button {
    border-bottom-color: #000;
}
.toggle-button:hover {
    color: #fff;
}
.toggle-button strong { font-weight: 400; }
/*.toggle-button:hover {
	background-color: ;
	color: #fff;
}*/
.whiteBtn:hover {
    background-color: transparent;
    border: 1px solid ;
    color: ;
}
.cookiesPopup { display: none; }
.breadcrumb-custom .breadcrumb li h1 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: inherit;
}
.breadcrumb-custom {
	background: -moz-linear-gradient(top, #e8e8e8 0, #fff 100%);
	background: -webkit-linear-gradient(top, #e8e8e8 0, #fff 100%);
	background: linear-gradient(to bottom, #e8e8e8 0, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0);
}
.seems-box {
	text-align: center;
	background: #ececec;
}
.seems-box a {
	display: block;
	width: 100%;
}
.breadcrumb-custom .breadcrumb {
	background: 0 0;
	padding: 18px 0 17px;
	margin: 0 auto;
}
.breadcrumb-custom .breadcrumb li {
	display: inline-block;
	list-style: none;
}
.breadcrumb-custom .breadcrumb li, .breadcrumb-custom .breadcrumb li a {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}
.seems-box img { margin: 0 auto; }
body#top { padding-top: 138px; }
.header { background: #fff; height: auto;}
.header .headerIn {
    height: auto;
}
.whiteBtn {
	background-color: var(--color1);
	color: #fff;
	border-color: var(--color1);
}
.seems-box img {
	width: 100%;
	height: auto;
}
.pb-0 { padding-bottom:0 !important} 
@media (max-width: 1023px) {
body#top { padding-top: 108px; }
}
@media (max-width: 767px) {
body#top { padding-top: 80px; }
.header { padding: 10px 0; }
}
* {
	outline: 0 !important;
	box-sizing: border-box !important
}
html {
	scroll-behavior: smooth;
	overflow-x: hidden
}
body {
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.42857143;
	margin: 0;
	padding: 0;
}
@media (min-width: 320px) {
.container {
	padding-right: 15px;
	padding-left: 15px;
}
}
.btn {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
a {
	transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
}
a {
	transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}
a {
	text-decoration: none;
	cursor: pointer
}
h1, h2 {
margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}
h1, h2 { margin-top: 0; margin-bottom: .5rem
}
.port-sec { padding: 100px 0 }
.op-7 { opacity: 70% }
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}
.w-anuimation-image3:before { animation: w-anuimation-image3 2s infinite }
.w-anuimation-image3:after { animation: w-anuimation-image3 2s infinite }
.w-anuimation-image4:before { animation: w-anuimation-image4 2s infinite }
.w-anuimation-image4:after { animation: w-anuimation-image4 2s infinite }
.w-anuimation-image5:before { animation: w-anuimation-image5 2s infinite }
.w-anuimation-image5:after { animation: w-anuimation-image5 2s infinite }
.w-anuimation-image8:before { animation: w-anuimation-image8 2s infinite }
.w-anuimation-image8:after { animation: w-anuimation-image8 2s infinite }
.w-anuimation-image9:before { animation: w-anuimation-image1 2s infinite }
.w-anuimation-image9:after { animation: w-anuimation-image9 2s infinite }
@keyframes w-anuimation-image1 { 0% {
box-shadow: 0 0 0 0 rgb(33 181 174 / 40%)
}
100% {
box-shadow: 0 0 0 40px rgb(33 181 174 / 0)
}
}
@keyframes w-anuimation-image3 { 0% {
box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
}
100% {
box-shadow: 0 0 0 40px rgb(255 101 1 / 0)
}
}
@keyframes w-anuimation-image4 { 0% {
box-shadow: 0 0 0 0 rgb(22 38 122 / 30%)
}
100% {
box-shadow: 0 0 0 40px rgb(22 38 122 / 0)
}
}
@keyframes w-anuimation-image5 { 0% {
box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
}
100% {
box-shadow: 0 0 0 40px rgb(255 101 1 / 0)
}
}
@keyframes w-anuimation-image8 { 0% {
box-shadow: 0 0 0 0 rgb(0 0 0 / 10%)
}
100% {
box-shadow: 0 0 0 40px rgb(0 0 0 / 0%)
}
}
@keyframes w-anuimation-image9 { 0% {
box-shadow: 0 0 0 0 rgb(255 213 146 / 50%)
}
100% {
box-shadow: 0 0 0 40px rgb(255 213 146 / 0)
}
}
.port-sec { padding: 100px 0; }
.common-portfolio-banner {
	position: relative;
	height: auto !important;
	display: flex;
	background: #01374C;
	align-items: center;
	justify-content: center;
	padding-bottom: 50px;
}
.common-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.custom-col-6 {
	width: 50%;
	padding: 0 15px;
}
.portfolio-banner-text h1 {
	font-size: 58px;
	color: #fff;
	font-weight: 800;
	margin: 0 0 20px;
	text-transform: capitalize;
}
.portfolio-banner-text h1 span { display: block; }
.portfolio-banner-text p {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 35px;
	line-height: 28px;
}
.portfolio-banner-text { margin-right: -20%; }
.portfolio-banner-img { margin: 0 -35% 0 0; }
.custom-port-col-con span {
	font-size: 22px;
	font-weight: 500;
	color: rgb(51 51 51 / 50%);
	line-height: 1.4;
	text-transform: capitalize;
}
.custom-port-col-con h2 {
	text-transform: capitalize;
	margin: 20px 0 0;
	font-size: 70px;
	color: #333333;
	font-weight: 700;
	line-height: 1.2;
}
.custom-port-col-image>img {
	max-width: 100%;
	z-index: 1;
	width: 100%;
	position: relative;
}
.custom-port-col-image {
	position: relative;
	border-radius: 50%;
	margin-left: -88px;
	max-width: 580px;
	padding: 0px;
	max-height: 580px;
}
.custom-port-col-image:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #D4D4D4;
	border-radius: 50%;
}
.port-bg-1 { background: rgb(232 248 247 / 23%); }
.jusdify-logo {
	position: absolute;
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	left: 0;
	top: 0;
	z-index: 2;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px #000;
}
.jusdify-logo img { border-radius: 0; }
.dir-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}
.dir-reverse .custom-port-col-image {
	margin-left: auto;
	margin-right: 0;
}
.footerIn {
    padding-left: 0;
    padding-right: 0;
}
.dir-reverse .custom-port-col-con {
	padding-left: 0;
	padding-right: 25px;
}
.port-bg-3 { background: rgb(251 227 226 / 17%); }
.dir-reverse .jusdify-logo {
	left: auto;
	right: 0;
}
.port-bg-4 { background: rgb(234 237 251 / 20%); }
.port-bg-7 { background: rgb(233 233 233 / 20%); }
.port-bg-8 { background: rgb(238 251 255 / 30%); }
.port-bg-9 { background: rgb(223 239 224 / 22%); }
.port-bg-10 { background: rgb(255 241 184 / 20%); }
.custom-port-col-image:after {
	content: "";
	position: absolute;
	left: 12%;
	top: 12%;
	width: 76%;
	height: 80%;
	background: #21B5AE;
	border-radius: 50%;
}
.LCE-game-port .custom-port-col-image:after { background: #FFD592; }
.w-anuimation-image3:before { animation: w-anuimation-image3 2s infinite; }
.w-anuimation-image3:after { animation: w-anuimation-image3 2s infinite; }
.w-anuimation-image4:before { animation: w-anuimation-image4 2s infinite; }
.w-anuimation-image4:after { animation: w-anuimation-image4 2s infinite; }
.w-anuimation-image5:before { animation: w-anuimation-image5 2s infinite; }
.w-anuimation-image5:after { animation: w-anuimation-image5 2s infinite; }
.w-anuimation-image8:before { animation: w-anuimation-image8 2s infinite; }
.w-anuimation-image8:after { animation: w-anuimation-image8 2s infinite; }
.w-anuimation-image9:before { animation: w-anuimation-image1 2s infinite; }
.w-anuimation-image9:after { animation: w-anuimation-image9 2s infinite; }
@keyframes w-anuimation-image1 { 0% {
box-shadow: 0 0 0 0px rgb(33 181 174 / 40%);
}
100% {
box-shadow: 0 0 0 40px rgb(33 181 174 / 0);
}
}
@keyframes w-anuimation-image3 { 0% {
box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
}
100% {
box-shadow: 0 0 0 40px rgb(255 101 1 / 0);
}
}
@keyframes w-anuimation-image4 { 0% {
box-shadow: 0 0 0 0px rgb(22 38 122 / 30%);
}
100% {
box-shadow: 0 0 0 40px rgb(22 38 122 / 0);
}
}
@keyframes w-anuimation-image5 { 0% {
box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
}
100% {
box-shadow: 0 0 0 40px rgb(255 101 1 / 0);
}
}
@keyframes w-anuimation-image8 { 0% {
box-shadow: 0 0 0 0px rgb(0 0 0 / 10%);
}
100% {
box-shadow: 0 0 0 40px rgb(0 0 0 / 0%);
}
}
@keyframes w-anuimation-image9 { 0% {
box-shadow: 0 0 0 0px rgb(255 213 146 / 50%);
}
100% {
box-shadow: 0 0 0 40px rgb(255 213 146 / 0);
}
}
ul.used-tec-list {
	margin: 0 -10px;
	padding: 15px 0 0;
	display: flex;
	flex-wrap: wrap;
}
ul.used-tec-list li {
	font-size: 20px;
	font-weight: 400;
	padding: 5px;
	position: relative;
	vertical-align: middle;
	display: flex;
	align-items: center;
	min-height: 40px;
}
.used-tec-list li span {
	padding: 0 5px;
	color: #333;
	font-weight: 400;
	font-size: 18px;
	vertical-align: middle;
	min-width: 35px;
}
.used-tec-list li span+span { padding-left: 0; }
.used-tec-list li+li:after {
	content: "";
	position: absolute;
	background: #949494;
	width: 2px;
	height: 30px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.dir-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important
}
a {
	transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
}
a {
	text-decoration: none;
	cursor: pointer;
}
.port-sec img {
	vertical-align: middle;
	border-style: none;
	max-width: 100%;
}
.custom-port-col-con a:hover {
	color: #0056b3;
	text-decoration: none;
}
img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.min-h-banner { }
.portfolio-banner-img { text-align: right; }
.m-0 { margin: 0 !important; }
.font-normal { font-weight: 400; }
.btn-hire-us {
	background-color: ;
	padding: 25px 70px;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 5px;
	position: relative;
	transition: all 0.3s;
	z-index: 1;
	overflow: hidden;
	display: inline-block;
}
.btn-hire-us span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.portfolio-banner-img:before {
	width: 102%;
	height: 104%;
	border: 1px solid rgb(155 155 155 / 40%);
	content: "";
	background-color: transparent;
	position: absolute;
	left: -1.3%;
	top: -5%;
	border-radius: 5px;
	z-index: -1;
}
.btn-hire-us span:before {
	width: 93%;
	height: 40px;
	background-color: #D44E1D;
	content: "";
	position: absolute;
	top: 100%;
	transform: skew(45deg);
	left: 22px;
	display:none;
}
.portfolio-banner-img {
	display: inline-block;
	position: relative;
	z-index: 0;
	margin-left: auto;
}
.text-rght { text-align: right; }
.before-btn-shape:before {
	background-color: rgba(255, 255, 255, 0.1);
	content: "";
	height: 140%;
	width: 710px;
	right: -550px;
	position: absolute;
	top: -20%;
	z-index: -2;
	opacity: 0;
}
.index-svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.index-svg svg {
	margin: 0 0 0 auto;
	width: auto;
}
.before-btn-shape {
	position: relative;
	z-index: 9;
}
.btn-hire-us:hover { background-color: #9d0300; }
.arrow-bounce {
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 310px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: w-anuimation-image1 2s infinite;
	z-index: 99;
}
.arrow-bounce a {
	font-size: 35px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
}

.pagination-wrap+.footer { padding-bottom: 50px; }
.pagination-wrap {
	background: rgba(255, 255, 255, .9294117647058824);
	padding: 8px 0;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 999;
}
.pagination-container {
	max-width: 1170px;
	margin: 0 auto;
}
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
border-radius: .25rem;
	margin: 0;
	font-size: 16px;
	justify-content: center;
}
.page-link:not(:disabled):not(.disabled) { cursor: pointer; }
.page-link {
	position: relative;
	display: block;
	margin-left: -1px;
	color: #ffffff;
	background-color: #06364c;
	border: 1px solid #06364c;
	text-align: center;
	min-width: 32px;
	min-height: 32px;
	line-height: 32px;
}
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.page-item:last-child .page-link { border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.page-item.active .page-link {
	z-index: 1;
	color: #000;
	background-color: #feffff;
	border-color: #feffff;
}
.page-link:not(:disabled):not(.disabled) { cursor: pointer; }
.page-item.disabled .page-link {
	pointer-events: none;
	cursor: auto;
	color: #ffffff;
	background-color: #06364c;
	border: 1px solid #06364c;
}
.page-link:hover {
	color: #06364c;
	text-decoration: none;
	background-color: #f5f9ff;
	border-color: #f5f9ff;
}

.hero-banner-wrap {
	padding: 100px 0;
	margin-top: 90px;
	min-height: calc(100vh - 145px);
	max-height: calc(100vh - 145px);
	display: flex;
	align-items: center;
}
.hero-banner-wrap .common-row {
	margin-top: -13px;
	align-items: stretch;
}
.hero-banner-wrap .portfolio-banner-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
	line-height: 1;
}
.hero-banner-wrap .portfolio-banner-img { line-height: 1; }
.hero-banner-wrap .portfolio-banner-img:before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: calc(100% + 6px);
	width: calc(100% + 6px);
	display: block;
}
.hero-banner-wrap .portfolio-banner-img .btn-hire-us { display: block; }

.bg-v-2 {
	background: rgb(223 239 224 / 22%) !important;
	background-color: rgb(223 239 224 / 22%) !important;
}
.bg-v-1 {
	background: #ffffff !important;
	background-color: #ffffff !important;
}
/*Inner Pages CSS Start*/


/**/
.mb_0 { margin-bottom: 0 !important; }
.ttUpper { text-transform: uppercase; }
.cpSec .container { max-width: 1440px; }
body {
	word-spacing: 0.06rem;
	letter-spacing: 0.08rem;
	background: #f5f4f6;
}
/**/
.row-reverce { flex-direction: row-reverse; }
/**/
.cpMain {
	min-height: calc(100% - 95px);
	margin-top: 0;
	border-bottom: 1px solid #ddd;
}
.cpSec {
	position: relative;
	padding: 80px 0;
}
.cpBnrSec { padding: 100px 0; }
.cpBnrSec .container {
	align-items: center;
	justify-content: space-between;
}
.cpBnrImg {
	width: 100%;
	max-width: calc(50% - 15px);
	padding-top: 30px;
}
.cpBnrImg img {
	margin-left: auto;
	margin-right: auto;
}
.cpBnrCtnt {
	width: 100%;
	max-width: calc(50% - 15px);
}
.cpBnrCtnt p:last-of-type { margin-bottom: 0; }
.cpBnrLogo {
	display: inline-block;
	margin-bottom: 24px;
	max-width: 165px;
}
.cpBtn {
	display: inline-block;
	font-size: 16px;
	line-height: normal;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none !important;
	background-color: #000000;
	border: 1px solid #000000;
	border-radius: 50px;
	padding: 12px 24px;
	margin-top: 16px;
	transition: all 0.3s;
}
.cpBtn:hover {
	background-color: transparent;
	border-color: #000000;
	color: #000000;
}
.cpBtn.white {
	background-color: #ffffff !important;
	border: 1px solid #ffffff !important;
	color: #000000 !important;
}
.cpBtn.white:hover {
	background-color: transparent !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.cpBnrCtnt .cpBtn { margin-top: 32px; }
.cpPd {
	align-items: stretch;
	justify-content: space-between;
}
.cpPdBox {
	padding: 36px 24px;
	width: 100%;
	max-width: 25%;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.cpPdBox:last-child { border-right: 0; }
.cpPdIcon {
	background-color: transparent;
	border: 1px solid #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-bottom: 16px;
}
.cpPdBox p {
	font-size: 18px;
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.5);
}
.cpGen {
	align-items: center;
	justify-content: space-between;
}
.cpGenImg {
	width: 100%;
	max-width: calc(50% - 15px);
}
.cpGenImg img {
	margin-left: auto;
	margin-right: auto;
}
.cpGenCtnt {
	width: 100%;
	max-width: calc(50% - 15px);
}
.cpGenCtnt h2 {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 24px;
}
/*.cpGenCtnt h2:after {
	content: "";
	width: 150px;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000000;
}*/
.cpGenCtnt p { line-height: 1.4; }
.cpFullSec .cpGenImg {
	width: 100%;
	max-width: 100%;
}
.cpFullSec .cpGenCtnt {
	width: 100%;
	max-width: 100%;
}
.cpCenterSec .cpGenImg { margin-top: 48px; }
.cpCenterSec .cpGenImg img { margin: auto; }
.cpCenterSec .cpGenCtnt { text-align: center; }
.cpCenterSec .cpGenCtnt h2:after {
	left: 50%;
	transform: translateX(-50%);
}
.bgTheme h2 { color: #ffffff; }
.themeAmcor .bgTheme .cpGenCtnt h2:after { background-color: #ffffff; }
.bgTheme .cpGenCtnt h2:after { background-color: #ffffff !important; }
.bgTheme p, .bgTheme .cpKrList li, .bgTheme .cpHD6 { color: #ffffff; }
.bgTheme .cpKrList li:before { border: 1px solid #ffffff; }
.bgTheme .cpKrList li:after {
	top: 9px;
	left: 6px;
}
.cpChalngList { margin-top: 32px; }
.cpChalngList li { margin-bottom: 24px; }
.cphlImg {
	width: 22px;
	margin-top: 4px;
	flex-shrink: 0;
}
.cphlTxt {
	width: calc(100% - 22px);
	padding-left: 18px;
}
.cphlTxt p { margin-bottom: 0; }
.cpKrList { margin: 40px 0; }
.cpKrList2 li {
	width: 50%;
	display: flex;
}
.cpKrList li {
	position: relative;
	padding-left: 36px;
	margin-bottom: 24px;
	text-align: left;
}
.cpKrList li:before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
}
.cpKrList li:after {
	position: absolute;
	left: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height: 5px;
	width: 10px;
	content: "";
	box-sizing: border-box;
	top: 8px;
	transform: rotate(-45deg);
}
.tuList {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tuList li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 10px;
}
.tuImg {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid transparent;
	background-color: transparent;
}
.tuImg.hasBgBdr { background-color: #ffffff; }
.bdrLiteTop { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.psList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -15px;
	margin-right: -15px;
}
.psList li {
	width: 33.33%;
	padding: 15px;
}
.psList4 li {
	width: 25%;
	padding: 15px;
}
.cp100Sec .container { max-width: 100%; }
.cfBoxList {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.cfBoxList li {
	width: 33.33%;
	padding: 15px;
}
.cfBoxList2 li { width: 50%; }
.pfBox {
	height: 100%;
	padding: 70px 40px 60px 60px;
	border-radius: 150px 40px 40px 40px;
}
.cpKcList {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 56px;
}
.cpKcList li {
	padding: 15px;
	width: 50%;
}
.cpKcBox { align-items: center; }
.cpKcImg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
}
.cpKcCtnt {
	width: calc(100% - 96px);
	padding-left: 24px;
	text-align: left;
}
/**/
.bgWhite { background-color: #ffffff; }
.bgBlack { background-color: #000000; }
.bgBlue { background-color: #272361 !important; }
.bgNaviBlue { background-color: #0B0833 !important; }
.colorWhite { color: #ffffff !important; }
.colorBlack { color: #000000 !important; }
.colorLite { color: #464646 !important; }
.cpHD1 {
	font-size: 56px;
	font-weight: normal;
	line-height: normal;
}
.cpHD2 {
	font-size: 40px;
	font-weight: normal;
	line-height: normal;
}
.cpHD3 {
	font-size: 32px;
	font-weight: normal;
	line-height: normal;
}
.cpHD4 {
	font-size: 28px;
	font-weight: normal;
	line-height: normal;
}
.cpHD5 {
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
}
.cpHD6 {
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
}
.txt18 {
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
}
.fwL { font-weight: 300; }
.fwN { font-weight: 400; }
.fwM { font-weight: 500; }
.fwSB { font-weight: 600; }
.fwB { font-weight: 700; }
.lh_1p1 { line-height: 1.1; }
.lh_1p2 { line-height: 1.2; }
.lh_1p3 { line-height: 1.3; }
.lh_1p4 { line-height: 1.4; }
.lh_1p5 { line-height: 1.5; }
.lh_1p6 { line-height: 1.6; }
.mt-0 { margin-top: 0 !important; }
.mb_8 { margin-bottom: 8px !important; }
.mt_8 { margin-top: 8px !important; }
.mb_16 { margin-bottom: 16px !important; }
.mt_16 { margin-top: 16px !important; }
.maxH500 { max-height: 500px; }
.maxW640 { max-width: 640px; }
.maxW768 { max-width: 768px; }
.maxW860 { max-width: 860px; }
.maxW1080 { max-width: 1080px; }
.maxW1200 { max-width: 1200px; }
.maxW1280 { max-width: 1280px; }
.mAuto {
	margin-left: auto;
	margin-right: auto;
}
/*Theme Change CSS Start*/

/*themeAmcor*/
/*.themeAmcor .cpGenCtnt h2:after, */.themeAmcor .cpBtn, .themeAmcor .bgTheme, .themeAmcor .cpKrList li:before, .themeAmcor .pfBox, .themeAmcor .cpKcImg { background-color: var(--themeamcor); }
.themeAmcor .cpBtn, .themeAmcor .cpBtn:hover, .themeAmcor .tuImg.hasBgBdr { border-color: var(--themeamcor); }
.themeAmcor .colorTheme, .themeAmcor .cpBtn:hover { color: var(--themeamcor) !important; }
.themeAmcor .cpBtn { color: #ffffff; }
.themeAmcor .cpBtn:hover { background-color: transparent; }
.themeAmcor .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/
/*themeTdModals*/
.themeTdModals .cpGenCtnt h2:after, .themeTdModals .cpBtn, .themeTdModals .bgTheme, .themeTdModals .cpKrList li:before, .themeTdModals .pfBox, .themeTdModals .cpKcImg { background-color: var(--themetdmodals); }
.themeTdModals .cpBtn, .themeTdModals .cpBtn:hover, .themeTdModals .tuImg.hasBgBdr { border-color: var(--themetdmodals); }
.themeTdModals .colorTheme, .themeTdModals .cpBtn:hover { color: var(--themetdmodals) !important; }
.themeTdModals .cpBtn { color: #ffffff; }
.themeTdModals .cpBtn:hover { background-color: transparent; }
.themeTdModals .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/
/*themeTdhModals*/
.themeTdhModals .cpGenCtnt h2:after, .themeTdhModals .cpBtn, .themeTdhModals .bgTheme, .themeTdhModals .cpKrList li:before, .themeTdhModals .pfBox, .themeTdhModals .cpKcImg { background-color: var(--themetdhmodals); }
.themeTdhModals .cpBtn, .themeTdhModals .cpBtn:hover, .themeTdhModals .tuImg.hasBgBdr { border-color: var(--themetdhmodals); }
.themeTdhModals .colorTheme, .themeTdhModals .cpBtn:hover { color: var(--themetdhmodals) !important; }
.themeTdhModals .cpBtn { color: #ffffff; }
.themeTdhModals .cpBtn:hover { background-color: transparent; }
.themeTdhModals .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/
/*themeSixPack*/
.themeSixPack .cpGenCtnt h2:after, .themeSixPack .cpBtn, .themeSixPack .bgTheme, .themeSixPack .cpKrList li:before, .themeSixPack .pfBox, .themeSixPack .cpKcImg { background-color: var(--themesixpack); }
.themeSixPack .cpBtn, .themeSixPack .cpBtn:hover, .themeSixPack .tuImg.hasBgBdr { border-color: var(--themesixpack); }
.themeSixPack .colorTheme, .themeSixPack .cpBtn:hover { color: var(--themesixpack) !important; }
.themeSixPack .cpBtn { color: #ffffff; }
.themeSixPack .cpBtn:hover { background-color: transparent; }
.themeSixPack .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/
/*themeAdiTech*/
.themeAdiTech .cpGenCtnt h2:after, .themeAdiTech .cpBtn, .themeAdiTech .bgTheme, .themeAdiTech .cpKrList li:before, .themeAdiTech .pfBox, .themeAdiTech .cpKcImg { background-color: var(--themeaditech); }
.themeAdiTech .cpBtn, .themeAdiTech .cpBtn:hover, .themeAdiTech .tuImg.hasBgBdr { border-color: var(--themeaditech); }
.themeAdiTech .colorTheme, .themeAdiTech .cpBtn:hover { color: var(--themeaditech) !important; }
.themeAdiTech .cpBtn { color: #ffffff; }
.themeAdiTech .cpBtn:hover { background-color: transparent; }
.themeAdiTech .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeAdiTech*/
.themeAirTime .cpGenCtnt h2:after, .themeAirTime .cpBtn, .themeAirTime .bgTheme, .themeAirTime .cpKrList li:before, .themeAirTime .pfBox, .themeAirTime .cpKcImg { background-color: var(--themeairtime); }
.themeAirTime .cpBtn, .themeAirTime .cpBtn:hover, .themeAirTime .tuImg.hasBgBdr { border-color: var(--themeairtime); }
.themeAirTime .colorTheme, .themeAirTime .cpBtn:hover { color: var(--themeairtime) !important; }
.themeAirTime .cpBtn { color: #ffffff; }
.themeAirTime .cpBtn:hover { background-color: transparent; }
.themeAirTime .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeAdiTech*/
.themeAlgrFL .cpGenCtnt h2:after, .themeAlgrFL .cpBtn, .themeAlgrFL .bgTheme, .themeAlgrFL .cpKrList li:before, .themeAlgrFL .pfBox, .themeAlgrFL .cpKcImg { background-color: var(--themealgrfl); }
.themeAlgrFL .cpBtn, .themeAlgrFL .cpBtn:hover, .themeAlgrFL .tuImg.hasBgBdr { border-color: var(--themealgrfl); }
.themeAlgrFL .colorTheme, .themeAlgrFL .cpBtn:hover { color: var(--themealgrfl) !important; }
.themeAlgrFL .cpBtn { color: #ffffff; }
.themeAlgrFL .cpBtn:hover { background-color: transparent; }
.themeAlgrFL .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeAdiTech*/
.themeAlSadhan .cpGenCtnt h2:after, .themeAlSadhan .cpBtn, .themeAlSadhan .bgTheme, .themeAlSadhan .cpKrList li:before, .themeAlSadhan .pfBox, .themeAlSadhan .cpKcImg { background-color: var(--themealsadhan); }
.themeAlSadhan .cpBtn, .themeAlSadhan .cpBtn:hover, .themeAlSadhan .tuImg.hasBgBdr { border-color: var(--themealsadhan); }
.themeAlSadhan .colorTheme, .themeAlSadhan .cpBtn:hover { color: var(--themealsadhan) !important; }
.themeAlSadhan .cpBtn { color: #ffffff; }
.themeAlSadhan .cpBtn:hover { background-color: transparent; }
.themeAlSadhan .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeAdiTech*/
.themeARCA .cpGenCtnt h2:after, .themeARCA .cpBtn, .themeARCA .bgTheme, .themeARCA .cpKrList li:before, .themeARCA .pfBox, .themeARCA .cpKcImg { background-color: var(--themearca); }
.themeARCA .cpBtn, .themeARCA .cpBtn:hover, .themeARCA .tuImg.hasBgBdr { border-color: var(--themearca); }
.themeARCA .colorTheme, .themeARCA .cpBtn:hover { color: var(--themearca) !important; }
.themeARCA .cpBtn { color: #ffffff; }
.themeARCA .cpBtn:hover { background-color: transparent; }
.themeARCA .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeAdiTech*/
.themeAVRP .cpGenCtnt h2:after, .themeAVRP .cpBtn, .themeAVRP .bgTheme, .themeAVRP .cpKrList li:before, .themeAVRP .pfBox, .themeAVRP .cpKcImg { background-color: var(--themeavrp); }
.themeAVRP .cpBtn, .themeAVRP .cpBtn:hover, .themeAVRP .tuImg.hasBgBdr { border-color: var(--themeavrp); }
.themeAVRP .colorTheme, .themeAVRP .cpBtn:hover { color: var(--themeavrp) !important; }
.themeAVRP .cpBtn { color: #ffffff; }
.themeAVRP .cpBtn:hover { background-color: transparent; }
.themeAVRP .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeAdiTech*/
.themeBardolino .cpGenCtnt h2:after, .themeBardolino .cpBtn, .themeBardolino .bgTheme, .themeBardolino .cpKrList li:before, .themeBardolino .pfBox, .themeBardolino .cpKcImg { background-color: var(--themebardolino); }
.themeBardolino .cpBtn, .themeBardolino .cpBtn:hover, .themeBardolino .tuImg.hasBgBdr { border-color: var(--themebardolino); }
.themeBardolino .colorTheme, .themeBardolino .cpBtn:hover { color: var(--themebardolino) !important; }
.themeBardolino .cpBtn { color: #ffffff; }
.themeBardolino .cpBtn:hover { background-color: transparent; }
.themeBardolino .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeBlastM .cpGenCtnt h2:after, .themeBlastM .cpBtn, .themeBlastM .bgTheme, .themeBlastM .cpKrList li:before, .themeBlastM .pfBox, .themeBlastM .cpKcImg { background-color: var(--thememlastm); }
.themeBlastM .cpBtn, .themeBlastM .cpBtn:hover, .themeBlastM .tuImg.hasBgBdr { border-color: var(--thememlastm); }
.themeBlastM .colorTheme, .themeBlastM .cpBtn:hover { color: var(--thememlastm) !important; }
.themeBlastM .cpBtn { color: #ffffff; }
.themeBlastM .cpBtn:hover { background-color: transparent; }
.themeBlastM .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeBlkmedia .cpGenCtnt h2:after, .themeBlkmedia .cpBtn, .themeBlkmedia .bgTheme, .themeBlkmedia .cpKrList li:before, .themeBlkmedia .pfBox, .themeBlkmedia .cpKcImg { background-color: var(--themeblkmedia); }
.themeBlkmedia .cpBtn, .themeBlkmedia .cpBtn:hover, .themeBlkmedia .tuImg.hasBgBdr { border-color: var(--themeblkmedia); }
.themeBlkmedia .colorTheme, .themeBlkmedia .cpBtn:hover { color: var(--themeblkmedia) !important; }
.themeBlkmedia .cpBtn { color: #ffffff; }
.themeBlkmedia .cpBtn:hover { background-color: transparent; }
.themeBlkmedia .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeBoxlondon .cpGenCtnt h2:after, .themeBoxlondon .cpBtn, .themeBoxlondon .bgTheme, .themeBoxlondon .cpKrList li:before, .themeBoxlondon .pfBox, .themeBoxlondon .cpKcImg { background-color: var(--themeboxlondon); }
.themeBoxlondon .cpBtn, .themeBoxlondon .cpBtn:hover, .themeBoxlondon .tuImg.hasBgBdr { border-color: var(--themeboxlondon); }
.themeBoxlondon .colorTheme, .themeBoxlondon .cpBtn:hover { color: var(--themeboxlondon) !important; }
.themeBoxlondon .cpBtn { color: #ffffff; }
.themeBoxlondon .cpBtn:hover { background-color: transparent; }
.themeBoxlondon .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCalChrome .cpGenCtnt h2:after, .themeCalChrome .cpBtn, .themeCalChrome .bgTheme, .themeCalChrome .cpKrList li:before, .themeCalChrome .pfBox, .themeCalChrome .cpKcImg { background-color: var(--themecalchrome); }
.themeCalChrome .cpBtn, .themeCalChrome .cpBtn:hover, .themeCalChrome .tuImg.hasBgBdr { border-color: var(--themecalchrome); }
.themeCalChrome .colorTheme, .themeCalChrome .cpBtn:hover { color: var(--themecalchrome) !important; }
.themeCalChrome .cpBtn { color: #ffffff; }
.themeCalChrome .cpBtn:hover { background-color: transparent; }
.themeCalChrome .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/
/*themeBlastM*/
.themeCaldwells .cpGenCtnt h2:after, .themeCaldwells .cpBtn, .themeCaldwells .bgTheme, .themeCaldwells .cpKrList li:before, .themeCaldwells .pfBox, .themeCaldwells .cpKcImg { background-color: var(--themecaldwells); }
.themeCaldwells .cpBtn, .themeCaldwells .cpBtn:hover, .themeCaldwells .tuImg.hasBgBdr { border-color: var(--themecaldwells); }
.themeCaldwells .colorTheme, .themeCaldwells .cpBtn:hover { color: var(--themecaldwells) !important; }
.themeCaldwells .cpBtn { color: #ffffff; }
.themeCaldwells .cpBtn:hover { background-color: transparent; }
.themeCaldwells .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/
/*themeBlastM*/
.themeCareem .cpGenCtnt h2:after, .themeCareem .cpBtn, .themeCareem .bgTheme, .themeCareem .cpKrList li:before, .themeCareem .pfBox, .themeCareem .cpKcImg { background-color: var(--themecareem); }
.themeCareem .cpBtn, .themeCareem .cpBtn:hover, .themeCareem .tuImg.hasBgBdr { border-color: var(--themecareem); }
.themeCareem .colorTheme, .themeCareem .cpBtn:hover { color: var(--themecareem) !important; }
.themeCareem .cpBtn { color: #ffffff; }
.themeCareem .cpBtn:hover { background-color: transparent; }
.themeCareem .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCashmia .cpGenCtnt h2:after, .themeCashmia .cpBtn, .themeCashmia .bgTheme, .themeCashmia .cpKrList li:before, .themeCashmia .pfBox, .themeCashmia .cpKcImg { background-color: var(--themecashmia); }
.themeCashmia .cpBtn, .themeCashmia .cpBtn:hover, .themeCashmia .tuImg.hasBgBdr { border-color: var(--themecashmia); }
.themeCashmia .colorTheme, .themeCashmia .cpBtn:hover { color: var(--themecashmia) !important; }
.themeCashmia .cpBtn { color: #ffffff; }
.themeCashmia .cpBtn:hover { background-color: transparent; }
.themeCashmia .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCK .cpGenCtnt h2:after, .themeCK .cpBtn, .themeCK .bgTheme, .themeCK .cpKrList li:before, .themeCK .pfBox, .themeCK .cpKcImg { background-color: var(--themeck); }
.themeCK .cpBtn, .themeCK .cpBtn:hover, .themeCK .tuImg.hasBgBdr { border-color: var(--themeck); }
.themeCK .colorTheme, .themeCK .cpBtn:hover { color: var(--themeck) !important; }
.themeCK .cpBtn { color: #ffffff; }
.themeCK .cpBtn:hover { background-color: transparent; }
.themeCK .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCH .cpGenCtnt h2:after, .themeCH .cpBtn, .themeCH .bgTheme, .themeCH .cpKrList li:before, .themeCH .pfBox, .themeCH .cpKcImg { background-color: var(--themech); }
.themeCH .cpBtn, .themeCH .cpBtn:hover, .themeCH .tuImg.hasBgBdr { border-color: var(--themech); }
.themeCH .colorTheme, .themeCH .cpBtn:hover { color: var(--themech) !important; }
.themeCH .cpBtn { color: #ffffff; }
.themeCH .cpBtn:hover { background-color: transparent; }
.themeCH .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCW .cpGenCtnt h2:after, .themeCW .cpBtn, .themeCW .bgTheme, .themeCW .cpKrList li:before, .themeCW .pfBox, .themeCW .cpKcImg { background-color: var(--themecw); }
.themeCW .cpBtn, .themeCW .cpBtn:hover, .themeCW .tuImg.hasBgBdr { border-color: var(--themecw); }
.themeCW .colorTheme, .themeCW .cpBtn:hover { color: var(--themecw) !important; }
.themeCW .cpBtn { color: #ffffff; }
.themeCW .cpBtn:hover { background-color: transparent; }
.themeCW .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCWD .cpGenCtnt h2:after, .themeCWD .cpBtn, .themeCWD .bgTheme, .themeCWD .cpKrList li:before, .themeCWD .pfBox, .themeCWD .cpKcImg { background-color: var(--themecwd); }
.themeCWD .cpBtn, .themeCWD .cpBtn:hover, .themeCWD .tuImg.hasBgBdr { border-color: var(--themecwd); }
.themeCWD .colorTheme, .themeCWD .cpBtn:hover { color: var(--themecwd) !important; }
.themeCWD .cpBtn { color: #ffffff; }
.themeCWD .cpBtn:hover { background-color: transparent; }
.themeCWD .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeColA .cpGenCtnt h2:after, .themeColA .cpBtn, .themeColA .bgTheme, .themeColA .cpKrList li:before, .themeColA .pfBox, .themeColA .cpKcImg { background-color: var(--themecola); }
.themeColA .cpBtn, .themeColA .cpBtn:hover, .themeColA .tuImg.hasBgBdr { border-color: var(--themecola); }
.themeColA .colorTheme, .themeColA .cpBtn:hover { color: var(--themecola) !important; }
.themeColA .cpBtn { color: #ffffff; }
.themeColA .cpBtn:hover { background-color: transparent; }
.themeColA .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCourier .cpGenCtnt h2:after, .themeCourier .cpBtn, .themeCourier .bgTheme, .themeCourier .cpKrList li:before, .themeCourier .pfBox, .themeCourier .cpKcImg { background-color: var(--themecourier); }
.themeCourier .cpBtn, .themeCourier .cpBtn:hover, .themeCourier .tuImg.hasBgBdr { border-color: var(--themecourier); }
.themeCourier .colorTheme, .themeCourier .cpBtn:hover { color: var(--themecourier) !important; }
.themeCourier .cpBtn { color: #ffffff; }
.themeCourier .cpBtn:hover { background-color: transparent; }
.themeCourier .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeBlastM*/
.themeCourze .cpGenCtnt h2:after, .themeCourze .cpBtn, .themeCourze .bgTheme, .themeCourze .cpKrList li:before, .themeCourze .pfBox, .themeCourze .cpKcImg { background-color: var(--themecourze); }
.themeCourze .cpBtn, .themeCourze .cpBtn:hover, .themeCourze .tuImg.hasBgBdr { border-color: var(--themecourze); }
.themeCourze .colorTheme, .themeCourze .cpBtn:hover { color: var(--themecourze) !important; }
.themeCourze .cpBtn { color: #ffffff; }
.themeCourze .cpBtn:hover { background-color: transparent; }
.themeCourze .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeDD*/
.themeDD .cpGenCtnt h2:after, .themeDD .cpBtn, .themeDD .bgTheme, .themeDD .cpKrList li:before, .themeDD .pfBox, .themeDD .cpKcImg { background-color: var(--themedd); }
.themeDD .cpBtn, .themeDD .cpBtn:hover, .themeDD .tuImg.hasBgBdr { border-color: var(--themedd); }
.themeDD .colorTheme, .themeDD .cpBtn:hover { color: var(--themedd) !important; }
.themeDD .cpBtn { color: #ffffff; }
.themeDD .cpBtn:hover { background-color: transparent; }
.themeDD .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeDH*/
.themeDH .cpGenCtnt h2:after, .themeDH .cpBtn, .themeDH .bgTheme, .themeDH .cpKrList li:before, .themeDH .pfBox, .themeDH .cpKcImg { background-color: var(--themedh); }
.themeDH .cpBtn, .themeDH .cpBtn:hover, .themeDH .tuImg.hasBgBdr { border-color: var(--themedh); }
.themeDH .colorTheme, .themeDH .cpBtn:hover { color: var(--themedh) !important; }
.themeDH .cpBtn { color: #ffffff; }
.themeDH .cpBtn:hover { background-color: transparent; }
.themeDH .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeDH*/
.themeEbayinc .cpGenCtnt h2:after, .themeEbayinc .cpBtn, .themeEbayinc .bgTheme, .themeEbayinc .cpKrList li:before, .themeEbayinc .pfBox, .themeEbayinc .cpKcImg { background-color: var(--themeebayinc); }
.themeEbayinc .cpBtn, .themeEbayinc .cpBtn:hover, .themeEbayinc .tuImg.hasBgBdr { border-color: var(--themeebayinc); }
.themeEbayinc .colorTheme, .themeEbayinc .cpBtn:hover { color: var(--themeebayinc) !important; }
.themeEbayinc .cpBtn { color: #ffffff; }
.themeEbayinc .cpBtn:hover { background-color: transparent; }
.themeEbayinc .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeET*/
.themeET .cpGenCtnt h2:after, .themeET .cpBtn, .themeET .bgTheme, .themeET .cpKrList li:before, .themeET .pfBox, .themeET .cpKcImg { background-color: var(--themeet); }
.themeET .cpBtn, .themeET .cpBtn:hover, .themeET .tuImg.hasBgBdr { border-color: var(--themeet); }
.themeET .colorTheme, .themeET .cpBtn:hover { color: var(--themeet) !important; }
.themeET .cpBtn { color: #ffffff; }
.themeET .cpBtn:hover { background-color: transparent; }
.themeET .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

/*themeET*/
.themeEFS .cpGenCtnt h2:after, .themeEFS .cpBtn, .themeEFS .bgTheme, .themeEFS .cpKrList li:before, .themeEFS .pfBox, .themeEFS .cpKcImg { background-color: var(--themeefs); }
.themeEFS .cpBtn, .themeEFS .cpBtn:hover, .themeEFS .tuImg.hasBgBdr { border-color: var(--themeefs); }
.themeEFS .colorTheme, .themeEFS .cpBtn:hover { color: var(--themeefs) !important; }
.themeEFS .cpBtn { color: #ffffff; }
.themeEFS .cpBtn:hover { background-color: transparent; }
.themeEFS .bgTheme .cpBtn.white:hover { color: #ffffff !important; }
/**/

.bdrRdus16 {
	border-radius: 16px;
	overflow: hidden;
}
.bgBlue1 { background-color: #008aa9; }
/* --------------------- 12-11-24 -------------- */
.jusdify-detail-banner-img { display: flex; }
.jusdify-detail-banner-col {
	padding: 0 15px;
	width: 50%;
}
.jusdify-detail-banner-col+.jusdify-detail-banner-col { margin-top: 95px; }
.font-22 {
	font-size: 20px;
	line-height: 32px;
	opacity: 0.7;
	color: #212529;
}
/*-----------------22-11-24-------------*/
.common-row.container {
	margin-right: auto;
	margin-left: auto;
}
.detial-subttle { font-size: 20px; line-height: 28px; font-weight: 300; opacity: .8 }
		.text-center { text-align: center !important }
		.col { position: relative; width: 100%; padding-right: 15px; padding-left: 15px }
		.banner_color { color: #fff; position: relative; top: 53px; line-height: 79px }
		.key-challange-list li+li { margin-top: 33px }
		.portfolio-contents-main { position: relative; z-index: 0 }
		.features-sec { position: relative; overflow: hidden }
		.jusdify-key-features-list { display: flex; padding: 30px 30px 30px 0 }
		.platform-snaps { text-align: center }
		.w-anuimation-image1:before { animation: w-anuimation-image1 2s infinite }
		.w-anuimation-image1:after { animation: w-anuimation-image1 2s infinite }
		.w-anuimation-image2:before { animation: w-anuimation-image2 2s infinite }
		.w-anuimation-image2:after { animation: w-anuimation-image2 2s infinite }
		.w-anuimation-image3:before { animation: w-anuimation-image3 2s infinite }
		.w-anuimation-image3:after { animation: w-anuimation-image3 2s infinite }
		.w-anuimation-image4:before { animation: w-anuimation-image4 2s infinite }
		.w-anuimation-image4:after { animation: w-anuimation-image4 2s infinite }
		.w-anuimation-image5:before { animation: w-anuimation-image5 2s infinite }
		.w-anuimation-image5:after { animation: w-anuimation-image5 2s infinite }
		.w-anuimation-image6:before { animation: w-anuimation-image6 2s infinite }
		.w-anuimation-image6:after { animation: w-anuimation-image6 2s infinite }
		.w-anuimation-image7:before { animation: w-anuimation-image7 2s infinite }
		.w-anuimation-image7:after { animation: w-anuimation-image7 2s infinite }
		.w-anuimation-image8:before { animation: w-anuimation-image8 2s infinite }
		.w-anuimation-image8:after { animation: w-anuimation-image8 2s infinite }
		.w-anuimation-image9:before { animation: w-anuimation-image1 2s infinite }
		.w-anuimation-image9:after { animation: w-anuimation-image9 2s infinite }
		.w-anuimation-image7:before { animation: w-anuimation-button 2s infinite }
		.w-anuimation-image7:after { animation: w-anuimation-button 2s infinite }
		 @keyframes w-anuimation-button { 0% {
		 box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 20px rgb(255 101 1 / 0)
		}
		}
		 @keyframes w-anuimation-image1 { 0% {
		 box-shadow: 0 0 0 0 rgb(33 181 174 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(33 181 174 / 0)
		}
		}
		 @keyframes w-anuimation-image2 { 0% {
		 box-shadow: 0 0 0 0 rgb(255 1 142 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 1 142 / 0)
		}
		}
		 @keyframes w-anuimation-image3 { 0% {
		 box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0)
		}
		}
		 @keyframes w-anuimation-image4 { 0% {
		 box-shadow: 0 0 0 0 rgb(22 38 122 / 30%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(22 38 122 / 0)
		}
		}
		 @keyframes w-anuimation-image5 { 0% {
		 box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0)
		}
		}
		 @keyframes w-anuimation-image6 { 0% {
		 box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0)
		}
		}
		 @keyframes w-anuimation-image7 { 0% {
		 box-shadow: 0 0 0 0 rgb(255 101 1 / 40%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0)
		}
		}
		 @keyframes w-anuimation-image8 { 0% {
		 box-shadow: 0 0 0 0 rgb(0 0 0 / 10%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(0 0 0 / 0%)
		}
		}
		 @keyframes w-anuimation-image9 { 0% {
		 box-shadow: 0 0 0 0 rgb(255 213 146 / 50%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 213 146 / 0)
		}
		}
		 @keyframes w-anuimation-image10 { 0% {
		 box-shadow: 0 0 0 0 rgb(0 0 0 / 10%)
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(0 0 0 / 0%)
		}
		}
		/* Index psge CSS Start */
				
		.common-portfolio-banner .landing-banner-img { position: absolute; top: -100px; z-index: -1; left: 0px; right: 0; }
		.portfolio-contents-main { position: relative; z-index: 0; }
		.port-sec { padding: 100px 0; }
		.common-portfolio-banner { position: relative; height: auto !important; display: flex; background: #01374C; align-items: center; justify-content: center; padding-bottom: 50px; margin-top: 0;}
		.common-row { display: flex; align-items: center; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
		.custom-col-6 { width: 50%; padding: 0 15px; }
		.portfolio-banner-text h1 { font-size: 58px; color: #fff; font-weight: 800; margin: 0 0 20px; text-transform: capitalize; }
		.portfolio-banner-text h1 span{display: block;}
		.portfolio-banner-text p { color: #fff; font-size: 18px; font-weight: 500; margin: 0 0 35px; line-height: 28px; }
		.portfolio-banner-text { margin-right: -20%; }
		.custom-col-7 { width: 60%; }
		.custom-col-5 { width: 40%; }
		.portfolio-banner-img { margin: 0 -35% 0 0; }
		.portfolio-banner-img img { max-width: 100%; }
		.common-btn { display: inline-block; background: #F05A23; color: #fff; font-size: 18px; font-weight: 600; padding: 7px 7px 6px 40px; border-radius: 35px; -webkit-transition: 0.3s; transition: 0.3s; border: 1px solid #F05A23; }
		.common-btn-outline { background-color: transparent; border-color: #fff; }
		.common-btn-outline:hover { border-color: #F05A23; }
		.common-btn i { display: inline-block; background: rgb(255 255 255 / 10%); font-weight: 400; width: 52px; height: 52px; text-align: center; line-height: 52px; border-radius: 50%; font-size: 26px; margin-left: 25px; vertical-align: middle; }
		.common-btn:hover { background: #e64d15; color: #fff; text-decoration: none; box-shadow: 0 0 12px rgb(255 255 255 / 50%); }
		.custom-port-col-con span { font-size: 22px; font-weight: 500; color: rgb(51 51 51 / 1); line-height: 1.4; text-transform: capitalize; }
		.custom-port-col-con h2 {text-transform: capitalize; margin: 20px 0 0; font-size: 60px; color: #333333; font-weight: 700; line-height: 1.2;/*white-space: nowrap;*/ }
		.custom-port-col-image>img { max-width: 100%; z-index: 1; width: 100%; position: relative; }
		.custom-port-col-image {
    position: relative;
    border-radius: 50%;
    margin-left: 0;
    max-width: 470px;
    padding: 0px;
    max-height: 470px;
}
		.custom-port-col-image:before { content: ""; position: absolute; left: 0px; top: 0; width: 100%; height: 100%; border: 2px solid #D4D4D4; border-radius: 50%; }
		.port-bg-1 { background: rgb(232 248 247 / 23%); }
		.jusdify-logo { position: absolute; width: 140px; height: 140px; display: flex; align-items: center; border-radius: 50%; left: 0; top: 0; z-index: 2; border: 1px solid #ccc; box-shadow: 0 0 10px #000; }
		.jusdify-logo img { border-radius: 0; }
		.dir-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
		
		.dir-reverse .custom-port-col-con { padding-left: 0; padding-right: 25px; }
		.gashionopoly-logo { background: #AC01FF; left: auto; right: 0; padding: 5px; }
		.gashionopoly-logo img { margin-top: -15px; }
		.cluster-logo { padding: 0; background: none; }
		.port-bg-3 { background: rgb(251 227 226 / 17%); }
		.dir-reverse .jusdify-logo { left: auto; right: 0; }
		.port-bg-4 { background: rgb(234 237 251 / 20%); }
		.port-bg-6 { background: rgb(255 239 229 / 25%); }
		.port-bg-7 { background: rgb(233 233 233 / 20%); }
		.port-bg-8 { background: rgb(238 251 255 / 30%); }
		.port-bg-9 { background: rgb(223 239 224 / 22%); }
		.port-bg-10 { background: rgb(255 241 184 / 20%); }
		.col-academy-port .custom-port-col-image>img { top: -53px; left: -71px; width: 634px; max-width: initial; }
		.jusdify-port .custom-port-col-image { max-width: 560px; max-height: 560px; }
		.jusdify-port .custom-port-col-image>img { width: 680px; height: 680px; left: -67px; max-width: initial; top: -40px; }
		/* .LCE-game-port .custom-port-col-image>img {
							left: -15px;
						} */
				
		.custom-port-col-image:after { content: ""; position: absolute; left: 12%; top: 12%; width: 76%; height: 80%; background: #21B5AE; border-radius: 50%; }
		.SAS-international-port .custom-port-col-image:after{background:#1E1E1E;}
.health-insurance-port .custom-port-col-image:after{background:#51BEA5;}
.legal-service-port .custom-port-col-image:after{background:#9E6B58;}
.real-estate-port .custom-port-col-image:after{background:#ff853c;}
.mobile-application-port .custom-port-col-image:after{background:#09DEFF;}
		.w-anuimation-image1:before { animation: w-anuimation-image1 2s infinite; }
		.w-anuimation-image1:after { animation: w-anuimation-image1 2s infinite; }
		.w-anuimation-image2:before { animation: w-anuimation-image2 2s infinite; }
		.w-anuimation-image2:after { animation: w-anuimation-image2 2s infinite; }
		.w-anuimation-image3:before { animation: w-anuimation-image3 2s infinite; }
		.w-anuimation-image3:after { animation: w-anuimation-image3 2s infinite; }
		.w-anuimation-image4:before { animation: w-anuimation-image4 2s infinite; }
		.w-anuimation-image4:after { animation: w-anuimation-image4 2s infinite; }
		.w-anuimation-image5:before { animation: w-anuimation-image5 2s infinite; }
		.w-anuimation-image5:after { animation: w-anuimation-image5 2s infinite; }
		.w-anuimation-image6:before { animation: w-anuimation-image6 2s infinite; }
		.w-anuimation-image6:after { animation: w-anuimation-image6 2s infinite; }
		.w-anuimation-image7:before { animation: w-anuimation-image7 2s infinite; }
		.w-anuimation-image7:after { animation: w-anuimation-image7 2s infinite; }
		.w-anuimation-image8:before { animation: w-anuimation-image8 2s infinite; }
		.w-anuimation-image8:after { animation: w-anuimation-image8 2s infinite; }
		.w-anuimation-image9:before { animation: w-anuimation-image1 2s infinite; }
		.w-anuimation-image9:after { animation: w-anuimation-image9 2s infinite; }
		.w-anuimation-image7:before { animation: w-anuimation-button 2s infinite; }
		.w-anuimation-image7:after { animation: w-anuimation-button 2s infinite; }
		 @keyframes w-anuimation-button { 0% {
		 box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 20px rgb(255 101 1 / 0);
		}
		}
		 @keyframes w-anuimation-image1 { 0% {
		 box-shadow: 0 0 0 0px rgb(33 181 174 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(33 181 174 / 0);
		}
		}
		 @keyframes w-anuimation-image2 { 0% {
		 box-shadow: 0 0 0 0px rgb(255 1 142 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 1 142 / 0);
		}
		}
		 @keyframes w-anuimation-image3 { 0% {
		 box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0);
		}
		}
		 @keyframes w-anuimation-image4 { 0% {
		 box-shadow: 0 0 0 0px rgb(22 38 122 / 30%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(22 38 122 / 0);
		}
		}
		 @keyframes w-anuimation-image5 { 0% {
		 box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0);
		}
		}
		 @keyframes w-anuimation-image6 { 0% {
		 box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0);
		}
		}
		 @keyframes w-anuimation-image7 { 0% {
		 box-shadow: 0 0 0 0px rgb(255 101 1 / 40%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 101 1 / 0);
		}
		}
		 @keyframes w-anuimation-image8 { 0% {
		 box-shadow: 0 0 0 0px rgb(0 0 0 / 10%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(0 0 0 / 0%);
		}
		}
		 @keyframes w-anuimation-image9 { 0% {
		 box-shadow: 0 0 0 0px rgb(255 213 146 / 50%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(255 213 146 / 0);
		}
		}
		 @keyframes w-anuimation-image10 { 0% {
		 box-shadow: 0 0 0 0px rgb(0 0 0 / 10%);
		}
		 100% {
		 box-shadow: 0 0 0 40px rgb(0 0 0 / 0%);
		}
		}


.container {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1440px;
}
/*Responsive CSS Start*/

@media only screen and (max-width: 1599px) {
.portfolio-banner-text h1 { }
.portfolio-banner-img { margin: 0; }
.dir-reverse .custom-port-col-image {
	margin-left: auto;
	margin-right: 0;
	max-width: 500px;
	max-height: 500px;
}
.custom-port-col-image { margin-left: 0; }
.portfolio-banner-img { margin: 0; }
.portfolio-banner-text h1 { }
.portfolio-banner-text p {
	font-size: 18px;
	margin: 0 0 25px;
}
.custom-port-col-con h2 {
	margin: 15px 0 0;
	font-size: 60px;
}
.custom-port-col-con { padding-left: 55px; }
.jusdify-logo {
	width: 115px;
	height: 115px;
}
.jusdify-logo img { width: 100%; }
.common-portfolio-banner { }
.min-h-banner { }
.arrow-bounce { bottom: 30px; }
.index-svg svg { }
}
@media only screen and (max-width: 1300px) {
.custom-port-col-con h2 {
	margin: 10px 0 0;
	font-size: 50px;
}
.portfolio-banner-text h1 { }
.portfolio-banner-text p {
	font-size: 16px;
	margin: 0 0 25px;
}
.portfolio-banner-text { margin-right: -10%; }
}
@media only screen and (max-width: 1199px) {
.common-portfolio-banner { height: auto; }
.custom-port-col-con h2 {
	margin: 10px 0 0;
	font-size: 50px;
}
.portfolio-banner-text h1 { }
.portfolio-banner-text p {
	font-size: 16px;
	margin: 0 0 25px;
}
.portfolio-banner-text { margin-right: -10%; }
ul.used-tec-list li+li:after { display: none; }
ul.used-tec-list li span { font-size: 16px; }
.min-h-banner { }
.btn-hire-us {
	padding: 20px 40px;
	font-size: 18px;
}
.portfolio-banner-img:before {
	width: 102%;
	height: 102%;
	left: -1.5%;
	top: -6%;
}
.index-svg svg { }
}
@media only screen and (max-width:991px) {
.custom-port-col-con h2 {
	margin: 10px 0 0;
	font-size: 44px;
}
.custom-port-col-con { padding-left: 35px; }
.custom-port-col-con h2 {
	margin: 10px 0 0;
	font-size: 40px;
}
.portfolio-banner-text h1 { }
.portfolio-banner-text p {
	font-size: 16px;
	margin: 0 0 20px;
}
.custom-port-col-con span { font-size: 16px; }
.jusdify-logo {
	width: 90px;
	height: 90px;
}
.used-tec-list li span, .used-tec-list li .explainer-unicode { font-size: 18px; }
.min-h-banner { }
.btn-hire-us {
	padding: 15px 30px;
	font-size: 16px;
}
.before-btn-shape:before { right: -600px; }
.arrow-bounce {
	bottom: 40px;
	width: 40px;
	height: 40px;
}
.arrow-bounce a { font-size: 25px; }
}
@media only screen and (max-width: 767px) {
.portfolio-banner-text h1 { }
.common-row { flex-wrap: wrap; }
.custom-col-6 { width: 100%; }
.portfolio-banner-text {
	margin-right: 0;
	text-align: center;
}
.portfolio-banner-img {
	margin: 0;
	margin-bottom: 20px;
}
.portfolio-banner-text h1 { }
.portfolio-banner-text p {
	font-size: 16px;
	margin: 0 0 20px;
	line-height: 22px;
}
.custom-port-col-image, .dir-reverse .custom-port-col-image {
	max-width: 250px;
	max-height: 250px;
	margin: 0 auto 40px;
}
.custom-port-col-con {
	padding: 0 !important;
	text-align: center;
}
.custom-port-col-con h2 {
	margin: 10px 0 0;
	font-size: 30px;
}
.jusdify-logo {
	width: 65px;
	height: 65px;
}
.port-sec { padding: 40px 0; }
.used-tec-list li span { font-size: 14px; }
ul.used-tec-list li span { font-size: 14px; }
ul.used-tec-list { justify-content: center; }
.min-h-banner { }
.used-tec-list li .explainer-unicode { font-size: 16px; }
.text-rght { text-align: center; }
.btn-hire-us {
	padding: 11px 15px;
	font-size: 14px;
}
.before-btn-shape:before { display: none; }
.portfolio-banner-img:before { display: none; }
}

@media only screen and (max-width:991px) {
.index-svg { display: none; }
.before-btn-shape .common-row .custom-col-6 {
	width: 100%;
	text-align: center;
}
}
@media only screen and (max-width:767px) {
.pagination { font-size: 14px; }
.page-link {
	min-width: 28px;
	min-height: 28px;
	line-height: 28px;
}
.pagination-wrap+.footer, .footer { padding-bottom: 46px; }
ul.used-tec-list li {
	justify-content: center;
	width: auto !important;
	min-height: auto;
}
}
.world-vision-port .custom-port-col-image:after { background: #ffffff; }
.nokia-port .custom-port-col-image:after { background: #1c4598; }
.ebay-port .custom-port-col-image:after { background-color: #f5af02; }
.amcor-port .custom-port-col-image:after { background-color: #00668a; }
.careem-port .custom-port-col-image:after { background-color: #c3e7ce; }
.mio-port .custom-port-col-image:after { background: #22a0d8; }
.ups-port .custom-port-col-image:after { background: #fab80a; }
.bcg-port .custom-port-col-image:after { background: #007f63; }
ul.used-tec-list li { width: 100%; }
.used-tec-list li:after { display: none; }
.btn-round {
    border: 1px solid #fff;
    color: #fff;
    padding: 9px 15px;
}
.btn-bl {
	background:#333; border-color:#333}
	.features-boximg {
    min-height: 210px;
}
.badges-list { flex-wrap: wrap;align-items: center;justify-content: center;}
.badges-list li {color: #fff;margin: 10px 5px;font-size: 22px;font-weight: bold;line-height: 1;}
.badges-list li+li {border-left: 2px solid #fff;padding-left: 10px;}
.pcimg img {width: 100%;}
@media only screen and (max-width: 1199px) {
.container { width: 970px; }
}
@media only screen and (max-width: 991px) {
.container { width: 768px; }
}
@media only screen and (max-width: 768px) {
.container { width: 750px; }
}
@media only screen and (max-width: 767px) {
.container { width: 100%; }
}
@media only screen and (max-width: 1599px) {
.hero-banner-wrap .portfolio-banner-text h1 { font-size: 48px; }
.index-svg svg { max-height: 340px; }
}
@media only screen and (min-width: 992px) {
.hero-banner-wrap .portfolio-banner-text p { min-width: calc(100% + 60px); }
.hero-banner-wrap .portfolio-banner-text h1 { min-width: calc(100% + 80px); }
}
@media only screen and (max-width:1199px) {
.hero-banner-wrap .portfolio-banner-text h1 { font-size: 42px; }
.index-svg svg { max-height: 305px; }
}
@media only screen and (max-width:991px) {
.hero-banner-wrap .portfolio-banner-text { align-items: center; }
.hero-banner-wrap .portfolio-banner-text p {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}
@media only screen and (max-width: 767px) {
.hero-banner-wrap {
	padding: 100px 0 !important;
	margin-top: 82px;
	min-height: calc(100vh - 131px);
	max-height: calc(100vh - 131px);
}
}
@media only screen and (max-width: 567px) {
.hero-banner-wrap { max-height: inherit; }
.hero-banner-wrap .portfolio-banner-text h1 { font-size: 28px; }
}
@media only screen and (max-width:991px) {
.hero-banner-wrap {
	max-height: inherit;
	min-height: 60vh;
}
}

@media (max-width: 1629px) {
.cpSec .container { max-width: 1310px; }
.cpHD1 { font-size: 48px; }
.cpHD2 { font-size: 36px; }
.cpHD3 { font-size: 28px; }
.cpHD4 { font-size: 24px; }
.cpHD5 { font-size: 21px; }
.cpHD6 { font-size: 20px; }
.txt18 { font-size: 18px; }
.cpSec.cpBnrSec { padding: 90px 0; }
.cpSec { padding: 76px 0; }
.cpBnrCtnt .cpBtn { margin-top: 30px; }
.cpBnrLogo {
	margin-bottom: 24px;
	max-width: 180px;
}
.cpCenterSec .cpGenImg { margin-top: 40px; }
.cpKrList { margin: 40px 0; }
.cpCenterSec .cpGenImg { margin-top: 40px; }
.cpKcImg {
	width: 82px;
	height: 82px;
	font-size: 32px;
}
.cpKcCtnt { width: calc(100% - 82px); }
.cpKcList { margin-top: 48px; }
.pfBox {
	padding: 70px 20px 40px 50px;
	border-radius: 120px 30px 30px 30px;
}
}
 @media (max-width: 1309px) {
.cpSec .container { max-width: 1170px; }
.cpHD1 { font-size: 44px; }
.cpHD2 { font-size: 32px; }
.cpHD3 { font-size: 28px; }
.cpHD4 { font-size: 24px; }
.cpHD5 { font-size: 21px; }
.cpHD6 { font-size: 20px; }
.txt18 { font-size: 18px; }
.cpSec.cpBnrSec { padding: 80px 0; }
.cpSec { padding: 72px 0; }
.cpBnrCtnt .cpBtn { margin-top: 28px; }
.cpBnrLogo {
	margin-bottom: 24px;
	max-width: 170px;
}
.cpBnrImg { max-width: calc(50% - 10px); }
.cpBnrCtnt { max-width: calc(50% - 10px); }
.cpCenterSec .cpGenImg { margin-top: 32px; }
.cpKrList { margin: 32px 0; }
.cpCenterSec .cpGenImg { margin-top: 36px; }
.cpKcImg {
	width: 76px;
	height: 76px;
	font-size: 28px;
}
.cpKcCtnt { width: calc(100% - 76px); }
.cpKcList { margin-top: 44px; }
.pfBox {
	padding: 60px 20px 30px 40px;
	border-radius: 80px 20px 20px 20px;
}
}
 @media (max-width: 1199px) {
.cpSec .container { max-width: 970px; }
.cpHD1 { font-size: 42px; }
.cpHD2 { font-size: 30px; }
.cpHD3 { font-size: 26px; }
.cpHD4 { font-size: 24px; }
.cpHD5 { font-size: 21px; }
.cpHD6 { font-size: 20px; }
.txt18 { font-size: 18px; }
.cpSec.cpBnrSec { padding: 76px 0; }
.cpSec { padding: 68px 0; }
.cpBnrCtnt .cpBtn { margin-top: 26px; }
.cpBnrLogo {
	margin-bottom: 24px;
	max-width: 160px;
}
.cpPdBox { padding: 20px 10px; }
.cpBtn { margin-top: 12px; }
.cpGenCtnt p { margin-bottom: 12px; }
.cpCenterSec .cpGenImg { margin-top: 28px; }
.cphlTxt { padding-left: 16px; }
.cpKrList li {
	padding-left: 40px;
	margin-bottom: 20px;
}
.cpKrList { margin: 28px 0; }
.cpCenterSec .cpGenImg { margin-top: 32px; }
.cpKcImg {
	width: 72px;
	height: 72px;
	font-size: 24px;
}
.cpKcCtnt {
	width: calc(100% - 72px);
	padding-left: 20px;
}
.cpKcList { margin-top: 40px; }
}
/* @media (max-width: 1023px) {
.cpMain { margin-top: 108px; }
}*/
 @media (max-width: 991px) {
.cpSec .container { max-width: 768px; }
.cpHD1 { font-size: 40px; }
.cpHD2 { font-size: 28px; }
.cpHD3 { font-size: 24px; }
.cpHD4 { font-size: 22px; }
.cpHD5 { font-size: 20px; }
.cpHD6 { font-size: 18px; }
.txt18 { font-size: 17px; }
.cpSec.cpBnrSec { padding: 72px 0; }
.cpSec { padding: 64px 0; }
.cpBnrCtnt .cpBtn { margin-top: 24px; }
.cpBnrLogo {
	margin-bottom: 20px;
	max-width: 150px;
}
.cpBtn {
	font-size: 15px;
	padding: 10px 20px;
}
.cpPd {
	margin-top: -16px;
	margin-bottom: -16px;
}
.cpPdBox {
	max-width: 50%;
	flex-shrink: 0;
	margin: 16px 0;
}
.cpPdBox:nth-child(2) { border-right: 0; }
.cpGenCtnt p { line-height: 1.3; }
.cpGenCtnt h2 { padding-bottom: 8px; }
.cpGenCtnt h2:after {
	width: 100px;
	height: 3px;
}
.cpCenterSec .cpGenImg { margin-top: 24px; }
.cphlTxt { padding-left: 14px; }
.cpChalngList li { margin-bottom: 20px; }
.cpKrList li {
	padding-left: 32px;
	margin-bottom: 16px;
}
.cpKrList li:before { top: 1px; }
.cpKrList li:after { top: 7px; }
.cpKrList { margin: 24px 0; }
.cpCenterSec .cpGenImg { margin-top: 28px; }
.tuList li { padding: 12px 8px; }
.cpKcImg {
	width: 68px;
	height: 68px;
	font-size: 21px;
}
.cpKcCtnt {
	width: calc(100% - 68px);
	padding-left: 16px;
}
.cpKcList { margin-top: 36px; }
.psList li { width: 50%; }
.cfBoxList li { width: 50%; }
.pfBox {
	padding: 40px 16px 24px 32px;
	border-radius: 50px 10px 10px 10px;
}
.hero-banner-wrap .custom-col-6 {
    width: 100%;
}
.hero-banner-wrap .portfolio-banner-text h1 {
    text-align: center;
}
}
 @media (max-width: 767px) {
.cpSec .container { max-width: 100%; }
.cpHD1 { font-size: 38px; }
.cpHD2 { font-size: 26px; }
.cpHD3 { font-size: 24px; }
.cpHD4 { font-size: 22px; }
.cpHD5 { font-size: 20px; }
.cpHD6 { font-size: 17px; }
.txt18 { font-size: 16px; }
.cpBtn {
	font-size: 14px;
	padding: 9px 18px;
}
.cpSec.cpBnrSec { padding: 68px 0; }
.cpSec { padding: 60px 0; }
.cpBnrCtnt .cpBtn { margin-top: 20px; }
.cpBnrLogo {
	margin-bottom: 16px;
	max-width: 140px;
}
.cpMain { margin-top: 80px; }
.cpBnrImg { max-width: 100%; }
.cpBnrCtnt {
	max-width: 100%;
	text-align: center;
	margin-top: 36px;
}
.cpPdBox p, .cpPdIcon { margin-bottom: 12px; }
.cpGenImg { max-width: 100%; }
.cpGenCtnt {
	max-width: 100%;
	margin-top: 24px;
}
.cpCenterSec .cpGenCtnt { margin-top: 0; }
.cpGenCtnt h2 { margin-bottom: 20px; }
.cpGenCtnt p { margin-bottom: 10px; }
.cpBtn { margin-top: 10px; }
.cpCenterSec .cpGenImg { margin-top: 20px; }
.cpGenCtnt h2 { padding-bottom: 6px; }
.cpGenCtnt h2:after {
	width: 70px;
	height: 2px;
}
.cpChalngList li { margin-bottom: 16px; }
.cpCenterSec .cpGenImg { margin-top: 24px; }
.cpKcImg {
	width: 60px;
	height: 60px;
	font-size: 20px;
}
.cpKcList li { width: 100%; }
.cpKcList { margin-top: 32px; }
.psList li { width: 100%; }
.cfBoxList {
	margin-left: -8px;
	margin-right: -8px;
}
.cfBoxList li { padding: 8px; }
.cpKrList2 li { width: 100%; }
}
 @media (max-width: 567px) {
.cpHD1 { font-size: 36px; }
.cpHD2 { font-size: 24px; }
.cpHD3 { font-size: 21px; }
.cpHD4 { font-size: 20px; }
.cpHD5 { font-size: 19px; }
.cpHD6 { font-size: 17px; }
.txt18 { font-size: 16px; }
.cpSec.cpBnrSec { padding: 64px 0; }
.cpSec { padding: 52px 0; }
.cpBnrCtnt .cpBtn { margin-top: 18px; }
.cpBnrLogo {
	margin-bottom: 14px;
	max-width: 130px;
}
.cpCenterSec .cpGenImg { margin-top: 18px; }
.cpChalngList li { margin-bottom: 12px; }
.cpCenterSec .cpGenImg { margin-top: 20px; }
.cpKcImg {
	width: 48px;
	height: 48px;
	font-size: 20px;
}
.cpKcList { margin-top: 28px; }
.cfBoxList li { width: 100%; }
.pfBox {
	padding: 28px 16px 24px 28px;
	border-radius: 30px 10px 10px 10px;
}
}
 @media (max-width: 479px) {
.cpHD1 { font-size: 34px; }
.cpHD2 { font-size: 22px; }
.cpHD3 { font-size: 20px; }
.cpHD4 { font-size: 19px; }
.cpHD5 { font-size: 18px; }
.cpHD6 { font-size: 17px; }
.txt18 { font-size: 16px; }
.cpSec.cpBnrSec { padding: 52px 0; }
.cpSec { padding: 44px 0; }
.cpBnrCtnt .cpBtn { margin-top: 16px; }
.cpBnrLogo {
	margin-bottom: 12px;
	max-width: 120px;
}
.cpPd {
	margin-top: 0;
	margin-bottom: 0;
}
.cpPdBox {
	max-width: 100%;
	margin: 0;
	border-right: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cpPdBox:last-child { border-bottom: 0; }
.cpCenterSec .cpGenImg { margin-top: 16px; }
.cpChalngList li { margin-bottom: 10px; }
.cpKcImg {
	width: 40px;
	height: 40px;
	font-size: 18px;
}
.cpKcList { margin-top: 24px; }
}
.themeCW .bdrLiteTop.bgTheme {
    background: #e13414;
}
.themeCaldwells .bdrLiteTop.bgTheme {
    background: #242226;
}
.themeBlkmedia .bgTheme.bdrLiteTop {
    background: #0e0e0e;
}
.themeDD .bdrLiteTop.bgTheme {
    background: #3858d7;
}
.themeSixPack .bgTheme.bdrLiteTop {
    background: #0e0e0e;
}
.themeCW .bdrLiteTop.bgTheme {
    background: #ed4020;
}
.themeBardolino .bdrLiteTop.bgTheme {
    background: #107db5;
}
.themeColA .bdrLiteTop.bgTheme {
    background: #bd993f;
}
.themeARCA .bdrLiteTop.bgTheme {
    background: #07304c;
}
.themeAlgrFL .bgTheme.bdrLiteTop {
    background: #7c0d93;
}
.themeCourze .bdrLiteTop.bgTheme {
    background: #160d4e;
}
.themeCWD .bdrLiteTop.bgTheme {
    background: #e74d15;
}
.themeCH .bdrLiteTop.bgTheme {
    background: #c9291b;
}
.themeEFS .bdrLiteTop.bgTheme {
    background: #176a50;
}
.themeCourier .bdrLiteTop.bgTheme {
    background: #c5083b;
}

@media only screen and (max-width:479px){
.toggle-button:before {width: 38px !important;top: 9px !important;}
}

@media only screen and (max-width:767px){
	.tuList {flex-wrap: wrap;}
	.tuList li {flex: 0 0 25%; max-width: 25%;}
	.badges-list li{ font-size: 14px;}
	.cpMain {margin-top: 0px;}
}


.bg-og {
    background: #0b3b03;
}
.banner-row {
    display: flex;
    align-items: center;
    position: static;
    z-index: 1;
    min-height: 650px;
}
.port-ban-img {
    width: 55%;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
		z-index:1;
}
.port-ban-img img {
    /*object-fit: cover;
    min-height: 780px;*/
    display: block;
    margin: 0 auto;
}
.port-ban-con {
    width: 45%;
    padding: 50px 0 50px;
		position:relative;
		z-index:1;
}
.port-ban-con h1 {
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px;
    line-height: 1.3;
}
.port-ban-con h1 span {
    font-weight: 400;
    font-size: 34px;
    display: block;
}
.port-ban-con p {
    font-size: 22px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 20px;
}
.port-ban-con .btn-hire-us {
    color: #fff;
    background: #af110e;
    text-transform: capitalize;
    font-size: 18px;
    border-radius: 4px;
    padding: 13px 25px;
}
/*.port-ban-con .btn-hire-us:hover {
    color: #fff;
    background: #1E1515;
}*/
.port-ban-con .btn-hire-us:hover {
    color: #fff;
    background: transparent;
    box-shadow: 0 0 0 1px #fff;
}
.port-top-banner {
    position: relative;
		overflow: hidden;
}
.port-top-banner:after {
    position: absolute;
    left: -20%;
    content: "";
    bottom: -88%;
    width: 600px;
    height: 500px;
    border: 250px solid rgb(255 255 255 / 4%);
    border-radius: 50%;
}
.port-top-banner:before {
    position: absolute;
    left: 43%;
    content: "";
    bottom: -6%;
    width: 450px;
    height: 450px;
    border: 150px solid rgb(255 255 255 / 4%);
    border-radius: 50%;
}
.bg-blue {
    background: #00384C;
}
.bg-blue:before, .bg-blue:after {
    border-color: rgb(255 255 255 / 2%);
}
.bg-blue .btn-hire-us {
    background: #af110e;
    color: #fff;
}
/*.bg-blue .btn-hire-us:hover {
    background: #fff;
    color: #00384C;
}*/
@media only screen and (max-width:1449px){
	.port-ban-con h1 {
    font-size: 58px;
}
.port-ban-con h1 span {
    font-size: 26px;
}
.port-ban-con p {
    font-size: 20px;
}
.port-ban-con .btn-hire-us {
    padding: 12px 20px;
}
}
@media only screen and (max-width:1199px){
.btnNormalInv {
    padding: 5px 10px;
    font-size: 14px;
}
.logo {
    width: 230px;
    height: 37px;
}
.port-ban-con h1 {
    font-size: 42px;
}
.port-ban-con h1 span {
    font-size: 24px;
}
.port-ban-con p {
    font-size: 16px;
}
.port-ban-con .btn-hire-us {
    padding: 12px 20px;
}
.banner-row {
    min-height: 500px;
}
.port-ban-img img {
    min-height: 650px;
}
.toggle-button:before {
    width: 100%;
}
}
@media only screen and (max-width:991px){
.banner-row {
    min-height: 400px;
}
.port-ban-con {
    width: 45%;
    padding: 30px 0px;
    position: relative;
    z-index: 1;
}
.port-ban-img img {
    min-height: 500px;
}
.port-ban-con h1 {
    font-size: 36px;
}
.port-ban-con h1 span {
    font-size: 22px;
}
.port-ban-con .btn-hire-us {
    font-size: 16px;
    padding: 10px 16px;
}
.port-ban-con p {
    font-size: 16px;
    margin: 0;
}
}

@media only screen and (max-width:767px){
.port-ban-img {
    width: 100%;
    position: static;
    padding-top: 30px;
}
.banner-row {
    min-height: inherit;
    flex-wrap: wrap;
}
.port-ban-img img {
    min-height: inherit;
}
.port-ban-img img {
    min-height: inherit;
    display: block;
    margin: 0 auto;
}
.port-ban-con {
    width: 100%;
}
.port-ban-con h1 {
    font-size: 32px;
    line-height: 1.5;
}
.port-ban-con h1 span {
    font-size: 18px;
}
.logo {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.header a.toggle-button {
    margin-left: 12px;
}
}