/*comon.css*/

/*------------- button spashal 1-------------- */

.btn_theme {
    color: #074c3e;
    background: transparent;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    text-transform: capitalize;
    border: 1px solid #0e1681;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 1.2;
    min-width: -moz-max-content;
    min-width: max-content;
    transition: all 0.35s ease-in-out;
    position: relative;
    z-index: 1;
    box-shadow: 0px 4px 12px 0px rgba(14, 22, 129, 0.13);
}

.btn_theme:hover {
    box-shadow: none;
}

.btn_theme span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #0e1681;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.btn_theme svg path {
    transition: all 0.35s ease-in-out;
}

.btn_theme:hover,
.btn_theme:focus {
    border: 1px solid #0e1681;
    color: #fff;
}

.btn_theme:hover svg path,
.btn_theme:focus svg path {
    fill: #fff;
}
.btn_theme:hover[disabled="disabled"],
.btn_theme:focus[disabled="disabled"] {
    color: #0e1681;
    cursor: not-allowed;
}
.btn_theme:hover span,
.btn_theme:focus span {
    width: 225%;
    height: 220px;
}

.btn_theme_active {
    color: white;
    position: relative;
    z-index: 0;
}

.btn_theme_active::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #0e1681;
    z-index: -3;
}

.btn_theme_active span {
    background-color: #fff;
}

.btn_theme_active:hover,
.btn_theme_active:focus {
    color: #0e1681;
}

.btn_theme_active {
    color: white;
    position: relative;
    z-index: 0;
}

.btn_theme_active::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #0e1681;
    z-index: -3;
}

.btn_theme_active span {
    background: #fff;
}

.btn_theme_active:hover,
.btn_theme_active:focus {
    color: #0e1681;
}
.btn_theme_active:hover,
.btn_theme_active:focus {
    color: #0e1681;
}

/*------------- button spashal 1-------------- */

/*------------- button spashal 2-------------- */

.btn_theme2 {
    background: transparent;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    text-transform: capitalize;
    border-radius: 5px;
    border: 1px solid var(--font-color, #03163b);
    font-size: 16px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 1.2;
    min-width: -moz-max-content;
    min-width: max-content;
    transition: all 0.35s ease-in-out;
    position: relative;
    z-index: 1;
    box-shadow: none;
}

.btn_theme2 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #fff;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.btn_theme2 svg path {
    transition: all 0.35s ease-in-out;
}

.btn_theme2:hover,
.btn_theme2:focus {
    border: 1px solid #0e1681;
    color: #fff;
}

.btn_theme2:hover svg path,
.btn_theme2:focus svg path {
    fill: #d31414;
}
.btn_theme2:hover[disabled="disabled"],
.btn_theme2:focus[disabled="disabled"] {
    color: #0e1681;
    cursor: not-allowed;
}
.btn_theme2:hover span,
.btn_theme2:focus span {
    width: 225%;
    height: 220px;
}

.btn_theme_active2 {
    color: #0e1681;
    position: relative;
    z-index: 0;
}

.btn_theme_active2::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -3;
}

.btn_theme_active2 span {
    background-color: #fff;
}

.btn_theme_active2:hover,
.btn_theme_active2:focus {
    color: #fff;
}
.btn_theme_active2 {
    color: #0e1681;
    position: relative;
    z-index: 0;
}
.btn_theme_active2::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -3;
}

.btn_theme_active2 span {
    background-color: #0e1681;
}
.btn_theme_active2:hover,
.btn_theme_active2:focus {
    color: #fff;
}
.btn_theme_active2:hover,
.btn_theme_active2:focus {
    color: #fff;
}

/*------------- button spashal 2-------------- */

/*------------- button spashal 3-------------- */

.btn_theme3 {
    background: transparent;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    text-transform: capitalize;
    border-radius: 5px;
    border: 1px solid var(--font-color, #fff);
    font-size: 16px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 1.2;
    min-width: -moz-max-content;
    min-width: max-content;
    transition: all 0.35s ease-in-out;
    position: relative;
    z-index: 1;
    box-shadow: none;
}

.btn_theme3 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #fff;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.btn_theme3 svg path {
    transition: all 0.35s ease-in-out;
}

.btn_theme3:hover,
.btn_theme3:focus {
    border: 1px solid #0e1681;
    color: #fff;
}

.btn_theme3:hover svg path,
.btn_theme3:focus svg path {
    fill: #d31414;
}
.btn_theme2:hover[disabled="disabled"],
.btn_theme2:focus[disabled="disabled"] {
    color: #0e1681;
    cursor: not-allowed;
}
.btn_theme3:hover span,
.btn_theme3:focus span {
    width: 225%;
    height: 220px;
}

.btn_theme_active3 {
    color: #fff;
    position: relative;
    z-index: 0;
}

.btn_theme_active3::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: red;
    z-index: -3;
}

.btn_theme_active3 span {
    background-color: #fff;
}

.btn_theme_active3:hover,
.btn_theme_active3:focus {
    color: #fff;
}
.btn_theme_active3 {
    color: #fff;
    position: relative;
    z-index: 0;
}
.btn_theme_active3::after {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -3;
}

.btn_theme_active3 span {
    background-color: #0e1681;
}
.btn_theme_active3:hover,
.btn_theme_active2:focus {
    color: #fff;
}
.btn_theme_active3:hover,
.btn_theme_active2:focus {
    color: #fff;
}

/*------------- button spashal 3-------------- */

.header1-button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #03163b;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid var(--font-color, #03163b);
    padding: 17px 25px;
    transition: all.6s;
}
.header1-button-all {
    margin-left: 20px;
}

.header1-button span {
    position: relative;
    z-index: 1;
}

.header1-button:after {
    content: "";
    position: absolute;
    left: -40px;
    top: 0;
    height: 490%;
    width: 180%;
    background: #03163b;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-100%) translateY(-15%) rotate(45deg);
}

.header1-button:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-35%) rotate(45deg);
}

.header1-button:hover {
    color: #fff;
    transform: translateY(-5px);
    transition: all.6s;
    box-shadow: 0px 4px 12px 0px rgba(3, 22, 59, 0.13);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.header1-buttons {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 769px) {
    .header1-buttons {
        display: block;
    }
    .header1-button-all {
        margin-left: 0;
    }
}

.border5 {
    border-radius: 5px;
}

.border5 img {
    border-radius: 5px;
}

.border90 {
    border-radius: 93px;
}

.border90 img {
    border-radius: 93px;
}
.img100 img {
    width: 100%;
}

.button1-input {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #03163b;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    background: #ffff;
    padding: 17px 25px;
    transition: all.6s;
}

.button1-input span {
    position: relative;
    z-index: 1;
}

.button1-input:after {
    content: "";
    position: absolute;
    left: -28px;
    top: 58px;
    height: 490%;
    width: 180%;
    background: #354970;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.button1-input:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-35%) rotate(45deg);
}

.button1-input:hover {
    color: #fff;
    transform: translateY(-5px);
    transition: all.6s;
}

.header1-button2 {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid white;
    padding: 17px 25px;
    transition: all.6s;
}

.header1-button2 {
    margin-left: 20px;
}

.header1-button2 span {
    position: relative;
    z-index: 1;
}

.header1-button2:after {
    content: "";
    position: absolute;
    left: -40px;
    top: 0;
    height: 490%;
    width: 180%;
    background-color: #354970;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-100%) translateY(-15%) rotate(45deg);
}

.header1-button2:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-35%) rotate(45deg);
}

.header1-button2:hover {
    color: #fff;
    transform: translateY(-5px);
    transition: all.6s;
    box-shadow: 0px 4px 12px 0px rgba(3, 22, 59, 0.13);
}

.header1-buttons2 {
    display: flex;
    align-items: center;
}

/*------------------------------------------
------------ all buttons--------------------
-------------------------------- */

/*============================
++++PAGE-PROGRESS-SATRT+++++
=============================*/

.blok:nth-of-type(odd) {
    background-color: white;
}

.blok:nth-of-type(even) {
    background-color: black;
}

@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}

/* #Progress========================= */

/*==
++++PAGE-PROGRESS-SATRT+++++
==*/

.blok:nth-of-type(odd) {
    background-color: white;
}

.blok:nth-of-type(even) {
    background-color: black;
}

@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}

/*== #Progress ==*/

/*progress-wrap*/

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f062";
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    color: #00ced1;
    left: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f062";
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    opacity: 0;
    left: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: #00ced1; /* --- Lijn progres kleur --- */
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/*============================
++++PAGE-PROGRESS-END+++++
=============================*/

/*========+ PRELOADER +=========*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1b3a;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*

#loader {
  border: 8px solid #3498db;
  border-top: 8px solid #03163B;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

.square-spin-2 {
    --size: 50px;
    --stroke-width: calc(var(--size) / 6);
    --color: currentColor;
    --animation-timing-function: linear;
    --animation-duration: 2s;
    width: var(--size);
    height: var(--size);
    background-image: radial-gradient(circle at var(--stroke-width) var(--stroke-width), var(--color) 0%, var(--color) var(--stroke-width), transparent var(--stroke-width), transparent 100%),
        radial-gradient(circle at calc(100% - var(--stroke-width)) var(--stroke-width), var(--color) 0%, var(--color) var(--stroke-width), transparent var(--stroke-width), transparent 100%),
        radial-gradient(circle at calc(100% - var(--stroke-width)) calc(100% - var(--stroke-width)), var(--color) 0%, var(--color) var(--stroke-width), transparent var(--stroke-width), transparent 100%),
        radial-gradient(circle at var(--stroke-width) calc(100% - var(--stroke-width)), var(--color) 0%, var(--color) var(--stroke-width), transparent var(--stroke-width), transparent 100%);
    animation: var(--animation-timing-function) var(--animation-duration) infinite square-spin-2-animation;
    filter: brightness(40);
    height: 50px;
    width: 50px;
    border-radius: 30px;
}

@keyframes square-spin-2-animation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*========+ PRELOADER +=========*/

/*----===================
------HOME 1 AREA CSS----
========================*/
.main-hadding h1 {
    color: #03163b;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 62px;
    text-transform: capitalize;
}

.hadding1 h1 {
    color: #03163b;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
}

.main-hadding p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.hadding1 p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.hadding1 h2 a {
    color: var(--font-color, #03163b);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    transition: all.3s;
    text-transform: capitalize;
}

.hadding1 h2 a:hover {
    color: #03256c;
    transition: all.3s;
}

@media screen and (max-width: 769px) {
    .hadding1 h1 {
        font-size: 40px;
    }
}

/*----===================
------HOME 1 AREA CSS----
========================*/

/*----===================
------HOME 2 AREA CSS----
========================*/

.button-h-2 {
	cursor: pointer;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	position: relative;
	text-transform: capitalize;
	text-align: center;
	border-radius: 35px;
	background: var(--main-color, #036d6f);
	box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
	padding: 12px 24px;
	transition: all.4s;
	border: none;
}


.btnfos2 {
	border: 0 solid;
	/* box-shadow: inset 0 0 20px #00ced1; */
	outline: 1px solid;
	/* outline-color: #00ced1; */
	outline-offset: 0px;
	text-shadow: none;
	-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
	outline-color: #036d6f;
	/* outline-offset: 0px; */
	font-family: "Outfit", sans-serif;
}

.btnfos2:hover {
    border: none;
    outline-offset: 15px;
    color: #fff;
    background-color: #00ced1;
    box-shadow: none;
    transition: all.4s;
    transform: translateY(-5px);
}

.button-h2-2 {
    cursor: pointer;
    display: inline-block;
    color: #03163b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    max-width: 160px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    border-radius: 35px;
    border: 1px solid var(--font-color, #03163b);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
    padding: 12px 24px;
    transition: all.4s;
    border: none;
}

.btnfos3 {
    border: 0 solid;
    box-shadow: none;
    outline: 1px solid #03163b;
    outline-color: #000000;
    outline-offset: 0px;
    text-shadow: none;
    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    outline-color: #03163b;
    outline-offset: 0px;
}

.btnfos3:hover {
    border: none;
    outline-offset: 15px;
    color: #fff;
    background-color: #00ced1;
    transition: all.4s;
    transform: translateY(-5px);
}
.header2-buttons {
    display: flex;
    align-items: center;
}
.button2-all2 {
    margin-left: 20px;
}

.hadding2 span.span {
	font-family: "Outfit", sans-serif;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	background-color: #036d6f;
	padding: 4px 16px;
	border-radius: 30px;
	display: inline-block;
}

.hadding2 h1 {
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}

.hadding2 p {
    color: var(--paragraph, #616976);
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
}

.hadding2 span.after2 {
    position: relative;
}

@media screen and (max-width: 769px) {
    .about2-hadding {
        margin-top: 30px;
    }
}

.hadding2-w span.span {
    font-family: "Outfit", sans-serif;
    color: #03163b;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color: #fff;
    padding: 4px 16px;
    border-radius: 30px;
    display: inline-block;
}

.hadding2-w h3 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}

/*.hadding2-w p {
  color: rgba(255, 255, 255, 0.85);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}*/

.hadding2-w p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.hadding2-w span.after2 {
    position: relative;
}


.hadding2-w h4 a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    padding-bottom: 5px;
}

.btnfos4 {
    border: 0 solid;
    box-shadow: none;
    outline: 1px solid #03163b;
    outline-color: #000000;
    outline-offset: 0px;
    text-shadow: none;
    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    outline-color: #ffffff;
    outline-offset: 0px;
    color: #fff;
}

.btnfos4:hover {
    border: none;
    outline-offset: 15px;
    color: #fff;
    background-color: #00ced1;
    transition: all.4s;
    transform: translateY(-5px);
}
.header2-buttons.header2-buttons2 {
    display: flex;
    align-items: end;
    justify-content: end;
}

.button2 {
	cursor: pointer;
	display: content;
	color: #03163b;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	position: relative;
	text-transform: capitalize;
	text-align: center;
	border-radius: 35px;
	padding: 12px 24px;
	transition: all.4s;
	border: none;
	background-color: #036d6f;
	color: #fff;
	transition: all.4s;
}

.button2:hover {
    background: #03163b;
    transform: translateY(-5px);
    transition: all.4s;
}
/*----===================
------HOME 2 AREA CSS----
========================*/

/*----===================
------HOME 3 AREA CSS----
========================*/

/* FIFTH BUTTON */

.fifth {
    overflow: hidden;
    transition: all 0.6s ease-in-out;
    border: none;
}

.fifth:before {
    content: " ";
    display: block;
    width: 200px;
    height: 40px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: -10px;
    left: -200px;
    transform: rotate(-45deg);
    cursor: pointer;
}

.fifth:hover:before {
    margin-left: 300%;
    transition: all 0.6s ease-in-out;
}

.buttonBox {
    position: relative;
    flex: 20%;
    max-width: 240px;
}

.buttonBox {
    padding: 12px 24px;
    border: none;
    display: inline-block;
    background-color: #40edcf;
    border-radius: 35px;
    color: var(--font-color, #00092c);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: all.4s;
}

.buttonBox2 {
    position: relative;
    flex: 20%;
    max-width: 240px;
}

.buttonBox2 {
    padding: 12px 24px;
    border: none;
    display: inline-block;
    border: 2px solid var(--main-color, #2bb19a);
    background: #40edcf;
    border-radius: 35px;
    color: var(--font-color, #00092c);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: all.4s;
    overflow: hidden;
}

.buttonBox2 {
    position: relative;
    flex: 20%;
    max-width: 240px;
}

.buttonBox3 {
    position: relative;
    flex: 20%;
    max-width: 240px;
}

.buttonBox3 {
    padding: 12px 24px;
    border: none;
    display: inline-block;
    border: 2px solid var(--main-color, #ffffff);
    border-radius: 35px;
    color: var(--font-color, #ffffff);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    transition: all.4s;
    overflow: hidden;
    box-shadow: 0px 4px 12px 0px rgba(43, 177, 154, 0.13);
}
.buttonBox3:hover {
    background-color: #40edcf;
    color: #00092c;
    transform: translateY(-5px);
    border: 2px solid var(--main-color, #40edcf);
}

.fifth:hover {
    transform: translateY(-5px);
    color: #00092c;
}

.buttonBox a:hover {
    transition: all.6s;
    box-shadow: 0px 4px 12px 0px rgba(43, 177, 154, 0.13);
}

.border50 {
    border-radius: 50%;
}

.border50 img {
    border-radius: 50%;
}

.hadding3-w h1 {
    color: rgba(255, 255, 255, 0.9);
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
}
.hadding3-w p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.hadding3-w h4 a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    transition: all.4s;
    text-transform: capitalize;
}

.hadding3-w h4 a:hover {
    color: #2bb19a;
    transition: all.4s;
}

.read-more3 {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all.3s;
}
.read-more3:hover {
    color: #2bb19a;
    transition: all.3s;
}

.read-more3 span {
    transition: all.3s;
}

.read-more3:hover span {
    margin-left: 5px;
    transition: all.3s;
}

.hadding3 h1 {
    color: var(--font-color, #03163b);
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
}

.hadding3 p {
    color: var(--paragraph, #636b78);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

@media screen and (max-width: 769px) {
    .hadding3-w h1 {
        font-size: 32px;
        line-height: 40px;
    }
}

/*----===================
------HOME 3 AREA CSS----
========================*/

/*----===================
------HOME 4 AREA CSS----
========================*/

.button4-header {
    background: var(--main-color, #00ced1);
    box-shadow: 0px 4px 12px 0px rgba(45, 130, 254, 0.13);
    border: none;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: all.4s;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.button4-header::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    background: #e7eaf1;
    z-index: -1;
    transition: all.4s;
}

.button4-header:hover::after {
    width: 100%;
    transition: all.4s;
    left: 0;
    right: auto;
}

.button4-header:hover {
    color: #1a1b3a;
    transform: translateY(-5px);
}

.button4-header4 {
    background: var(--main-color, #2d82fe);
    box-shadow: 0px 4px 12px 0px rgba(45, 130, 254, 0.13);
    border: none;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: all.4s;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.button4-header4::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    background: #1a1b3a;
    z-index: -1;
    transition: all.4s;
}

.button4-header4:hover::after {
    width: 100%;
    transition: all.4s;
    left: 0;
    right: auto;
}

.button4-header4:hover {
    color: #fff;
    transform: translateY(-5px);
}

.header4-button4 {
    background: #e5eaf1;
    box-shadow: 0px 4px 12px 0px rgba(45, 130, 254, 0.13);
    border: none;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: all.4s;
    overflow: hidden;
    color: #1a1b3a;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-left: 20px;
}

.header4-button4::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    background: #2d82fe;
    z-index: -1;
    transition: all.4s;
}

.header4-button4:hover::after {
    width: 100%;
    transition: all.4s;
    left: 0;
    right: auto;
}

.header4-button4:hover {
    color: #e5eaf1;
    transform: translateY(-5px);
}

.hadding4 h1 {
    color: #1a1b3a;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
}

.hadding4 p {
    color: var(--paragraph, #616976);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.progress-line h6 {
    color: var(--neutral-main-text-color, #19191b);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
    padding-bottom: 6px;
}
.percentCount {
    float: right;
    margin-top: -32px;
    clear: both;
    font-weight: bold;
    font-family: Arial;
}

.progressbar {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 35px;
    position: relative;
    background-color: #defff7;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.about4-hadding {
    padding-left: 30px;
}

.hadding4 h4 a {
    color: var(--font-color, #1a1b3a);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    transition: all.4s;
}

.hadding4 h4 a:hover {
    color: #2d82fe;
    transition: all.4s;
}

.hadding4-w h1,.hadding4-w h2 {
    color: rgba(255, 255, 255, 0.9);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
}


@media screen and (max-width: 769px) {
    .about4-hadding {
        padding-left: 0;
    }
}

/*----===================
------HOME 4 AREA CSS----
========================*/

/*----=======================
------ABOUT PAGE AREA CSS----
============================*/

.comon-button {
    background: #0e1681;
    box-shadow: 0px 4px 12px 0px rgba(14, 22, 129, 0.13);
    border: none;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    align-items: center;
    z-index: 2;
    transition: all.4s;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
}

.comon-button::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    background: #eeeff7;
    z-index: -1;
    transition: all.4s;
}

.comon-button:hover::after {
    width: 100%;
    transition: all.4s;
    left: 0;
    right: auto;
}

.comon-button:hover {
    transform: translateY(-5px);
    color: #03163b;
}

/* comon button 3 */
.comon-button3 {
    background: transparent;
    box-shadow: 0px 4px 12px 0px rgba(14, 22, 129, 0.13);
    border: 1px solid #fff;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    align-items: center;
    z-index: 2;
    transition: all.4s;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
}

.comon-button3::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    background: #0e1681;
    z-index: -1;
    transition: all.4s;
}

.comon-button3:hover::after {
    width: 100%;
    transition: all.4s;
    left: 0;
    right: auto;
}

.comon-button3:hover {
    transform: translateY(-5px);
    color: #fff;
    border: 1px solid #0e1681;
}

/* comon button 2 */
.comon-button2 {
    background: #eeeff7;
    box-shadow: 0px 4px 12px 0px rgba(14, 22, 129, 0.13);
    border: none;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    align-items: center;
    z-index: 2;
    transition: all.4s;
    overflow: hidden;
    color: #1a1b3a;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
}

.comon-button2::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    background: #0e1681;
    z-index: -1;
    transition: all.4s;
}

.comon-button2:hover::after {
    width: 100%;
    transition: all.4s;
    left: 0;
    right: auto;
}

.comon-button2:hover {
    transform: translateY(-5px);
    color: #fff;
}

.page-hadding h1 {
    color: #1a1b3a;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
}
.page-hadding h3 {
    color: #1a1b3a;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
}

.page-hadding p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.page-hadding h2 {
    color: var(--font-color, #03163b);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

@media screen and (max-width: 769px) {
    .page-hadding h1 {
        font-size: 30px;
        line-height: 34px;
    }

    .page-hadding-w h1 {
        font-size: 30px;
        line-height: 34px;
    }
}

/*----=======================
------ABOUT PAGE AREA CSS----
============================*/


/*new styles*/
.event-date {
    position: absolute;
    left: 0;
    padding: 10px;
    bottom: 0;
    background: #00ced1;
    border-radius: 0 0 20px 20px;
    width: 100%;
}
.event-date li a {
    color: #fff;
    font-size: 13px;
}
.blog2-box-img img {
    height: 250px;
    object-fit: cover;
}
.blog2-hadding h5 a {
    color: #000;
}
.verify-badge {
    display: inline-block;
    background: #d4f7f7;
    border: 1px solid #00ced1;
    padding: 2px 30px;
    border-radius: 30px;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
}
.verify-badge svg {
    color: #00ced1;
    font-size: 14px;
}
.training-wrap {
    background: #f1f1f1;
}

.training-wrap .blog2-box-all {
    background: #fff;
    border-radius: 10px;
}

.events-box {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 24px 24px -1px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
    position: relative;
}
.event-tags {
    position: absolute;
    top: 20px;
    width: 100%;
}
.events-box,
.event-tags {
    transition: 0.4s ease all;
    cursor: pointer;
}
.event-tags span {
    background: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    color: #222226;
    margin-left: 20px;
    font-weight: 600;
}
.event-tags span {
    background: #18cfd3;
    padding: 4px 10px;
    border-radius: 4px;
    color: #fff;
    margin-left: 20px;
    font-weight: 600;
}
.tab-pane img {
    height: 200px;
}
.event-content {
    padding: 10px 20px;
    background: #fff;
    border-radius: 0 0 20px 20px;
}
.event-content .col-3 p {
    color: #00ced1;
    font-size: 17px;
}
.event-content .col-3 p strong {
    color: #222226;
    font-size: 17px;
}

.custom-service-box {
    padding: 30px;
    background: #00ced1;
    border-radius: 10px;
    transition: 0.4s ease all;
    position: relative;
    top: 0px;
    min-height: 245px;
    text-align: left !important;
    margin: 15px 0;
    height: 100%;
}

.custom-service-box h3 {
    color: #fff;
}
.custom-service-box p {
    color: #fff;
    margin-top: 20px;
}
.custom-service-box:hover {
    position: relative;
    top: -5px;
}

.serivce2-icon img {
    padding: 10px;
}

/*-- payroll-services --*/

.service-details .service-box-wrap .col-12 {
    padding-bottom: 15px;
    padding-top: 15px;
}

/*new-css*/

.advantages-outsourced {
    margin: 0;
    padding: 20px 0 0 0;
}
.advantages-outsourced h3 {
    margin: 0;
    padding: 0 0 26px 0;
    font-size: 26px;
    color: #03163b;
    line-height: 32px;
}

.advantages-outsourced .item {
    margin: 0;
    padding: 0 15px 0 0;
}

.advantages-outsourced .item span.icon {
    margin: 0;
    padding: 0;
    font-size: 42px;
    color: #00ced1;
    line-height: 42px;
}
.advantages-outsourced .item h4 {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 20px;
    line-height: 28px;
}

.advantages-outsourced .item p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/**/

.advantages-outsourced .item h4 span {
    margin: 0;
    padding: 0 10px 0 0;
}
.advantages-outsourced .item h4 span i {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #00ced1;
    line-height: 26px;
}

/**/

.service-box-outsourcing {
    margin: 0;
    padding: 60px 0;
}

.service-box-outsourcing .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.service-box-outsourcing .item {
    margin: 0;
    padding: 0;
}

.service-box-outsourcing .item img {
    width: 100%;
    max-height: 340px;
    object-fit: contain;
    /*    border-radius: 10px;*/
}

.service-box-outsourcing .item h4 {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.service-box-outsourcing .item .text {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.service-box-outsourcing .item .text :before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.service-box-outsourcing .item .text :after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.service-box-outsourcing .item span {
    padding: 8px 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    color: #17cfd3;
    display: block;
    font-style: italic;
    font-family: "Outfit", sans-serif;
}

.service-box-outsourcing .item .text-item {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.service-box-outsourcing .item .text-item:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

.service-box-outsourcing .item .text-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.service-box-outsourcing .item p {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.service-box-outsourcing p {
    margin: 0;
    padding: 30px 0 0 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*outsourcing-item*/

.service-box-outsourcing.pt0 {
    padding-top: 0 !important;
}

.service-box-outsourcing .outsourc-item {
    margin: 0;
    padding: 0;
}

.service-box-outsourcing .outsourc-item .item {
    margin: 0;
    padding: 24px 0 0 0;
}
.service-box-outsourcing .outsourc-item .item h4 {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 22px;
    line-height: 28px;
    color: #03163b;
}

.service-box-outsourcing .outsourc-item .item ul {
    margin: 0;
    padding: 0 0 0 19px;
}

.service-box-outsourcing .outsourc-item .item ul li {
    margin: 0;
    padding: 4px 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    list-style: outside;
}

.service-box-outsourcing .outsourc-item .item ul li b {
}

.service-box-outsourcing .outsourc-item .item p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*teambuilding-services-box*/

.teambuilding-services-box {
    margin: 0;
    padding: 0;
}

.teambuilding-services-box h4 {
    margin: 0;
    padding: 20px 0 10px 0;
    font-size: 22px;
    line-height: 28px;
    color: #03163b;
}

.teambuilding-services-box p {
    margin: 0;
    padding: 5px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.teambuilding-services-box p b {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

/*custom-team-building*/

.custom-team-building {
    background: transparent;
}

.custom-team-building h4 {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 28px;
    color: #03163b;
}

.custom-team-building p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 50%;
}

.custom-team-building .page-hadding .item {
    display: flex;
    flex-wrap: wrap;
}

.custom-team-building .page-hadding .item p {
    width: 48%;
    padding: 10px 18px 10px 0;
    background: #f2f2f200;
    margin: 0 4px;
    position: relative;
    display: flex;
}

.custom-team-building .page-hadding .item p span i {
    margin: 0;
    font-size: 26px;
    color: #19cfd3;
    padding: 0 4px 0 0;
}

.custom-team-building .page-hadding .item p:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.custom-team-building .page-hadding h3 {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 28px;
    color: #03163b;
}

.custom-team-building .page-hadding p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 50%;
}

/*-- services-offer-block --*/

.services-offer-block {
    margin: 0;
    padding: 0;
}

.services-offer-block h3 {
    margin: 0;
    padding: 0;
    color: var(--font-color, #03163b);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.services-offer-block .service-details-icon-box .page-hadding h4 {
    margin: 0;
    padding: 0;
    color: var(--font-color, #03163b);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.services-offer-block .service-details-icon-box .page-hadding ul {
    margin: 0;
    padding: 0 0 0 17px;
}

.services-offer-block .service-details-icon-box .page-hadding ul li {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.services-offer-block .service-details-icon-box .page-hadding.item {
    margin: 0;
    padding: 0;
}

.services-offer-block .service-details-icon-box .page-hadding.item h4 {
    margin: 0;
    padding: 0 0 20px 0;
    color: var(--font-color, #03163b);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.services-offer-block .service-details-icon-box .page-hadding.item ul {
    margin: 0;
    padding: 0 0 0 22px;
    display: flex;
    flex-wrap: wrap;
}

.services-offer-block .service-details-icon-box .page-hadding.item ul li {
    width: 50%;
    margin: 0;
    padding: 0 30px 15px 0;
}

.service-details-icon-box.section {
    margin: 0;
    padding: 20px 0 0 0 !important;
}

/**/
.service-details-post-all.top-text .page-hadding h4 {
    margin: 0;
    padding: 0;
    color: var(--font-color, #03163b);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}
.service-details-post-all.top-text .page-hadding p {
    padding: 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/**/
.advantages-outsourced.item-expert h3 {
    padding-top: 0;
}
.service-box-outsourcing.item p {
    padding: 7px 0 0 0;
}

.service-box-outsourcing.item .title h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

/**/

.service-details-icon-box.sub-box-wrap {
    position: relative;
    margin-top: 50px;
}

.service-details-icon-box.sub-box-wrap {
    margin-top: 39px;
}

/**/

.services-offer-block-item .services-bd {
    margin: 0;
    padding: 60px 0;
}

.services-offer-block-item .services-bd h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.services-offer-block-item .services-bd p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
}

.services-offer-block-item .services-bd .row {
    padding-top: 30px;
}

.services-offer-block-item .services-bd .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.services-offer-block-item .services-bd .service-details-icon-box.section {
    margin: 0;
    padding: 0 !important;
}

.services-offer-block-item .services-bd .page-hadding {
    margin: 0;
    padding: 0;
}

.services-offer-block-item .services-bd .page-hadding h4 {
    margin: 0;
    padding: 0 0 20px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #00bcbf;
    font-weight: 600;
}

.services-offer-block-item .services-bd .page-hadding ul {
    margin: 0;
    padding: 0 0 0 33px;
    position: relative;
}

.services-offer-block-item .services-bd .page-hadding ul:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 55%;
    height: 20px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-50%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

.services-offer-block-item .services-bd .page-hadding ul:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.services-offer-block-item .services-bd .page-hadding ul li {
    margin: 0;
    padding: 0 0 10px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
    list-style: none;
}

.services-offer-block-item.hide-dot .services-bd .page-hadding ul li {
    list-style: none;
}

.services-offer-block-item .services-bd .page-hadding ul li strong {
    color: #01d7da;
}

.services-offer-block-item .services-bd .itm-img img {
    width: 100%;
    max-height: 368px;
    object-fit: contain;
    border-radius: 10px;
}

/*why-choose-accurex*/

.why-choose-accurex {
    margin: 0;
    padding: 70px 0;
}

.why-choose-accurex .item {
    margin: 0;
    padding: 0;
}

.why-choose-accurex .item ul {
    margin: 0;
    padding: 0;
}

.why-choose-accurex .item ul li {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    min-height: 150px;
    font-family: "Outfit", sans-serif;
}

.why-choose-accurex .item ul li strong {
    color: #03163b;
    font-size: 20px;
    display: block;
}

.why-choose-accurex .images {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -14px;
}

.why-choose-accurex .images img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    /* box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.46); */
    object-fit: cover;
}

.why-choose-accurex .images .text {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* background: #0000004a; */
    border-radius: 50%;
}

.why-choose-accurex .images .text:after {
    content: "";
    width: 0px;
    height: 0;
    background: #000;
    position: absolute;
    box-shadow: 0 0 66px 87px rgba(0, 0, 0, 0.5);
    z-index: 2;
    top: 59%;
}

.why-choose-accurex .images .text h5 {
    margin: 0;
    padding: 72px 16px 0 24px;
    font-size: 22px;
    line-height: 30px;
    color: #00faff;
    font-weight: bold;
    text-shadow: 3px 2px #09152c;
    position: relative;
    z-index: 5;
}

.why-choose-accurex .images .text h5 span {
    color: #00bcc3;
}

.why-choose-accurex .item ul li:nth-child(2) {
    padding: 0;
    position: relative;
    top: 50px;
}

.services-offer-block-item .item-footer h4 {
    margin: 0;
    padding: 0;
    color: var(--font-color, #03163b);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.services-offer-block-item .item-footer p {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
/*----*/

/*second-why-choose-accurex*/

.second-why-choose-accurex {
    margin: 0;
    padding: 70px 0;
}

.second-why-choose-accurex .item {
    margin: 0;
    padding: 0;
}

.second-why-choose-accurex .item ul {
    margin: 0;
    padding: 0;
}

.second-why-choose-accurex .item ul li {
    margin: 0;
    padding: 0 0 20px;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.second-why-choose-accurex .item ul li strong {
    color: #01d7da;
}

.second-why-choose-accurex .images {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -14px;
}

.second-why-choose-accurex .images img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.46);
}
.second-why-choose-accurex .images .text {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #00000078;
    border-radius: 50%;
}

.second-why-choose-accurex .images .text h5 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 3px #000000c4;
}

.second-why-choose-accurex .images .text h5 span {
    color: #75f8ff;
}


/*outsourc-item*/

.outsourc-item h4 {
    color: var(--font-color, #03163b);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 15px;
}

.outsourc-item p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*consulting-list*/

.consulting-list {
    margin: 0;
    padding: 0;
}
.consulting-list ul {
    margin: 0;
    padding: 0;
}
.consulting-list ul li {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.consulting-list ul li strong {
    color: #01d7da;
}

/*new-css*/

/*sub-services-tab-block*/

.service-d-bannerbotom-txt .service-details-post-all .img100 img {
    height: 488px;
    width: 100%;
    object-fit: cover;
}

/**/

.sub-services-tab-block {
    margin: 0;
    padding: 60px 0;
}

.sub-services-tab-block .tab-button {
    margin: 0;
    padding: 23px 23px;
    margin-bottom: 0;
    background: var(--background, #f0f2f7);
    height: 100%;
}

.sub-services-tab-block .tab-button .nav {
    margin: 0;
    padding: 0;
    border: 0;
}

.sub-services-tab-block .tab-button .nav .nav-link.active {
    background-color: transparent;
}

.sub-services-tab-block .tab-button .nav .nav-link:first-child {
    background-color: transparent;
}

.sub-services-tab-block .tab-button .nav .nav-link:first-child h5 {
    color: var(--font-color, #03163b);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    background-color: transparent;
    padding: 0 0 30px 0;
    position: relative;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-button .nav .nav-link:first-child h5:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 50px;
    background: #1a1b3a;
    left: 2px;
    bottom: 20px;
    z-index: 1;
}

.sub-services-tab-block .tab-button .nav .nav-link:first-child:hover h5 {
    background-color: transparent;
    transform: translateY(0px);
    color: var(--font-color, #03163b);
}

.sub-services-tab-block .tab-button .nav .nav-link {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    width: 100%;
}

.sub-services-tab-block .tab-button .nav .nav-link h5 {
    background: #0e16811f;
    color: #14213d;
    margin: 5px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.16px;
    display: inline-block;
    padding: 20px;
    width: 100%;
    text-align: start;
    margin-top: 5px;
    transition: all.4s;
    border: 0;
    border-radius: 0;
}
.sub-services-tab-block .tab-button .nav .nav-link.active h5 {
    background: #00ced1;
    color:#fff;
}

.sub-services-tab-block .tab-button .nav .nav-link:first-child.active h5 { background:transparent; 
color:#03163b; } 

.sub-services-tab-block .tab-button .nav .nav-link:hover h5 {
    transform: translateY(-5px);
    transition: all.4s;
    background: #00ced1;
    color: #fff;
}

.sub-services-tab-block .tab-button .nav .nav-link.active::after {
    display: none;
}

.sub-services-tab-block .tab-text-bd {
    margin: 0;
    padding: 0;
}

.sub-services-tab-block .tab-text-bd .tab-content {
    margin: 0;
    padding: 0;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd {
    margin: 0;
    padding: 0;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .item-text {
    margin: 0;
    padding: 8px 0 0 0;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .item-text h1 {
    margin: 0;
    padding: 0 0 14px 0;
    color: var(--font-color, #03163b);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .item-text h2 {
    margin: 0;
    padding: 0 0 14px 0;
    color: var(--font-color, #03163b);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .item-text h3 {
    margin: 0;
    padding: 12px 0 8px 0;
    color: var(--font-color, #03163b);
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .item-text span {
    font-size: 15px;
    color: #444;
    line-height: 21px;
    font-style: italic;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .item-text p {
    margin: 0;
    padding: 3px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text {
    margin: 0;
    padding: 0;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text h5 {
    margin: 0;
    color: var(--font-color, #03163b);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    background-color: transparent;
    padding: 20px 0 5px 0;
    position: relative;
    font-family: "Outfit", sans-serif;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text ul {
    margin: 0;
    padding: 5px 0 0 0;
}

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text ul li {
    margin: 0;
    padding: 5px 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    font-family: "Outfit", sans-serif;
}


.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text.traning-list { padding-bottom:15px; }

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text.traning-list ul { padding-left:15px; }

.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text.traning-list ul li {
    margin: 0;
    padding: 5px 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    font-family: "Outfit", sans-serif;
    list-style: disc;
}


.sub-services-tab-block .tab-text-bd .tab-content .text-tab-bd .list-text ul li strong {
    color: #01d7da;
}

.sub-services-tab-block .short-banner {
    margin: 0;
    padding: 0;
}

.sub-services-tab-block .short-banner img {
    max-width: 100%;
    object-fit: contain;
}

/*sub-services-tab-block*/

/*benefits-outsourcing-block*/

.benefits-outsourcing-block {
    padding: 60px 0;
    margin: 0;
    background: #1a1b3a;
}

.benefits-outsourcing-block h3 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.benefits-outsourcing-block p {
    margin: 0 auto;
    padding: 9px 0 40px 0;
    color: #f2f2f2;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}
.benefits-outsourcing-block .col-item {
    margin: 28px 0;
}
.benefits-outsourcing-block .item {
    margin: 0;
    padding: 40px;
    height: 100%;
    border-radius: 10px;
    padding-top: 60px;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
    background: #f2f2f2;
}

.benefits-outsourcing-block .item .box-icon {
    padding: 0;
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    position: absolute;
    left: 34px;
    top: -29px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits-outsourcing-block .item .box-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.benefits-outsourcing-block .item .box-icon .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
    transition: width 2s;
}

.benefits-outsourcing-block .item:hover {
    transform: scale(1.05) !important;
    transition: all 0.3s;
}
.benefits-outsourcing-block .item:hover .box-icon {
    background-color: #17cfd3;
}

.benefits-outsourcing-block .item:hover .box-icon img {
    display: none;
    transition: all 0.3s;
}

.benefits-outsourcing-block .item:hover .box-icon .white-img img {
    display: block;
    width: 50px;
    transition: all 0.3s;
}

.benefits-outsourcing-block .item .text {
    padding: 0;
    margin: 0;
}

.benefits-outsourcing-block .item .text h4 {
    margin: 0;
    padding: 14px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #021334;
    font-weight: 600;
}
.benefits-outsourcing-block .item .text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #616976;
    line-height: 25px;
    width: 100%;
    text-align: left;
}


/*benefits-outsourcing-block*/

/*team-build-single-section*/

.team-build-single-section {
    margin: 0;
    padding: 40px 0 0 0;
}

.team-build-single-section .custom-team-building {
    background: #1a1b3a;
    margin: 60px 0 0 0;
    padding: 40px;
    min-height: auto;
    border-radius: 10px;
    text-align: left;
    position: relative;
    transition: all 0.3s;
}

.team-build-single-section .custom-team-building:hover {
    transform: scale(1.05);
    transition: all 0.3s;
}

.team-build-single-section .custom-team-building .box-icon {
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    position: absolute;
    left: 34px;
    top: -29px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-build-single-section .custom-team-building .box-icon img {
    transition: all 0.3s;
    width: 50px;
    transition: width 2s;
}

.team-build-single-section .custom-team-building:hover .box-icon img {
    transition: all 0.3s;
    width: 0;
    display: none;
}

.team-build-single-section .custom-team-building:hover .box-icon {
    background-color: #12cfd2;
}

.team-build-single-section .custom-team-building .box-icon .white-img img {
    display: none;
}
.team-build-single-section .custom-team-building:hover .box-icon .white-img img {
    display: none;
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.team-build-single-section .custom-team-building h4 {
    margin: 0;
    padding: 26px 0 10px 0;
    color: var(--font-color, #fff);
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    font-family: "Outfit", sans-serif;
}

.team-build-single-section .custom-team-building p {
    margin: 0 auto;
    padding: 0 0 10px 0;
    color: #e0e0e0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    width: 100%;
    font-family: "Outfit", sans-serif;
}

/*team-build-single-section*/

/*-- services-offer-block-item --*/

.services-offer-block-item .item-footer {
    background: #1a1b3a;
    padding: 40px;
    min-height: auto;
    border-radius: 10px;

    margin-top: 50px;

    text-align: left;
    position: relative;
    transform: scale(1);
    transition: all 0.6s;
}

.services-offer-block-item .item-footer:hover {
    transform: scale(1.05) !important;
    transition: all 0.6s;
}

.services-offer-block-item .item-footer h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #fff);
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
}

.services-offer-block-item .item-footer p {
    margin: 0 auto;
    padding: 0 0 10px 0;
    color: #e0e0e0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    width: 100%;
}

.services-offer-block-item .item-footer .box-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
    transition: all 0.3s;
}

.services-offer-block-item .item-footer .box-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.services-offer-block-item .item-footer .box-icon .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
    transition: width 2s;
}

.services-offer-block-item .item-footer:hover .box-icon {
    background-color: #14cfd2;
}

.services-offer-block-item .item-footer:hover .box-icon .white-img img {
    display: none;
    transition: all 0.3s;
}

.services-offer-block-item .item-footer:hover .box-icon img {
    display: none;
    transition: all 0.3s;
}

.services-offer-block-item .item-footer:hover .box-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}


/*-- services-offer-block-item --*/

/*service-box-outsourcing*/

.service-box-outsourcing.item {
    padding: 0 0 60px 0;
}

.service-box-outsourcing .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.service-box-outsourcing .title p {
    margin: 0 auto;
    padding: 0 0 20px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}

.service-box-outsourcing.item .item-footer {
    margin: 50px 0 0 0;
    background: #1a1b3a;
    padding: 40px;
    min-height: auto;
    border-radius: 10px;
    text-align: left;
    position: relative;
}

.service-box-outsourcing.item .item-footer h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #fff);
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
}

.service-box-outsourcing.item .item-footer p {
    margin: 0 auto;
    padding: 5px 0 10px 0;
    color: #e0e0e0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    width: 100%;
    font-family: "Outfit", sans-serif;
}

.service-box-outsourcing.item .item-footer .box-icon {
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    position: absolute;
    left: 34px;
    top: -29px;
}
.service-box-outsourcing.item .item-footer i {
    font-size: 50px;
    color: #00ced1;
}

/*service-box-outsourcing*/

/*outsourc-item-sectionl*/

.outsourc-item-sectionl {
}

.outsourc-item-sectionl .item {
    background: #1a1b3a;
    padding: 40px;
    min-height: auto;
    border-radius: 10px;
    padding-top: 60px;
    text-align: left;
    position: relative;
}

.outsourc-item-sectionl .item h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #fff);
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    font-family: "Outfit", sans-serif;
}

.outsourc-item-sectionl .item p {
    margin: 0 auto;
    padding: 0 0 10px 0;
    color: #e0e0e0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    width: 100%;
    font-family: "Outfit", sans-serif;
}

.outsourc-item-sectionl .item .box-icon {
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    position: absolute;
    left: 34px;
    top: -29px;
}
.outsourc-item-sectionl .item i {
    font-size: 50px;
    color: #00ced1;
}

/*outsourc-item-sectionl*/

/*benefits-outsourcing-block item*/

.benefits-outsourcing-block.item .col-item .text ul li i {
    font-size: 15px;
    padding: 0 4px 0 0;
}
/*benefits-outsourcing-block item*/


/*benefits_outsourcing*/

.benefits_outsourcing {
    margin: 0;
    padding: 60px 0 0 0;
    background: #ffffff;
}

.benefits_outsourcing .title {
    margin: 0;
    padding: 0 0 50px 0;
}

.benefits_outsourcing .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.benefits_outsourcing .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}
.benefits_outsourcing .bd {
    margin: 0;
    padding: 0;
}
.benefits_outsourcing .bd .col-item {
    margin: 0;
    padding: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transition: all 0.3s;
}

.benefits_outsourcing .bd .col-item:hover {
    transform: scale(1.05);
    transition: all 0.3s;
}

.benefits_outsourcing .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}

.benefits_outsourcing .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}

.benefits_outsourcing .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.benefits_outsourcing .bd .col-item:hover .left-icon {
    background-color: #00ced1;
}

.benefits_outsourcing .bd .col-item:hover .left-icon img {
    display: none;
}

.benefits_outsourcing .bd .col-item .left-icon .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
}

.benefits_outsourcing .bd .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.benefits_outsourcing .bd .col-item .item-text {
    margin: 0;
    padding: 0 0 0 17px;
    width: 100%;
}
.benefits_outsourcing .bd .col-item .item-text h4 {
    margin: 0;
    padding: 14px 0 8px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.benefits_outsourcing .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    width: 100%;
    text-align: left;
}

/*benefits_outsourcing*/

.rc-expertise-overview {
    margin: 0;
    padding: 80px 0 0 0;
    background: #f1f1f1;
}

.rc-expertise-overview .title {
    margin: 0;
    padding: 0 0 77px 0;
}

.rc-expertise-overview .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.rc-expertise-overview .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}
.rc-expertise-overview .bd {
    margin: 0;
    padding: 0;
}
.rc-expertise-overview .bd .col-item {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.rc-expertise-overview .bd .col-sec {
    margin-top: 0;
    margin-bottom: 99px;
}

.rc-expertise-overview .bd .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 33px 1px 33px 1px;
    width: 145px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}

.rc-expertise-overview .bd .col-item:hover .figure {
    transition: all 0.3s;
    border-radius: 1px 33px 1px 33px;
}

.rc-expertise-overview .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rc-expertise-overview .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.rc-expertise-overview .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.rc-expertise-overview .bd .col-item .item-text p {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 18px;
    color: #656565;
    line-height: 27px;
    font-family: "Outfit", sans-serif;
}

.rc-expertise-overview .second-item .col-sec {
    width: 100%;
}

.rc-expertise-overview .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}

.rc-expertise-overview .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.rc-expertise-overview .second-item .col-sec .col-item .item-text {
}

.rc-expertise-overview .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.rc-expertise-overview .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}

/*benefits_outsourcing*/

/*benefits_outsourcing*/

.casual_gig-workers {
    margin: 0;
    padding: 0 0 60px 0;
    background: #f1f1f1;
}

.casual_gig-workers .title {
    margin: 0;
    padding: 0 0 150px 0;
}

.casual_gig-workers .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.casual_gig-workers .title p {
    margin: 0 auto;
    padding: 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}
.casual_gig-workers .bd {
    margin: 0;
    padding: 0;
}
.casual_gig-workers .bd .col-item {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.casual_gig-workers .bd .col-sec {
    margin-top: 0;
    margin-bottom: 0;
}
.casual_gig-workers .bd .col-item .left-icon {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 33px 1px 33px 1px;
    width: 145px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}
.casual_gig-workers .bd .col-item:hover .left-icon {
    transition: all 0.3s;
    border-radius: 1px 33px 1px 33px;
}

.casual_gig-workers .bd .col-item .left-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.casual_gig-workers .bd .col-item .left-icon i {
    font-size: 34px;
    color: #1acfd3;
}
.casual_gig-workers .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.casual_gig-workers .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 26px;
    line-height: 30px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.casual_gig-workers .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 18px;
    color: #616976;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

/*benefits_outsourcing*/

/* casual_gig-workers */

.casual_gig-workers .item-second {
    margin: 0;
    padding: 0;
}

.casual_gig-workers .item-second .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.casual_gig-workers .item-second .item {
    margin: 0;
    padding: 0;
}

.casual_gig-workers .item-second .item img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    border-radius: 10px;
}

.casual_gig-workers .item-second .item h4 {
    margin: 0;
    padding: 0 0 16px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}
.item-second .item p {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.item-second .item .text {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.item-second .item .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.item-second .item .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

/**/

.item-bg-color-second {
    margin: 0;
    padding: 100px 0 0 0;
}

.item-bg-color-second .col-item-bd {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
    width: 100%;
    background: #021334;
}

.item-bg-color-second .col-item-bd .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.item-bg-color-second .col-item-bd .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-bg-color-second .col-item-bd .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.item-bg-color-second .col-item-bd .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    font-family: "Outfit", sans-serif;
}

.item-bg-color-second .col-item-bd .item-text p {
    margin: 0;
    padding: 14px 0 0 0;
    font-size: 18px;
    color: #f2f2f2;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

/* casual_gig-workers */

/*o-recruitment-process*/

.o-recruitment-process {
    padding: 40px 0;
    background: #ffffff;
}

.o-recruitment-process h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.o-recruitment-process .hire-box {
    transition: all 0.3s;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.o-recruitment-process .hire-box:hover span {
    background: #00ced1;
    transition: all 0.3s;
}

.o-recruitment-process .hire-box span {
    width: 100px;
    height: 100px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.hire-box span i {
    font-size: 40px;
    color: #00ced1;
}

.o-recruitment-process .hire-box h5 {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 22px;
    line-height: 28px;
    color: #03163b;
}
.o-recruitment-process .hire-box p {
    margin: 0;
    padding: 14px 0 0 0;
    font-size: 16px;
    color: #656565;
    line-height: 22px;
}
/**/

.o-recruitment-process .hire-box .icon-block {
    width: 100px;
    height: 100px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.o-recruitment-process .hire-box .icon-block img {
    width: 50px;
}

.o-recruitment-process .hire-box:hover .icon-block img {
    display: none;
    width: 0;
}

.o-recruitment-process .hire-box .icon-block .white-img img {
    width: 0;
    display: none !important;
}

.o-recruitment-process .hire-box:hover .icon-block .white-img img {
    width: 50px;
    display: block !important;
}
.o-recruitment-process .hire-box:hover .icon-block {
    background-color: #00ced1;
}

/*o-recruitment-process*/

/*-- signific-profession-block --*/

.signific-profession-block {
    margin: 40px 0 0 0;
    padding: 60px 0;
    background: #f1f1f1;
}

.signific-profession-block .title {
    margin: 0;
    padding: 0;
}

.signific-profession-block .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.signific-profession-block .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
}

.signific-profession-block .bd .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.signific-profession-block .bd .row {
    padding-bottom: 15px;
    padding-top: 15px;
}

.signific-profession-block .bd .item-col .item {
    margin: 0;
    padding: 5px 0;
}

.signific-profession-block .bd .item-col .item h4 {
    margin: 0;
    padding: 10px 0 28px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.signific-profession-block .bd .item-col .item .text {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.signific-profession-block .bd .item-col .item .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.signific-profession-block .bd .item-col .item .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.signific-profession-block .bd .item-col .item .text p {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.signific-profession-block .bd .itm-img {
    margin: 0;
    padding: 0;
}

.signific-profession-block .bd .itm-img img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    border-radius: 10px;
    /* box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.5); */
}

/*-- signific-profession-block --*/

/*benefits_outsourcing*/

.coaching-mentoring-block {
    margin: 60px 0 0 0;
    padding: 60px 0 0 0;
    background: #f1f1f1;
}

.coaching-mentoring-block .title {
    margin: 0;
    padding: 0 0 50px 0;
}

.coaching-mentoring-block .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}
.coaching-mentoring-block .title p {
    margin: 0 auto;
    padding: 0 0 16px 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    text-align: center;
    width: 68%;
}

.coaching-mentoring-block .bd {
    margin: 0;
    padding: 0;
}
.coaching-mentoring-block .bd .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
}

.coaching-mentoring-block .bd .col-item:hover {
    transform: scale(1.05) !important;
    transition: all 0.6s;
}

.coaching-mentoring-block .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}
.coaching-mentoring-block .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}
.coaching-mentoring-block .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

/*/////////*/

.coaching-mentoring-block .bd .col-item:hover .left-icon img {
    display: none;
    transition: all 0.3s;
}

.coaching-mentoring-block .bd .col-item:hover .left-icon {
    background-color: #16cfd3;
}

.coaching-mentoring-block .bd .col-item .left-icon .white-img img {
    display: none;
    width: 0;
}
.coaching-mentoring-block .bd .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

/*//////////*/

.coaching-mentoring-block .bd .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 85%;
}
.coaching-mentoring-block .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.coaching-mentoring-block .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
}

/*benefits_outsourcing*/

/*-- h-service-section --*/

.h-service-section {
    background-color: #1a1b3a;
}

.h-service-section h1 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}
.h-service-section .item-paragraph {
    margin: 0;
    padding: 0; /* display: flex; */
    text-align: center;
}

.h-service-section .item-paragraph p {
    margin: 0 auto;
    padding: 0 15px;
    width: 69%;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #f2f2f2;
}

.h-service-section .service-bd {
    margin: 0;
    padding: 60px 0 0 0;
}

.h-service-section .service-bd .col-item {
    height: 100%;
    margin: 0;
    padding: 0;
    transform: scale(1) !important;
    transition: all 0.6s;
}

.h-service-section .service-bd .col-item:hover {
    transform: scale(1.05) !important;
}

.h-service-section .service-bd .item {
    padding-bottom: 30px;
    padding-top: 50px;
}

.h-service-section .service-bd .service-box {
    transition: all.4s;
    border-radius: 30px;
    background: #f2f2f2;
    padding: 35px 32px;
    display: block;
    position: relative;
    height: 100%;
    transition: all 0.3s;
}

.h-service-section .service-bd .service-box .img-block {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
    transition: all 0.3s;
}

.h-service-section .service-bd .service-box:hover .img-block {
    background: #00ced1;
    transition: all 0.3s;
}

.h-service-section .service-bd .service-box .img-block img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.h-service-section .service-bd .service-box:hover .img-block img {
    display: none;
    transition: all 0.3s;
}

.h-service-section .service-bd .service-box .img-block .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
    transition: width 2s;
}

.h-service-section .service-bd .service-box:hover .img-block .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.h-service-section .service-bd .service-box .text-box {
    margin: 0;
    padding: 0;
}

.h-service-section .service-bd .service-box .text-box {
    margin: 0;
    padding: 0;
    display: block;
}

.h-service-section .service-bd .service-box .text-box h4 {
    margin: 0;
    padding: 14px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #021334;
    font-weight: 600;
}
.h-service-section .service-bd .service-box .text-box p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #616976;
    line-height: 25px;
}

.h-service-section .service-bd .service-box .text-box .button {
	margin: 0;
	padding: 10px 0 0 0;
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	display: flex;
	align-items: center;
	color: #036d6f;
}

.h-service-section .service-bd .service-box .text-box .button i {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 24px;
}

/*loadmore*/

.h-service-section .service-bd .show-content {
    display: none;
}

.h-service-section .service-bd a.noContent {
    color: #fff !important;
}

/*-- h-service-section --*/

/*h-gallery-item*/

.h-gallery-item {
    margin: 0;
    padding: 0;
}

.h-gallery-item h2 {
    color: var(--font-color, #03163b);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}

.h-gallery-item .item-gallery {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.h-gallery-item .item-gallery a {
    margin: 10px;
    padding: 0;
    width: 31.5%;
    display: block;
    height: 264px;
    transition: all 0.3s;
}

.h-gallery-item .item-gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
}

.h-gallery-item .item-gallery a:hover img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}

/*h-gallery-item*/

/*-- h-why-choose-textblock --*/

.h-why-choose-textblock {
    margin: 0;
    padding: 0 0 60px 0;
    background: #fff;
}
.h-why-choose-textblock .title {
    margin: 0;
    padding: 0;
}
.h-why-choose-textblock .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.h-why-choose-textblock .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
}
.h-why-choose-textblock .bd .row:nth-child(odd) {
    flex-direction: row-reverse;
}
.h-why-choose-textblock .bd .row {
    padding-bottom: 30px;
}

.h-why-choose-textblock .bd .item-col .item {
    margin: 0;
    padding: 5px 0;
}
.h-why-choose-textblock .bd .item-col .item h4 {
    margin: 0;
    padding: 10px 0 28px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.h-why-choose-textblock .bd .item-col .item .text-item {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.h-why-choose-textblock .bd .item-col .item .text-item:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.h-why-choose-textblock .bd .item-col .item .text-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.h-why-choose-textblock .bd .item-col .item .text-item p {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.h-why-choose-textblock .bd .itm-img {
    margin: 0;
    padding: 0;
}

.h-why-choose-textblock .bd .itm-img img {
    width: 100%;
    max-height: 379px;
    object-fit: contain;
    border-radius: 10px;
}

/*-- h-why-choose-textblock --*/

/*-- inner-about-block --*/

.inner-about-block {
    background-color: #eff0f7;
}

.inner-about-block .hed-title {
    margin: 0;
    padding: 0 0 80px 0;
    text-align: center;
}

.inner-about-block .hed-title span.span {
    font-family: "Outfit", sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color: #19cfd3;
    padding: 4px 16px;
    border-radius: 30px;
    display: inline-block;
}

.inner-about-block .hed-title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

.inner-about-block .page-hadding h1 {
    padding-bottom: 24px;
    color: #0da5a9;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}

.inner-about-block .page-hadding h2 {
    padding-bottom: 24px;
    color: #0da5a9;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}


.inner-about-block .page-hadding p {
    padding-bottom: 20px;
}

.inner-about-block .about1-image-all .about-1-img2 {
    width: 100%;
    position: relative;
    z-index: 100;
}

.inner-about-block .about1-image-all .about-1-img2 img {
    width: 100%;
}

/**/

.inner-about-block .page-hadding span.span {
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color: #00ced1;
    padding: 4px 16px;
    border-radius: 30px;
    display: inline-block;
    margin: 0 0 10px 0;
}

.inner-about-block .page-hadding .text {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.inner-about-block .page-hadding .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.inner-about-block .page-hadding .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 59px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}

.inner-about-block .page-hadding .text p {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
    margin: 4px 0;
    padding: 4px 0;
}

/*-- inner-about-block --*/

/*-- about-core-values --*/

.about-core-values {
    background: #03163b;
    padding-bottom: 30px !important;
}

.about-core-values h3 {
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
}

.about-core-values .bd {
    margin: 0;
    padding: 60px 0 0 0;
}

.about-core-values .bd .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    position: relative;
    width: 100%;
    transform: scale(1) !important;
    transition: all 0.3s;
}

.about-core-values .bd .col-item:hover {
    transform: scale(1.05) !important;
}

.about-core-values .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}
.about-core-values .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}

/**/

.about-core-values .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.about-core-values .bd .col-item:hover .left-icon {
    background: #09d0d3;
}

.about-core-values .bd .col-item:hover .left-icon img {
    display: none;
    width: 0;
}

.about-core-values .bd .col-item .left-icon .white-img img {
    /*display: none;*/

    transition: width 2s;
}

.about-core-values .bd .col-item .left-icon .white-img img {
    width: 0;
    display: none;
}

.about-core-values .bd .col-item:hover .left-icon .white-img img {
    display: block !important;
    width: 50px !important;
}

/**/

.about-core-values .bd .col-item .left-icon i {
    font-size: 34px;
    color: #1acfd3;
}
.about-core-values .bd .col-item .item-text {
    margin: 0;
    padding: 0 0 0 17px;
    width: 85%;
}
.about-core-values .bd .col-item .item-text h4 {
    margin: 0;
    padding: 16px 0 4px 0px;
    font-size: 26px;
    line-height: 26px;
    color: #089fa3;
    font-family: "Outfit", sans-serif;
}
.about-core-values .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 18px;
    color: #616976;
    line-height: 22px;
    font-family: "Outfit", sans-serif;
}

/*-- about-core-values --*/

/*accurex-inner-banner*/

.accurex-inner-banner {
    margin: 0;
    padding: 0;
    height: 280px;
    position: relative;
}

.accurex-inner-banner .figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.accurex-inner-banner .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accurex-inner-banner .inner-text-bd {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000ad;
}

.accurex-inner-banner .inner-text-bd .container {
    height: 100%;
}

.accurex-inner-banner .inner-text-bd .bd {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.accurex-inner-banner .inner-text-bd .bd h1 {
    margin: 0;
    padding: 0 0 15px 0;
    color: var(--font-color, #03163b);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
}

.accurex-inner-banner .inner-text-bd .bd.events h1 {
    color: #fff;
}

.accurex-inner-banner .inner-text-bd .bd form {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search {
    margin: 0;
    padding: 0;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search .nice-select.selectpicker {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search .dropdown.bootstrap-select {
    margin: 0;
    padding: 0;
    width: 380px !important;
}
.accurex-inner-banner .inner-text-bd .bd form .item-search .dropdown .dropdown-menu.show {
	width: 100%;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search .bs-searchbox {
	padding: 0 10px;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search .dropdown-toggle {
	margin: 0;
	padding: 12px;
	border: 0;
	height: 48px;
	border-radius: 5px 0 0 5px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 600;
	background: #fff9f9;
	opacity: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search .dropdown-toggle:focus {
    outline: 0 !important;
    outline: 0px !important;
    outline-offset: 0px;
    border: 0;
    box-shadow: none;
}

.accurex-inner-banner .inner-text-bd .bd form .item-search select {
    margin: 0;
    padding: 0;
}

.accurex-inner-banner .inner-text-bd .bd form .item-button {
    margin: 0;
    padding: 0;
}

.accurex-inner-banner .inner-text-bd .bd form .item-button input[type="button"] {
    margin: 0;
    padding: 10px 27px;
    border: 0;
    background: #13cfd2;
    height: 48px;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    border-radius: 0 4px 4px 0;
    transition: all 0.3s;
}

.accurex-inner-banner .inner-text-bd .bd form .item-button input[type="button"]:hover {
    background-color: #078a8d;
}

/*--*/

.accurex-inner-banner .inner-text-bd .container {
    display: flex;
    align-items: center;
}

.accurex-inner-banner .inner-text-bd .container .text-bd {
    margin: 0;
    padding: 0;
}

.accurex-inner-banner .inner-text-bd .container .text-bd h1 {
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
}

.accurex-inner-banner .inner-text-bd .container .text-bd h2 {
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
}



.accurex-inner-banner .inner-text-bd .container .text-bd .page-hero-p {
    display: flex;
    align-items: center;
    padding-top: 8px;
}

.accurex-inner-banner .inner-text-bd .container .text-bd .page-hero-p a {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
}

.accurex-inner-banner .inner-text-bd .container .text-bd .page-hero-p span {
    display: inline-block;
    padding: 0 6px;
    color: #fff;
}

.accurex-inner-banner .inner-text-bd .container .text-bd .page-hero-p p {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*accurex-inner-banner*/



/*blog-innrbanner-sec*/

.blog-innrbanner-sec {
    margin: 0;
    padding: 0;
    height: 280px;
    position: relative;
}

.blog-innrbanner-sec .figure {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.blog-innrbanner-sec .figure img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}


.blog-innrbanner-breadcrumb .text-bd {
    margin: 0;
    padding: 0;
}

.blog-innrbanner-breadcrumb .text-bd .page-hero-p {
    display: flex;
    align-items: center;
    padding-top: 45px;
}

.blog-innrbanner-breadcrumb .text-bd .page-hero-p a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
}

.blog-innrbanner-breadcrumb .text-bd .page-hero-p span {
    display: inline-block;
    padding: 0 6px;
    color: #000;
    font-size: 12px;
}


.blog-innrbanner-breadcrumb .text-bd .page-hero-p p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*==blog-innrbanner-breadcrumb==*/


/*-- event-category-section --*/

.event-category-section {
    margin: 0;
    padding: 60px 0;
}

.event-category-section .category-bd {
    margin: 0;
    padding: 0;
}

.event-category-section .category-bd .category-top-btn-item {
    margin: 0;
    padding: 0;
}

.event-category-section .category-bd .category-top-btn-item ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.event-category-section .category-bd .category-top-btn-item li {
    margin: 6px 6px;
    padding: 0;
}

.event-category-section .category-bd .category-top-btn-item li a {
    margin: 0;
    padding: 0;
    border-radius: 6px;
    align-items: center;
    background: #007577;
    display: block;
    display: flex;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.event-category-section .category-bd .category-top-btn-item li a.active {
    background: #fff;
    color: #007577;
}

.event-category-section .category-bd .category-top-btn-item li a.active p {
    background: #fff;
    color: #007577;
}

.event-category-section .category-bd .category-top-btn-item li a.active .icon {
    background-color: #007577;
}

.event-category-section .category-bd .category-top-btn-item li a p {
    margin: 0;
    padding: 0 16px;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    display: flex;
    align-items: center;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
}

.event-category-section .category-bd .category-top-btn-item li a .icon {
    margin: 0;
    padding: 7px;
    width: 58px;
    background: #ffffff;
    border-radius: 0px 0px 0px 0px;
    background: rgb(0 117 119);
    border-right: 2px solid #1c8385;
}

.event-category-section .category-bd .category-top-btn-item li a .icon img {
    max-width: 100%;
    object-fit: contain;
}

.event-category-section .category-bd .category-item-bd {
    margin: 0;
    padding: 30px 0 0 0;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item {
    margin-bottom: 30px;
    border: 0;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a {
    margin: 0;
    padding: 0;
    display: block;
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 28%);
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a:after {
    content: "";
    position: absolute;
    right: -46px;
    bottom: -54px;
    height: 0;
    width: 0;
    background: #03163b;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    left: unset;
    border-radius: 50%;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item:hover a:after {
    content: "";
    position: absolute;
    right: -46px;
    bottom: -54px;
    height: 85px;
    width: 100px;
    background: #03163b;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    left: unset;
    border-radius: 50%;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a:before {
    content: "\f178";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 25px;
    width: 0;

    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    font-family: "FontAwesome";
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item:hover a:before {
    content: "\f178";
    position: absolute;
    left: 1px;
    bottom: 0;
    height: 25px;
    width: 100%;

    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    right: unset;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    z-index: 9;
    padding: 0 10px 0 0;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .figure {
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
    height: 130px;
    overflow: hidden;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .figure img {
	width: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all 0.4s;
	height: 100%;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a:hover .figure img {
    transition: all 0.6s;
    transform: scale(1.05);
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd {
    margin: 0;
    padding: 20px 15px 63px 15px;
    position: relative;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd h3 {
    margin: 0;
    padding: 15px 0 10px 0;
    color: var(--font-color, #03163b);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    font-family: "Outfit", sans-serif;
    min-height: 76px;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd .loc-dat {
    margin: 0;
    padding: 5px 0px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd .loc-dat span {
    margin: 0;
    padding: 4px 4px;
    color: #00878b;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd .loc-dat span i {
    font-size: 14px;
    color: #122144;
    padding-right: 3px;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd .loc-dat span:last-child {
    border-right: 0;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd .price {
    margin: -39px 0 0 0;
    padding: 0;
    position: relative;
    top: 0;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd .price p {
    margin: 0 auto;
    padding: 4px 20px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: linear-gradient(60deg, #15cfd3 0%, rgb(0 0 0) 200%);
    width: auto;
    border-radius: 32px;
    border: 1px solid #eae7e7;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.5);
    display: inline-block;
    transition: all 0.3s;
}

.event-category-section .category-bd .category-item-bd .itrm-row .col-item a:hover .text-bd .price p {
    transition: all 0.3s;
    background: linear-gradient(0deg, #03163b 0%, rgb(0 0 0) 200%);
}

/*-- event-category-section --*/

/*-- training-wrap --*/

.training-wrap .item h5 {
    margin: 0;
    padding: 10px 0 10px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #03163b;
}
.training-wrap .item .item-ftr span {
    font-family: "Outfit", sans-serif;
    display: inline-block;
}

/*-- training-wrap --*/

/*upcoming-events-sec*/

.upcoming-events-sec .events-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.upcoming-events-sec .events-box .event-content h5 {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #03163b;
}
/*upcoming-events-sec*/

/*-- h-blog-section --*/

.h-blog-section .hadding2 ul {
    display: flex;
}
.h-blog-section .hadding2 ul li {
    font-family: "Outfit", sans-serif;
}

.h-blog-section .blog2-box-all {
    height: 100%;
    margin: 0;
}

/*-- h-blog-section --*/

/*h-about-block*/

.h-about-block {
    margin: 0;
    padding: 20px 0 60px 0;
}

.h-about-block .left {
    margin: 0;
    padding: 0;
}

.h-about-block .left img {
    width: 100%;
}

.h-about-block .right {
    margin: 0;
    padding: 0;
}

.h-about-block .right .span {
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color:#036d6f;
    padding: 4px 16px;
    border-radius: 30px;
    display: inline-block;
}

.h-about-block .right h2 {
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 13px 0 16px 0;
}
.h-about-block .right .text {
    margin: 0;
    padding: 0 0 0 26px;
    position: relative;
}

.h-about-block .right .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.h-about-block .right .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 59px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}

.h-about-block .right .text p {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
    margin: 10px 0;
    padding: 10px 20px;
}

.h-about-block .right .text p:nth-child(2) {
    border: 1px solid#ccc;
    border-radius: 11px;
    box-shadow: 0 0 13px 0px rgb(0 0 0 / 14%);
}

/*h-about-block*/

/*-- h-how-twork-block --*/

.h-how-twork-block {
    padding: 60px 0;
    margin: 0;
}

.h-how-twork-block .title {
    margin: 0;
    padding: 0 0 50px 0;
    text-align: center;
}

.h-how-twork-block .title .span {
	font-family: "Outfit", sans-serif;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	background-color: #036d6f;
	padding: 4px 16px;
	border-radius: 30px;
	display: inline-block;
	margin: 0 0 10px 0;
}

.h-how-twork-block .title h2 {
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.h-how-twork-block .figure {
    margin: 0;
    padding: 0 0 40px 0;
    width: 100%;
}

.h-how-twork-block .figure img {
    width: 100%;
}

.h-how-twork-block h3 {
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.h-how-twork-block .text-bd {
    margin: 0;
    padding: 30px 0 0 0;
}

.h-how-twork-block .text-bd .item {
    margin: 0;
    padding: 0 30px;
    position: relative;
    height: 100%;
}

.h-how-twork-block .text-bd .item span {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 27px;
    transform: translateY(-50%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
}

.h-how-twork-block .text-bd .item:hover span {
    width: 43px;
    height: 43px;
}

.h-how-twork-block .text-bd .item span.colr1 {
    background: #035759;
}

.h-how-twork-block .text-bd .item span.colr2 {
    margin: 0;
    padding: 0;
    background: #0da0a4;
}

.h-how-twork-block .text-bd .item span.colr3 {
    margin: 0;
    padding: 0;
    background: #16cfd3;
}

.h-how-twork-block .text-bd .item .text {
    margin: 0;
    padding: 15px 15px 15px 26px;
    border: 1px solid #f2f2f2;
    border-radius: 13px;
    box-shadow: 0 0 17px -10px rgba(0, 0, 0, 0.5);
    height: 100%;
}

.h-how-twork-block .text-bd .item .text h4 {
	padding: 0 0 6px 0;
	font-family: "Outfit", sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #036d6f;
	font-weight: 600;
}

.h-how-twork-block .text-bd .item .text p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "Outfit", sans-serif;
    line-height: 22px;
}

/*-- h-how-twork-block --*/

/*h-about-block*/

.h-choose-mainblock {
    margin: 0;
    padding: 0 0 60px 0;
}

.h-choose-mainblock .left {
    margin: 0;
    padding: 0;
}

.h-choose-mainblock .left img {
    width: 100%;
}

.h-choose-mainblock .right {
    margin: 0;
    padding: 0;
}

.h-choose-mainblock .right .span {
	font-family: "Outfit", sans-serif;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	background-color: #036d6f;
	padding: 4px 16px;
	border-radius: 30px;
	display: inline-block;
}


.h-choose-mainblock .right h2 {
    color: #089fa3;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 13px 0 16px 0;
}
.h-choose-mainblock .right .text {
    margin: 0;
    padding: 0 0 0 26px;
    position: relative;
}

.h-choose-mainblock .right .text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #616976;
    line-height: 25px;
}

.h-choose-mainblock .right .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #03163b70;
}

.h-choose-mainblock .right .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #051e4f;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}

.h-about-block .right .text p {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
    margin: 10px 0;
    padding: 10px 20px;
}

.h-choose-mainblock .right .text p:nth-child(2) {
    border: 1px solid#ccc;
    border-radius: 11px;
    box-shadow: 0 0 13px 0px rgb(0 0 0 / 14%);
}

.h-choose-mainblock .counter2-box {
    border-radius: 10px;
    border: 1px solid #00ced1;
    background: #fff;
    display: flex;
    padding: 10px 22px;
    align-items: center;
    transition: all.4s;
}

.h-choose-mainblock .counter-boxs {
    margin: 0;
    padding: 40px 0 0 0;
}

.h-choose-mainblock .counter-boxs h2 {
    color: var(--font-color, #03163b);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 10px 0;
}

/*h-about-block*/

/*quick_enquiry*/

.quick_enquiry {
    position: fixed;
    right: 0;
    bottom: 32%;
    z-index: 9;
    height: auto;
    cursor: pointer;
}

.quick_enquiry a {
    width: 42px;
    height: 42px;
    margin-bottom: 0;
    color: #fff;
    display: block;
    position: relative;
    right: -4px;
    transition: all 0.3s;
}

.quick_enquiry a:hover {
    position: relative;
    right: 0px;
    width: 42px;
}

.quick_enquiry span {
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.quick_enquiry .facebook {
    background: #4867aa;
}

.quick_enquiry .twitter {
    background: #1da1f2;
}

.quick_enquiry .linkedin {
    background: #0e76a8;
}

.quick_enquiry .instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.quick_enquiry .youtube {
    background: #c00;
}

.quick_enquiry .envelope {
    background: #6db9ef;
}

.quick_enquiry .whatsapp {
    background: #9ade7b;
}

/*quick_enquiry*/

/*h-contact-block*/
.h-contact-block {
    background-color: #1a1b3a;
    padding:40px 0;
}

.h-contact-block .right-enquire-now { margin:0; padding:0; }

.h-contact-block h2 {
    color: #fff;    font-size: 40px;    font-style: normal;
    font-weight: 700;    line-height: 52px;    text-transform: capitalize;
    font-family: "Outfit", sans-serif; }

.h-contact-block .right-enquire-now  h2 {
    color: #fff;    font-size: 40px;    font-style: normal;
    font-weight: 700;    line-height: 52px;    text-transform: capitalize;
    font-family: "Outfit", sans-serif; }

.h-contact-block .right-enquire-now .item {margin: 0;padding: 32px 0 0 0;display: flex;align-items: center;}

.h-contact-block .right-enquire-now .item .button {margin: 0;padding: 0 20px 0 0;}

.h-contact-block .right-enquire-now .item .button a {
	margin: 0;
	display: inline-block;
	color: #1a1b3a;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	position: relative;
	text-transform: capitalize;
	text-align: center;
	border-radius: 35px;
	background: #fff !important;
	box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
	padding: 12px 24px;
	transition: all.4s;
	border: none;
	animation: glowing 1500ms infinite;
}

@keyframes glowing {
  0% { background-color: #0ca0a3; box-shadow: 0 0 3px #0ca0a3; }
  50% { background-color: #0ca0a3; box-shadow: 0 0 20px #0ca0a3; }
  100% { background-color: #0ca0a3; box-shadow: 0 0 3px #0ca0a3; }
}

.h-contact-block .right-enquire-now .item .button a .svg-inline--fa.fa-angle-right {
	width: 19px;
	height: 13px;
}


.h-contact-block .right-enquire-now .social-icon { margin:0; padding:0; }


.h-contact-block .right-enquire-now .item .social-icon ul {margin:0;padding:0;display: flex;}
.h-contact-block .right-enquire-now .item .social-icon ul li {margin:0;padding: 0 8px;}
.h-contact-block .right-enquire-now .item .social-icon ul li a {margin: 4px;padding:0;font-size: 20px;color: #ffffff;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #fff0;border-radius: 50%;border: 1px solid #ffffff36;box-shadow: 0 0px 9px -1px rgb(255 255 255 / 50%);}
.h-contact-block .right-enquire-now .item .social-icon ul li a .fa {  }

.h-contact-block .contact2-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

.h-contact-block .contact2-contacts .contact2-single {border-right: 1px solid #e7e7e7;width:25%;display: flex;align-items: center;justify-content: center;}

.h-contact-block .contact2-contacts .contact2-single:last-child { border-right:0; }


/*h-contact-block*/

/*about-counter*/


.about-counter {
    background-color: #03163b;
}

.about-counter .counter-box-all h3 {
   color: #FFF !important;
    font-size: 56px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 62px !important;
    text-transform: capitalize !important;
}

.about-counter .page-hadding-w h3 {
  font-family:'Outfit', sans-serif;
  color: rgba(255, 255, 255, 0.90);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 52px;
text-transform: capitalize;
}



/*about-counter*/

/*testimonial2*/

.testimonial2 {
    background-color: #1a1b3a;
    margin: 40px 0 0 0;
    padding: 100px 0;
}

.testimonial2 .hadding2-w {
    padding-bottom: 30px;
}

.testimonial2 .hadding2-w span.span {
    font-family: "Outfit", sans-serif;
    color: #03163b;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color: #fff;
    padding: 4px 16px;
    border-radius: 30px;
    display: inline-block;
}

.testimonial2 .hadding2-w h2 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
}

.testimonial2 .item_bd .col-item {
    padding: 30px 20px 20px 20px;
    margin: 9px 10px;
    background: #ffffff0a;
    border-radius: 10px;
    box-shadow: 0 0 11px -5px rgb(255 255 255 / 35%);
    border: 1px solid #ffffff26;
}

.testimonial2 .item_bd .col-item .text-bd {
    padding: 0 0 30px 0;
    margin: 0;
}

.testimonial2 .item_bd .col-item .text-bd p {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #dfdfdf;
    line-height: 28px;
    font-family: "Outfit", sans-serif;
}

.testimonial2 .item_bd .col-item .testimonial-stars {
    padding: 0;
    margin: 0;
}

.testimonial2 .item_bd .col-item .testimonial-stars ul {
    padding: 0;
    margin: 0;
}

.testimonial2 .item_bd .col-item .testimonial-stars ul li {
    padding: 0 3px;
    margin: 0;
    color: #e9c700;
}

.testimonial2 .item_bd .col-item .testimonial-footer {
    padding: 20px 0 0 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.testimonial2 .item_bd .col-item .testimonial-footer .user-icon {
    padding: 0;
    margin: 0;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 0px 5px 1px rgb(241 241 241 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    background: #fff;
}

.testimonial2 .item_bd .col-item .testimonial-footer .user-icon img {
    object-fit: cover;
    max-width: 100%;
}

.testimonial2 .item_bd .col-item .testimonial-footer .bottom-text {
    padding: 0 0 0 20px;
    margin: 0;
}

.testimonial2 .item_bd .col-item .testimonial-footer .bottom-text h4 {
    margin: 0;
    padding: 0 0 5px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 600;
}

.testimonial2 .item_bd .col-item .testimonial-footer .bottom-text p {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    color: #c5c5c5;
    line-height: 25px;
}

.testimonial2 .owl-nav {
    margin-top: 40px;
    text-align: center;
}
.testimonial2 .owl-nav button[type="button"] {
    color: #fff;
    font-size: 20px;
    padding: 10px !important;
}
/*testimonial2*/

/*service-footer-block*/

.service-footer-block {
    margin: 0;
    padding: 50px 0;
    background: #039294;
}

.service-footer-block .item-left {
    margin: 0;
    padding: 0;
}

.service-footer-block .item-left h4 {
    margin: 0;
    padding: 0 0 22px 0;
    color: #ffffff;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
}

.service-footer-block .item-left p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #f2f2f2;
    font-family: "Outfit", sans-serif;
}

.service-footer-block .item-left {
    margin: 0;
    padding: 0;
}

.service-footer-block .item-left img {
    width: 100%;
    object-fit: contain;
}

/**/

.service-footer-block .list { margin: 0; padding: 0; }

.service-footer-block .list ul {margin: 0;padding: 8px 0 8px 17px;}

.service-footer-block .list ul li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #e3dfdf;
    font-family: "Outfit", sans-serif;
    list-style: disc;
}

.service-footer-block p mark {
    margin: 0;
    padding: 4px 11px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: #e3dfdf;
    font-family: "Outfit", sans-serif;
    background: #03163be0;
    border: 1px solid #000;
    }

/*service-footer-block*/

/*why-choose-slider*/

.why-choose-slider {
    margin: 0 0 50px 0;
    padding: 60px 0;
    background: #f2f2f2;
}

.why-choose-slider .hadding2-w {
}

.why-choose-slider .hadding2-w span {
    font-family: "Outfit", sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color: #fff;
    padding: 4px 16px;
    border-radius: 30px;
    display: inline-block;
    background: #1acfd3;
}

.why-choose-slider .hadding2-w h1 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0 0 40px 0;
}

.why-choose-slider .item_why .col-item {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.why-choose-slider .item_why .col-item .user-icon {
    margin: 10px;
    padding: 0;
    width: 281px; 
    border-radius: 50%; 
}

.why-choose-slider .item_why .col-item .user-icon img {
    object-fit: contain;
}

.why-choose-slider .item_why .col-item .text-bd {
    margin: 0;
    padding: 10px;
    width: 100%;
}

.why-choose-slider .item_why .col-item .text-bd .top {
    margin: 0;
    padding: 0 0 8px 0;
    display: flex;
    align-items: center;
}

.why-choose-slider .item_why .col-item .text-bd .top span {
    margin: 0;
    padding: 0;
    font-size: 31px;
    color: #028487;
}

.why-choose-slider .item_why .col-item .text-bd h4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0 0 0 8px;
    color: #058b8d;
}

.why-choose-slider .item_why .col-item .text-bd p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 28px;
    font-family: "Outfit", sans-serif;
}

.why-choose-slider .owl-nav {
    margin-top: 20px;
    text-align: center;
}
.why-choose-slider .owl-nav button[type="button"] {
    color: #03163b;
    font-size: 20px;
    padding: 10px !important;
}

.why-choose-slider .owl-nav button[type="button"] {
    color: #03163b;
    font-size: 20px;
    padding: 10px !important;
}

/*why-choose-slider*/

.brand-slider-logo {
    margin: 0;
    padding: 0;
}

.brand-slider-logo .brand4-slider-all {
    margin: 0;
    padding: 40px 0 !important;
}

.brand-slider-logo .brand4-single-slider {
    width: 94%;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.5);
    margin: 5px;
    border-radius: 7px;
    overflow: hidden;
    padding: 0 !important;
}
/*brand-slider-logo*/

/*importance-human-resource*/

.importance-human-resource {
    margin: 0;
    padding: 60px 0;
    background: #f2f2f2;
}

.importance-human-resource .title {
    margin: 0;
    padding: 0 0 77px 0;
}

.importance-human-resource .title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.importance-human-resource .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}
.importance-human-resource .bd {
    margin: 0;
    padding: 0;
}
.importance-human-resource .bd .col-item {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.importance-human-resource .bd .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0);
    border-radius: 100px 100px 10px 100px;
    width: 150px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}

.importance-human-resource .bd .col-item:hover .figure {
    border-radius: 10px 100px 100px 100px;
}

.importance-human-resource .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.importance-human-resource .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.importance-human-resource .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 32px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.importance-human-resource .bd .col-item .item-text p {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 18px;
    color: #656565;
    line-height: 27px;
    /* text-align: justify; */
    font-family: "Outfit", sans-serif;
}

.importance-human-resource .second-item .col-sec {
    width: 100%;
}

.importance-human-resource .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}
.importance-human-resource .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.importance-human-resource .second-item .col-sec .col-item .item-text {
}

.importance-human-resource .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.importance-human-resource .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}

/*importance-human-resource*/

/*service-box-outsourcing outsourcing-new-sty*/

.service-box-outsourcing.hr-consulting-newsty .col-item-bd:nth-child(odd) .row {
    flex-direction: row;
}

/*service-box-outsourcing outsourcing-new-sty*/

/*hr-consulting-newsty*/

.hr-consulting-newsty .h-title {
    padding-bottom: 60px;
}

.hr-consulting-newsty .h-title h3 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.hr-consulting-newsty .text-details {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.hr-consulting-newsty .text-details .show_hide_srvtext {
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    text-align: center;
    font-size: 37px;
    color: #16cfd3;
}

.hr-consulting-newsty .text-details .show_hide_srvtext span {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.hr-consulting-newsty .text-details .show_hide_srvtext span .fa {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    font-size: 37px;
    color: #15cfd3;
    position: relative;
    top: 7px;
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.hr-consulting-newsty .text-details .show_hide_srvtext span {
    margin: 0;
    padding: 0;
    width: 50px;
    height: 72px; /* border: 2px solid #18cfd3; */
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hr-consulting-newsty .text-details .slidingDiv {
    margin: 0;
    padding: 0;
    display: none;
}

.hr-consulting-newsty .text-details .slidingDiv {
}
.hr-consulting-newsty .text-details .slidingDiv .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transition: all 0.3s;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item:hover {
    transform: scale(1.05);
    transition: all 0.3s;
}

.hr-consulting-newsty .text-details .slidingDiv .col-sec {
    margin-top: 0;
    margin-top: 64px;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item:hover .left-icon {
    background-color: #00ced1;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item:hover .left-icon img {
    display: none;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .left-icon .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.hr-consulting-newsty .text-details .slidingDiv .col-item .item-text h4 {
    margin: 0;
    padding: 14px 0 8px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    width: 100%;
    text-align: left;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .item-text ul {
    padding: 0 0 0 19px;
    margin: 15px 0 0 0;
}

.hr-consulting-newsty .text-details .slidingDiv .col-item .item-text ul li {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    width: 100%;
    text-align: left;
    list-style: disc;
}

/*hr-consulting-newsty*/

/*importance-human-resource benefit-scoaching*/

.benefit-Outsourcing-scoaching {
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.benefit-Outsourcing-scoaching .title {
    margin: 0;
    padding: 0 0 35px 0;
}

.benefit-Outsourcing-scoaching .title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.benefit-Outsourcing-scoaching .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}
.benefit-Outsourcing-scoaching .bd {
    margin: 0;
    padding: 0;
}

.benefit-Outsourcing-scoaching .bd .col-sec {
    padding-top: 104px;
}

.benefit-Outsourcing-scoaching .bd .col-item {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.benefit-Outsourcing-scoaching .bd .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0);
    border-radius: 100px 100px 10px 100px;
    width: 150px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}

.benefit-Outsourcing-scoaching .bd .col-item:hover .figure {
    border-radius: 10px 100px 100px 100px;
}

.benefit-Outsourcing-scoaching .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.benefit-Outsourcing-scoaching .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.benefit-Outsourcing-scoaching .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.benefit-Outsourcing-scoaching .bd .col-item .item-text p {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 18px;
    color: #656565;
    line-height: 27px;
    font-family: "Outfit", sans-serif;
}

.benefit-Outsourcing-scoaching .second-item .col-sec {
    width: 100%;
}

.benefit-Outsourcing-scoaching .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}

.benefit-Outsourcing-scoaching .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.benefit-Outsourcing-scoaching .second-item .col-sec .col-item .item-text {
}

.benefit-Outsourcing-scoaching .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.benefit-Outsourcing-scoaching .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}
/*importance-human-resource benefit-scoaching*/


/*teambuilding-approachblock*/

.teambuilding-approachblock .services-bd {
    margin: 0;
    padding: 60px 0;
}

.teambuilding-approachblock .services-bd h3 {
    margin: 0;
    padding: 0 0 50px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.teambuilding-approachblock .services-bd p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
}

.teambuilding-approachblock .services-bd .row {
    padding-top: 30px;
}

.teambuilding-approachblock .services-bd .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.teambuilding-approachblock .services-bd .service-details-icon-box.section {
    margin: 0;
    padding: 0 !important;
}

.teambuilding-approachblock .services-bd .page-hadding {
    margin: 0;
    padding: 0;
}

.teambuilding-approachblock .services-bd .page-hadding h4 {
    margin: 0;
    padding: 0 0 20px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #00bcbf;
    font-weight: 600;
}

.teambuilding-approachblock .services-bd .page-hadding .text {
    margin: 0;
    padding: 0 0 0 33px;
    position: relative;
}

.teambuilding-approachblock .services-bd .page-hadding .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 55%;
    height: 20px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-50%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

.teambuilding-approachblock .services-bd .page-hadding .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.teambuilding-approachblock .services-bd .page-hadding .text p {
    margin: 0;
    padding: 0 0 10px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
    list-style: none;
    text-align: left;
    width: 100%;
}

.teambuilding-approachblock .services-bd .itm-img img {
    width: 100%;
    max-height: 368px;
    object-fit: contain;
    border-radius: 10px;
}
/*teambuilding-approachblock*/

/*power-ofteam-building*/

.power-ofteam-building {
    margin: 0;
    padding: 60px 0;
    background: #f2f2f2;
}

.power-ofteam-building .title {
    margin: 0;
    padding: 0 0 77px 0;
}

.power-ofteam-building .title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.power-ofteam-building .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}
.power-ofteam-building .bd {
    margin: 0;
    padding: 0;
}
.power-ofteam-building .bd .col-item {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.power-ofteam-building .bd .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0);
    border-radius: 100px 100px 10px 100px;
    width: 150px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}

.power-ofteam-building .bd .col-item:hover .figure {
    border-radius: 10px 100px 100px 100px;
}

.power-ofteam-building .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.power-ofteam-building .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.power-ofteam-building .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 32px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}

.power-ofteam-building .bd .para_text {
    padding: 0;
    margin: 29px 0 0 0;
}

.power-ofteam-building .bd .para_text p {
    margin: 0;
    padding: 15px 20px;
    font-size: 22px;
    color: #ffffff;
    line-height: 33px;
    text-align: justify;
    font-family: "Outfit", sans-serif;
    background: #0bb0b3;
    border-radius: 5px;
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.5);
}

.power-ofteam-building .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 18px;
    color: #656565;
    line-height: 27px;
    text-align: justify;
    font-family: "Outfit", sans-serif;
}

.power-ofteam-building .second-item .col-sec {
    width: 100%;
}

.power-ofteam-building .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}
.power-ofteam-building .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.power-ofteam-building .second-item .col-sec .col-item .item-text {
}

.power-ofteam-building .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.power-ofteam-building .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}

/*power-ofteam-building*/

/*corporate-familyexp-block*/

.corporate-familyexp-block {
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.corporate-familyexp-block .title {
    margin: 0;
    padding: 0 0 50px 0;
}

.corporate-familyexp-block .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.corporate-familyexp-block .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    text-align: center;
    width: 68%;
}

.corporate-familyexp-block .bd {
    margin: 0;
    padding: 0;
}
.corporate-familyexp-block .bd .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
}

.corporate-familyexp-block .bd .col-item:hover {
    transform: scale(1.05) !important;
    transition: all 0.6s;
}

.corporate-familyexp-block .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}

.corporate-familyexp-block .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}

.corporate-familyexp-block .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.corporate-familyexp-block .bd .col-item:hover .left-icon img {
    display: none;
    transition: all 0.3s;
}

.corporate-familyexp-block .bd .col-item:hover .left-icon {
    background-color: #16cfd3;
}

.corporate-familyexp-block .bd .col-item .left-icon .white-img img {
    display: none;
    width: 0;
}
.corporate-familyexp-block .bd .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.corporate-familyexp-block .bd .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 85%;
}
.corporate-familyexp-block .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.corporate-familyexp-block .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
}

.corporate-familyexp-block .second-item {
    padding-top: 60px;
}

.corporate-familyexp-block .second-item .col-sec {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
    width: 100%;
    background: #038486;
}

.corporate-familyexp-block .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.corporate-familyexp-block .second-item .col-sec .col-item .item-text {
}

.corporate-familyexp-block .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.corporate-familyexp-block .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}

/*corporate-familyexp-block*/

/**/

.teambuilding-approachblock.lightass-bg {
    background-color: #f2f2f2;
}

/*teambuilding-approachblock.lightass-bg*/

/*significance-professional*/

.significance-professional {
    margin: 40px 0 0 0;
    padding: 60px 0;
    background: #f1f1f1;
}

.significance-professional .title {
    margin: 0;
    padding: 0 0 30px 0;
}

.significance-professional .title h3 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.significance-professional .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}

.significance-professional .bd .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.signific-profession-block .bd .row {
    padding-bottom: 15px;
    padding-top: 15px;
}

.significance-professional .bd .item-col .item {
    margin: 0;
    padding: 5px 0;
}

.significance-professional .bd .item-col .item h4 {
    margin: 0;
    padding: 10px 0 28px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.significance-professional .bd .item-col .item .text {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.significance-professional .bd .item-col .item .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.significance-professional .bd .item-col .item .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.significance-professional .bd .item-col .item .text p {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.significance-professional .bd .itm-img {
    margin: 0;
    padding: 0;
}

.significance-professional .bd .itm-img img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    border-radius: 10px;
}

/*significance-professional*/

/*mportance-coaching-mentoring*/

.mportance-coaching-mentoring {
    margin: 60px 0 0 0;
    padding: 60px 0 0 0;
    background: #f1f1f1;
}

.mportance-coaching-mentoring .title {
    margin: 0;
    padding: 0 0 50px 0;
}

.mportance-coaching-mentoring .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}
.mportance-coaching-mentoring .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    text-align: center;
    width: 68%;
}

.mportance-coaching-mentoring .bd {
    margin: 0;
    padding: 0;
}
.mportance-coaching-mentoring .bd .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
}

.mportance-coaching-mentoring .bd .col-item:hover {
    transform: scale(1.05) !important;
    transition: all 0.6s;
}

.mportance-coaching-mentoring .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}
.mportance-coaching-mentoring .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}
.mportance-coaching-mentoring .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

/*/////////*/
.mportance-coaching-mentoring .bd .col-item:hover .left-icon img {
    display: none;
    transition: all 0.3s;
}
.mportance-coaching-mentoring .bd .col-item:hover .left-icon {
    background-color: #16cfd3;
}

.mportance-coaching-mentoring .bd .col-item .left-icon .white-img img {
    display: none;
    width: 0;
}
.mportance-coaching-mentoring .bd .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

/*//////////*/

.mportance-coaching-mentoring .bd .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 85%;
}
.mportance-coaching-mentoring .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.mportance-coaching-mentoring .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
}

/*mportance-coaching-mentoring*/

/*benefits-outsourcing-sec*/

.im_labor-outsourcin-sec {
    margin: 0;
    padding: 60px 0 0 0;
    background: #f2f2f2;
}

.im_labor-outsourcin-sec .title {
    margin: 0;
    padding: 0 0 77px 0;
}

.im_labor-outsourcin-sec .title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.im_labor-outsourcin-sec .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}
.im_labor-outsourcin-sec .bd {
    margin: 0;
    padding: 30px 0 0 0;
}

.im_labor-outsourcin-sec .bd .col-sec {
    margin-bottom: 100px;
}

.im_labor-outsourcin-sec .bd .col-item {
    margin: 0 auto;
    padding: 88px 22px 24px 22px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.im_labor-outsourcin-sec .bd .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0);
    border-radius: 100px 100px 10px 100px;
    width: 150px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}

.im_labor-outsourcin-sec .bd .col-item:hover .figure {
    border-radius: 10px 100px 100px 100px;
}

.im_labor-outsourcin-sec .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.im_labor-outsourcin-sec .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.im_labor-outsourcin-sec .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 32px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.im_labor-outsourcin-sec .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 18px;
    color: #656565;
    line-height: 27px;
    text-align: justify;
    font-family: "Outfit", sans-serif;
}

.im_labor-outsourcin-sec .second-item .col-sec {
    width: 100%;
}

.im_labor-outsourcin-sec .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}
.im_labor-outsourcin-sec .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.im_labor-outsourcin-sec .second-item .col-sec .col-item .item-text {
}

.im_labor-outsourcin-sec .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.im_labor-outsourcin-sec .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}

/*benefits-outsourcing-sec*/

/*benefits-outsourcing-block*/

.outsourcing-labor-bn {
    padding: 60px 0;
    margin: 0;
    background: #1a1b3a;
}

.outsourcing-labor-bn h3 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
    padding-bottom: 40px;
}

.outsourcing-labor-bn p {
    margin: 0 auto;
    padding: 9px 0 40px 0;
    color: #f2f2f2;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}
.outsourcing-labor-bn .col-item {
    margin: 28px 0;
}
.outsourcing-labor-bn .item {
    margin: 0;
    padding: 40px;
    height: 100%;
    border-radius: 10px;
    padding-top: 60px;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
    background: #f2f2f2;
}

.outsourcing-labor-bn .item .box-icon {
    padding: 0;
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 10px rgba(0 0 0 / 20%);
    border-radius: 50%;
    position: absolute;
    left: 34px;
    top: -29px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.outsourcing-labor-bn .item .box-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.outsourcing-labor-bn .item .box-icon .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
    transition: width 2s;
}

.outsourcing-labor-bn .item:hover {
    transform: scale(1.05) !important;
    transition: all 0.3s;
}
.outsourcing-labor-bn .item:hover .box-icon {
    background-color: #17cfd3;
}

.outsourcing-labor-bn .item:hover .box-icon img {
    display: none;
    transition: all 0.3s;
}

.outsourcing-labor-bn .item:hover .box-icon .white-img img {
    display: block;
    width: 50px;
    transition: all 0.3s;
}

.outsourcing-labor-bn .item .text {
    padding: 0;
    margin: 0;
}

.outsourcing-labor-bn .item .text h4 {
    margin: 0;
    padding: 14px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #021334;
    font-weight: 600;
}
.outsourcing-labor-bn .item .text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #616976;
    line-height: 25px;
    width: 100%;
    text-align: left;
}

/*outsourcing-labor-bn*/

/*labor-outsourcing-approach*/

.labor-outsourcing-approach {
    margin: 0;
    padding: 60px 0;
}

.labor-outsourcing-approach h3 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.labor-outsourcing-approach .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.labor-outsourcing-approach .item {
    margin: 0;
    padding: 0;
}

.labor-outsourcing-approach .item img {
    width: 100%;
    max-height: 340px;
    object-fit: contain;
    /*    border-radius: 10px;*/
}

.labor-outsourcing-approach .item h3 {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.labor-outsourcing-approach .item .text {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.labor-outsourcing-approach .item .text :before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.labor-outsourcing-approach .item .text :after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.labor-outsourcing-approach .item span {
    padding: 8px 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    color: #17cfd3;
    display: block;
    font-style: italic;
    font-family: "Outfit", sans-serif;
}

.labor-outsourcing-approach .item .text-item {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.labor-outsourcing-approach .item .text-item:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}

.labor-outsourcing-approach .item .text-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.labor-outsourcing-approach .item h4 {
    margin: 0;
    padding: 10px 0 20px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.labor-outsourcing-approach .item p {
    margin: 0;
    padding: 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.labor-outsourcing-approach p {
    margin: 0;
    padding: 30px 0 0 0;
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*outsourcing-item*/

.labor-outsourcing-approach .outsourc-item {
    margin: 0;
    padding: 0;
}

.labor-outsourcing-approach .outsourc-item .item {
    margin: 0;
    padding: 24px 0 0 0;
}
.labor-outsourcing-approach .outsourc-item .item h4 {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 22px;
    line-height: 28px;
    color: #03163b;
}

.labor-outsourcing-approach .outsourc-item .item p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*labor-outsourcing-approach*/

/*service-box-outsourcing*/

.expertise-cv-writing {
    padding: 60px 0;
}

.expertise-cv-writing .col-item-bd:nth-child(odd) .row {
    flex-direction: row-reverse;
}

.expertise-cv-writing .title h3 {
    margin: 0;
    padding: 0 0 63px 0;
    color: var(--font-color, #03163b);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.expertise-cv-writing .title p {
    margin: 0 auto;
    padding: 0 0 20px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
    font-family: "Outfit", sans-serif;
}

/*hr-consulting-newsty*/

.expertise-cv-writing .text-details {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.expertise-cv-writing .col-item-bd .item h4 {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #03163b;
    font-weight: 600;
}

.expertise-cv-writing .col-item-bd .item-figure {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expertise-cv-writing .col-item-bd .item-figure img {
    width: 100%;
    max-height: 340px;
    object-fit: contain;
}

.expertise-cv-writing .col-item-bd .item .text-item {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.expertise-cv-writing .col-item-bd .item .text-item:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 40px;
    width: 8px;
    background: #16cfd3;
    transform: translateY(-40%);
    -webkit-animation: mover 7s infinite alternate;
    animation: mover 7s infinite alternate;
}
.expertise-cv-writing .col-item-bd .item .text-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #1dacb066;
}

.expertise-cv-writing .col-item-bd .item span {
    padding: 8px 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    color: #17cfd3;
    display: block;
    font-style: italic;
    font-family: "Outfit", sans-serif;
}

.expertise-cv-writing .col-item-bd .item .text-item p {
    margin: 0;
    padding: 2px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
}

.expertise-cv-writing .text-details .show_hide_srvtext {
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    text-align: center;
    font-size: 37px;
    color: #16cfd3;
}

.expertise-cv-writing .text-details .show_hide_srvtext span {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.expertise-cv-writing .text-details .show_hide_srvtext span .fa {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    font-size: 37px;
    color: #15cfd3;
    position: relative;
    top: 7px;
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.expertise-cv-writing .text-details .show_hide_srvtext span {
    margin: 0;
    padding: 0;
    width: 50px;
    height: 72px; /* border: 2px solid #18cfd3; */
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expertise-cv-writing .text-details .slidingDiv {
    margin: 0;
    padding: 0 0 60px 0;
    display: none;
}

.expertise-cv-writing .text-details .slidingDiv .title {
    margin: 0;
    padding: 0;
    text-align: center;
}

.expertise-cv-writing .text-details .slidingDiv .title h4 {
    margin: 0;
    padding: 0 0 14px 0;
    color: #08b1b4;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    font-family: "Outfit", sans-serif;
}

.expertise-cv-writing .text-details .slidingDiv .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transition: all 0.3s;
}

.expertise-cv-writing .text-details .slidingDiv .col-item:hover {
    transform: scale(1.05);
    transition: all 0.3s;
}

.expertise-cv-writing .text-details .slidingDiv .col-sec {
    margin-top: 0;
    margin-top: 64px;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.expertise-cv-writing .text-details .slidingDiv .col-item:hover .left-icon {
    background-color: #00ced1;
}

.expertise-cv-writing .text-details .slidingDiv .col-item:hover .left-icon img {
    display: none;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .left-icon .white-img img {
    display: none;
    transition: all 0.3s;
    width: 0;
}

.expertise-cv-writing .text-details .slidingDiv .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.expertise-cv-writing .text-details .slidingDiv .col-item .item-text h4 {
    margin: 0;
    padding: 14px 0 8px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    width: 100%;
    text-align: left;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .item-text ul {
    padding: 0 0 0 19px;
    margin: 15px 0 0 0;
}

.expertise-cv-writing .text-details .slidingDiv .col-item .item-text ul li {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    width: 100%;
    text-align: left;
    list-style: disc;
}

/*hr-consulting-newsty*/

/*importance-human-resource cvwrit-candidates*/

.importance-human-resource.cvwrit-candidates .title {
    padding-bottom: 135px;
}

/*importance-human-resource cvwrit-candidates*/

/*service-footer-block*/

.coaching-our-app {
    margin: 0;
    padding: 50px 0;
    background: #f2f2f2;
}

.coaching-our-app .item-left {
    margin: 0;
    padding: 0;
}

.coaching-our-app .item-left h4 {
    margin: 0;
    padding: 0 0 22px 0;
    color: #03163b;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
}

.coaching-our-app .item-left p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #646464;
    font-family: "Outfit", sans-serif;
}

.coaching-our-app .item-left {
    margin: 0;
    padding: 0;
}

.coaching-our-app .item-left img {
    width: 100%;
    object-fit: contain;
}

/*service-footer-block*/

/*contact2 h-contact-block*/

.contact2.h-contact-block .contact2-icon .fa {
    font-size: 30px;
    color: #02e1e9;
}

/*contact2 h-contact-block*/

/*con-location-map*/

.con-location-map {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 450px;
}

/*con-location-map*/

/*mportance-coaching-mentoring approch-payroll*/

.mportance-coaching-mentoring.approch-payroll .title h3 {
    padding-bottom: 50px;
}

/*mportance-coaching-mentoring approch-payroll*/

/*event-details-block*/

.event-details-block {
    margin: 0;
    padding: 60px 0;
    background: #f2f2f2;
}

.event-details-block .item-left {
    margin: 0;
    padding: 0;
}

.event-details-block .item-left .figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
}

.event-details-block .item-left .figure img {
    width: 100%;
    object-fit: cover;
}

.event-details-block .item-left h3 {
    margin: 0;
    padding: 14px 0;
    color: var(--font-color, #03163b);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
}

.event-details-block .item-left .date-loc {
    margin: 0;
    padding: 0;
}

.event-details-block .item-left .date-loc ul {
    margin: 0;
    padding: 0;
    display: flex;
}
.event-details-block .item-left .date-loc ul li {
    margin: 0;
    padding: 0 10px;
    font-size: 17px;
    color: #018285;
    font-family: "Outfit", sans-serif;
    border-right: 1px solid #000;
    line-height: 10px;
}

.event-details-block .item-left .date-loc ul li .fa {
    font-size: 17px;
    color: #03163b;
    padding: 0 10px 0 0;
}
.event-details-block .item-left .date-loc ul li:first-child {
    padding-left: 0;
}
.event-details-block .item-left .date-loc ul li:last-child {
    border: 0;
}

.event-details-block .item-right {
    margin: 0;
    padding: 0;
}

.event-details-block .item-right .box {
    margin: 0;
    padding: 30px 24px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e9e7e7;
    box-shadow: 0 0px 5px 0px rgb(0 0 0 / 10%);
}

.event-details-block .item-left .text-details {
    margin: 0px 0 0 0;
    padding: 0;
    border-radius: 4px;
}

.event-details-block .item-left .text-details h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #03a3aa;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    font-family: "Outfit", sans-serif;
}

.event-details-block .item-left .text-details p {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    line-height: 25px;
    color: #444;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}

.event-details-block .item-right .box h4 {
    margin: 0 0 10px 0;
    padding: 4px 0;
    color: #03163b;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
    border-radius: 2px;
    border-bottom: 1px solid #848484;
}

.event-details-block .item-right .box .event-dt-right-group {
    margin: 0;
    padding: 0;
}

.event-details-block .item-right .box .event-dt-right-group .item {
    margin: 0;
    padding: 8px 0;
    display: flex;
}

.event-details-block .item-right .box .event-dt-right-group .item .lt-ico {
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    background: #03a3aa;
}

.event-details-block .item-right .box .event-dt-right-group .item .lt-ico .fa {
    font-size: 16px;
}

.event-details-block .item-right .box .event-dt-right-group .item .rt-text {
    margin: 0;
    padding: 0 0 0 10px;
}

.event-details-block .item-right .box .event-dt-right-group .item .rt-text span {
    margin: 0;
    padding: 0px 0;
    color: #03a3aa;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.event-details-block .item-right .box .event-dt-right-group .item .rt-text .info-text {
    margin: 0;
    padding: 0;
}

.event-details-block .item-right .box .event-dt-right-group .item .rt-text .info-text span {
    margin: 0;
    padding: 0 8px 0 0;
    color: var(--font-color, #03163b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    font-family: "Outfit", sans-serif;
    text-transform: capitalize;
}

.event-details-block .item-right .box .event-dt-right-group .item .rt-text .info-text span:last-child {
    background: #00bcc3;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
}

.event-details-block .item-right .box .event-dt-right-group .booking-btn {
    margin: 0;
    padding: 30px 0 0 0;
    display: block;
    width: 100%;
}

.event-details-block .item-right .box .event-dt-right-group .booking-btn a {
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    border-radius: 35px;
    background: #03a3aa;
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
    padding: 12px 41px;
    transition: all.4s;
    border: none;
    display: inline-block;
}

.event-details-block .item-right .box .event-dt-right-group .booking-btn a:hover {
    background: #026d83;
}

.event-details-block .item-right .item-row {
    margin: 30px 0 0 0;
    padding: 30px 24px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e9e7e7;
    box-shadow: 0 0px 5px 0px rgb(0 0 0 / 10%);
}

.event-details-block .item-right .item-row h5 {
    margin: 0 0 10px 0;
    padding: 4px 0;
    color: #03163b;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
    border-radius: 2px;
    border-bottom: 1px solid #848484;
}

.event-details-block .item-right .item-row .item {
    margin: 0;
    padding: 0;
    position: relative;
}

.event-details-block .item-right .item-row .item a {
    margin: 0;
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ccccccad;
    transition: all 0.3s;
    position: relative;
    z-index: 10;
}

.event-details-block .item-right .item-row .item:after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.6s;
}

.event-details-block .item-right .item-row .item:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #01869521;
    z-index: 1;
    transition: all 0.6s;
}

.event-details-block .item-right .item-row .item .lt-ico {
    margin: 0;
    padding: 0;
    width: 90px;
    height: 86px;
}
.event-details-block .item-right .item-row .item .lt-ico img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.event-details-block .item-right .item-row .item .rt-text {
    margin: 0;
    padding: 0 0 0 10px;
    width: 68%;
}
.event-details-block .item-right .item-row .item .rt-text p {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #03163b;
    font-weight: 600;
}
.event-details-block .item-right .item-row .item .rt-text span.date {
    margin: 0;
    padding: 4px 0 0 0;
    font-size: 15px;
    color: #00b5bc;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
    display: block;
}

/*event-details-block*/

/*-- tickets-block --*/

.tickets-block {
    margin: 0;
    padding:40px 0;
    background: #a7a7a726;
}

.tickets-block .item-lt {
    margin: 0;
    padding: 0;
}

.tickets-block .item-lt .top-block {
    margin: 0;
    padding: 0 0 8px 0;
    
}

.tickets-block .item-lt .top-block h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #03163b;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
}

.tickets-block .item-lt .top-block .info-text {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #004c62;
    font-family: "Outfit", sans-serif;
}

.tickets-block .item-lt .top-block .info-text span {
    margin: 0;
    padding: 0 10px 0 0;
}

.tickets-block .item-lt .item-bd {
    margin: 0;
    padding: 30px 0 0 0;
}

.tickets-block .item-lt .item-bd .col-item {
	margin: 0 0 30px 0;
	padding: 14px 17px;
	box-shadow: 0px 0px 3px 1px rgb(138 138 138 / 50%);
	border-radius: 4px;
	background: #ffffff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between !important;
}

.tickets-block .item-lt .item-bd .col-item .lt-sec {
	margin: 0;
	padding: 0 17px 0 0;
}

.tickets-block .item-lt .item-bd .col-item .lt-sec h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #03163b;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
    width: 75%;
}

.tickets-block .item-lt .item-bd .col-item .lt-sec .price-sec {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-family: sans-serif;
    font-weight: 600;
    color: #03163b;
}

.tickets-block .item-lt .item-bd .col-item .lt-sec .price-sec span {
    margin: 0;
    padding: 0;
}

.tickets-block .item-lt .item-bd .col-item .lt-sec .price-sec .mark {
    margin: 0;
    padding: 1px 4px;
    font-size: 12px;
    background: #c00;
    color: #fff;
}

.tickets-block .item-lt .item-bd .col-item .lt-sec p {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #444;
}

.tickets-block .item-lt .item-bd .col-item .rt-sec {
	margin: 0;
	padding: 0;
}

.tickets-block .item-lt .item-bd .col-item .rt-sec .qty-wrap { margin: 0;
	padding: 0;  }
	
.tickets-block .item-lt .item-bd .col-item .rt-sec .add-button {
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-align: center;
    border-radius: 35px;
    background: #03163b;
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
    padding: 9px 34px;
    border: none;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
}

.tickets-block .item-lt .item-bd .col-item .rt-sec .add-button:hover {
    background: #018695;
}

.tickets-block .item-rt {
    margin: 0;
    padding: 80px 0 0 0;
}

.tickets-block .item-rt .summary-box {
    margin: 0;
    padding: 0;
    background: #00b5bc;
    border-radius: 4px;
    overflow: hidden;
}

.tickets-block .item-rt .summary-box h4 {
    margin: 0;
    padding: 6px 14px;
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
    background: #008388;
}

.tickets-block .item-rt .summary-box .itrm-row {
    margin: 0;
    padding: 12px 14px;
    background: #fff;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col {
    margin: 0;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #a9a9a9;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col:last-child {
    border-bottom: 0;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .lt {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: "Outfit", sans-serif;
    line-height: 22px;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .lt p {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .lt p b {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #00b5bc;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .lt span {
    margin: 0;
    padding: 0;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .rt {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    font-family: sans-serif;
    font-family: "Outfit", sans-serif;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .rt .fa {
    margin: 0;
    padding: 0;
}

.tickets-block .item-rt .summary-box .itrm-row .item-col .rt span {
    margin: 0;
    padding: 0 0 0 2px;
}

.tickets-block .item-rt .summary-box .summary-box_footer {
    margin: 0;
    padding: 10px;
    background: #00b3ba;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tickets-block .item-rt .summary-box .summary-box_footer .lt {
    margin: 0;
    padding: 0;
}

.tickets-block .item-rt .summary-box .summary-box_footer .lt .fa {
    margin: 0;
    padding: 0;
    color: #03163b;
    font-size: 20px;
}

.tickets-block .item-rt .summary-box .summary-box_footer .lt span.count-no {
    margin: 0;
    padding: 0 0 0 4px;
    font-size: 18px;
    color: #03163b;
    line-height: 24px;
}

.tickets-block .item-rt .summary-box .summary-box_footer .rt {
    margin: 0;
    padding: 0;
}

.tickets-block .item-rt .summary-box .summary-box_footer .rt .proceed-button {
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-align: center;
    border-radius: 35px;
    padding: 0px;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
    background: transparent;
    border: 0;
    transition: all 0.3s;
}

.tickets-block .item-rt .summary-box .summary-box_footer .rt .proceed-button:hover {
    color: #03163b;
}




.tickets-block .item-rt .sum-box_no-content {margin: 0;padding: 20px 0 0 0;}

.tickets-block .item-rt .sum-box_no-content .bd {
    margin: 0;
    padding: 10px;
    border: 1px solid #a6a6a6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 232px;
}

.tickets-block .item-rt .sum-box_no-content .bd img {width: 98px;max-width:100%;object-fit:contain;height: 99px;opacity: 0.8;}

.tickets-block .item-rt .sum-box_no-content .bd h4 {margin: 0;padding: 10px  0 0;font-size: 18px;line-height: 24px;color: #03163b;}

/*-- tickets-block --*/

/*home-blog*/
.hadding2 h2 {
	color: var(--font-color, #03163b);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
	text-transform: capitalize;
	font-family: "Outfit", sans-serif;
}

/*blog*/

/*-- inner-blog-sec --*/

.inner-blog-sec {
    background: #fff;
    margin: 0;
    padding: 60px 0;
}

.inner-blog-sec .body .categorylist_block01 {
    margin: 0;
    padding: 0 0 60px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.inner-blog-sec .body .categorylist_block01 .list_item {
    margin: 0 8px 8px 0;
    padding: 10px 32px;
    background: #02a5a9;
    border: 0;
    font-size: 18px;
    color: #fff;
    border-radius:6px;
    font-weight: 600;
    transition:all 0.3s;
}

.inner-blog-sec .body .categorylist_block01 .list_item.active {  background: #03163b; }

.inner-blog-sec .body .categorylist_block01 .list_item:hover {
    background: #03163b;
}



.inner-blog-sec .body .p-bottom {
    margin-bottom: 30px;
}

.inner-blog-sec .item-blog {
    margin: 0;
    padding: 0 0 40px 0;
    height: 100%;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.5);
    position: relative;
}

.inner-blog-sec .item-blog a {
    margin: 0;
    padding: 0;
    display: block;
}
.inner-blog-sec .item-blog a .figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.inner-blog-sec .item-blog a .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.inner-blog-sec .item-blog:hover a .figure img {
    transform: scale(1.08);
}

.inner-blog-sec .item-blog a .text {
    margin: 0;
    padding: 20px 24px;
}

.inner-blog-sec .item-blog a .text ul {
    margin: 0;
    padding: 0 0 7px 0;
    display: flex;
    flex-wrap: wrap;
}

.inner-blog-sec .item-blog a .text ul li {
    margin: 0;
    padding: 0 4px 0 0;
    color: var(--paragraph, #616976);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    display: inline-block;
    font-family: "Outfit", sans-serif;
}

.inner-blog-sec .item-blog a .text h4 {
    margin: 0;
    padding: 0 0 14px 0;
    font-family: "Outfit", sans-serif;
    color: #03163b;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    transition: all.4s;
    transition: all 0.3s;
}

.inner-blog-sec .item-blog:hover a .text h4 {
    color: #02a5a9;
}
.inner-blog-sec .item-blog a .text p {
    padding: 0;
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
    max-width: 100%;
    height: 79px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}


.inner-blog-sec .item-blog a.read-more-btn {
    margin: 0;
    padding: 0 24px;
    color: #03163b;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 17px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

.inner-blog-sec .item-blog:hover a.read-more-btn {
    color: #02a5a9;
}

.inner-blog-sec .item-blog a.read-more-btn span {
    font-size: 15px;
    padding: 0 0 0 3px;
    transition: all 0.3s;
}

.inner-blog-sec .item-blog:hover a.read-more-btn span {
    padding: 0 0 0 8px;
}

/*-- inner-blog-sec --*/

/*blog-details-sec*/

.blog-details-sec {
    margin: 0;
    padding: 60px 0;
}

.blog-details-sec .item-left {
    margin: 0;
    padding: 0;
}

.blog-details-sec .item-left .figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
}

.blog-details-sec .item-left .figure img {
    width: 100%;
    object-fit: cover;
}

.blog-details-sec .item-left h2, .blog-details-sec .item-left h3 {
    color: #03163b;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0 0 16px 0;
    }

.blog-details-sec .item-left .text-details h2, .blog-details-sec .item-left .text-details h3 {
    
    display:block !important;
}


.blog-details-sec .item-left .date {
    margin: 0;
    padding: 0 0 12px 0;
    font-size: 18px;
    line-height: 24px;
    color: #058a8d;
    font-style: italic;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}

.blog-details-sec .item-left .date .fa,.blog-details-sec .item-left .date .svg-inline--fa {
    color: #058a8d;
    font-size: 18px;
    padding-right: 6px;
}

.blog-details-sec .item-left .text-details {
    margin: 0;
    padding: 0;
}

.blog-details-sec .item-left .text-details h3 {
    color: #03163b;
    font-size:30px;
    font-style: normal;
    font-weight: 600;
    line-height:36px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0;
}



.blog-details-sec .item-left .text-details h4, .blog-details-sec .item-left .text-details h5, .blog-details-sec .item-left .text-details h6 {
    color: #03163b;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 16px 0 0 0;
}


.blog-details-sec .item-left .text-details p {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
    margin: 0;
    padding: 8px 0;
}

.blog-details-sec .item-left .text-details a {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #0e76a7;
    font-weight: 600;
    display:inline-block;
}

.blog-details-sec .item-left .text-details p a {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #0e76a7;
    font-weight: 600;
    display:inline-block;
}

.blog-details-sec .item-left .text-details p  a  strong {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #0e76a7;
    font-weight: 600;
    display:inline-block;
}


.blog-details-sec .item-left .text-details p strong {  transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size:18px;
    line-height: 25px;
    color: #444;
    font-weight: 600;
    margin: 0;
    padding: 8px 0; }


.blog-details-sec .item-left .text-details ul {
    margin: 0;
    padding: 0 0 0 17px;
}

.blog-details-sec .item-left .text-details ul li {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    margin: 0;
    padding: 8px 0;
    list-style: disc;
}

.blog-details-sec .item-left .text-details ul li a {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    margin: 0;
    padding: 8px 0;
}


.blog-details-sec .item-left .text-details ol { margin:0; padding:0; }

.blog-details-sec .item-left .text-details ol li {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #616976;
    font-weight: 400;
    margin: 0;
    padding: 8px 0;
}

.blog-details-sec .item-left .text-details ol li a {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    margin: 0;
    padding: 8px 0;
}


.blog-details-sec .item-left .text-details img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
    margin: 25px 0px;
}

.blog-details-sec .item-left .text-details .blockquote {
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 33px;
    color: #03163b;
    font-weight: 300;
    border-left: 4px solid #00c0ca;
    margin: 16px 0 16px 0;
    padding: 0 0 0 13px;
    font-style: italic;
}

.blog-details-sec .item-left .left-footer {
    margin: 30px 0 0 0;
    padding:15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
}

.blog-details-sec .item-left .left-footer .right {
    margin: 0;
    padding: 0;
}

.blog-details-sec .item-left .left-footer .right a {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    color: #002c59;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}

.blog-details-sec .item-left .left-footer .right a .svg-inline--fa {
    padding-right: 5px;
}


.blog-details-sec .item-left .left-footer .right a:hover {
    color: #0db1b6;
}

.blog-details-sec .item-left .left-footer .right a .fa {
    font-size: 20px;
    padding: 0 10px 0 0;
}

.blog-details-sec .item-left .left-footer .left {
    margin: 0;
    padding: 0;
}
.blog-details-sec .item-left .left-footer .left a .svg-inline--fa {
    padding-left: 4px;
}

.blog-details-sec .item-left .left-footer .left a {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    color: #002c59;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}
.blog-details-sec .item-left .left-footer .left a:hover {
    color: #0db1b6;
}
.blog-details-sec .item-left .left-footer .left a .fa {
    font-size: 20px;
    padding: 0 0px 0 10px;
}





.author-link_wrapper {
    margin: 0;
    padding: 20px 0 0 0;
}

.author-link_wrapper ul {margin:0; padding:0; }
.author-link_wrapper ul li {margin:0; padding:0; }
.author-link_wrapper ul li a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.author-link_wrapper ul li a b {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    color: #0485ff;
}


.blog-details-sec .item-left .author-wrap {
    margin: 6px 0 0 0;
    padding: 20px 15px;
    background: #01788b;
    border-radius: 10px;
}


.blog-details-sec .item-left .author-wrap h3 {
    color: #fff;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 41px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0 0 16px 0;
    display: block;
}


.blog-details-sec .item-left .author-wrap .item_bd {
    margin: 0;
    padding: 0;
    display: flex;
}

.blog-details-sec .item-left .author-wrap .item_bd .author-img {
    margin: 0;
    padding: 0;
    width: 150px;
    height: 150px;
    display: inline-block;
    background: #000;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #036272;
    box-shadow: 0 0px 11px 1px rgb(0 0 0 / 31%);
}

.blog-details-sec .item-left .author-wrap .item_bd .author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-details-sec .item-left .author-wrap .item_bd .text-bd {
    margin: 0;
    padding: 0 0 0 15px;
    width: calc(100% - 170px);
}

.blog-details-sec .item-left .author-wrap .item_bd .text-bd h4 {
    margin: 0;
    padding: 0 0 3px 0;
    font-size: 24px;
    color: #ececec;
    line-height: 30px;
    font-weight: 600;
}

.blog-details-sec .item-left .author-wrap .item_bd .text-bd .short_text {
    margin: 0;
    padding: 8px  0;
    font-size: 18px;
    line-height: 24px;
    color: #17cfd3;
    display: block;
}

.blog-details-sec .item-left .author-wrap .item_bd .text-bd p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #fcfcfc;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
}







.blog-details-sec .item-right {
    margin: 0;
    padding: 9px;
    height: 100%;
    background: #fbfbfb;
    box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    overflow: hidden;
}

.blog-details-sec .item-right .related-post {
    margin: 0;
    padding: 0;
    background: #fff;
}

.blog-details-sec .item-right .related-post .item-row {
    margin: 0;
    padding: 0 0 30px 0;
}

.blog-details-sec .item-right .related-post .item-row h5 {
    margin: 0;
    padding: 10px 10px;
    background: #026d83;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
}

.blog-details-sec .item-right .related-post .item-row .item {
    margin: 0;
    padding: 0;
    position: relative;
}

.blog-details-sec .item-right .related-post .item-row .item a {
    margin: 0;
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ccccccad;
    transition: all 0.3s;
    position: relative;
    z-index: 10;
}

.blog-details-sec .item-right .related-post .item-row .item:after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.6s;
}

.blog-details-sec .item-right .related-post .item-row .item:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #01869521;
    z-index: 1;
    transition: all 0.6s;
}

.blog-details-sec .item-right .related-post .item-row .item .lt-ico {
    margin: 0;
    padding: 0;
    width: 90px;
    height: 86px;
}
.blog-details-sec .item-right .related-post .item-row .item .lt-ico img {
    object-fit: cover;
    width: 100%;
}

.blog-details-sec .item-right .related-post .item-row .item .rt-text {
    margin: 0;
    padding: 0 0 0 10px;
    width: 72%;
}
.blog-details-sec .item-right .related-post .item-row .item .rt-text p {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #03163b;
    font-weight: 600;
}
.blog-details-sec .item-right .related-post .item-row .item .rt-text span.date {
    margin: 0;
    padding: 4px 0 0 0;
    font-size: 15px;
    color: #00b5bc;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
    display: block;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist {
    margin: 0;
    padding: 0;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist ul {
    margin: 0;
    padding: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist ul li {
    margin: 0;
    padding: 0 16px 0 0;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist ul li a {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 31px;
    color: #595959;
    font-weight: 400;
    font-style: italic;
    position: relative;
    transition: all 0.3s;
    text-transform: capitalize;
    border-bottom: 1px solid transparent;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist ul li a:hover {
    color: #1a8d91;
    border-bottom: 1px solid #1a8d91;
    transition: all 0.3s;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist ul li a:after {
    content: "/";
    position: absolute;
    right: -11px;
}

.blog-details-sec .item-right .related-post .item-row .item-taglist ul li:last-child a:after {
    display: none;
}


/*blog-details-sec*/

/*-- proceed_book-formbd --*/

.proceed_booking-formbd {margin: 0;padding: 0;background: #fff;border-radius: 10px;overflow: hidden;border: 0;box-shadow: 0 0 8px -3px rgba(0,0,0, 0.5);}

.proceed_booking-formbd .top {margin: 0px;padding: 9px 0px;display: flex;align-items: center;background: #008388;}

.proceed_booking-formbd .top .fa {padding-left: 10px;font-size: 18px;color: #fff;}
.proceed_booking-formbd .top .svg-inline--fa.fa-user {padding-left: 10px;font-size: 18px;color: #fff;}

.proceed_booking-formbd .top p {margin: 0;padding: 0 0 0 10px;font-size: 18px;font-family: "Outfit", sans-serif;color: #fff;FONT-WEIGHT: 500;}

.proceed_booking-formbd .form-bd {margin: 0;padding: 20px;}

.proceed_booking-formbd .form-bd {
    margin: 0;
    padding: 020px;
}

.proceed_booking-formbd .form-bd .item { margin: 0;padding: 10px 5px;display: block;}

.proceed_booking-formbd .form-bd .item .nice-select { display:none !important; }


.proceed_booking-formbd .form-bd .item label {margin: 0;padding: 0;display: block;font-size: 16px;line-height: 24px;color: #000;font-family: "Outfit", sans-serif;font-weight: 600;}

.proceed_booking-formbd .form-bd .item input[type="text"] {margin: 0;padding: 6px 0;width: 100%;border: 0;border-bottom: 1px solid #929292;font-size: 16px;color: #000;font-family: "Outfit", sans-serif;line-height: 24px;}

.proceed_booking-formbd .form-bd .item input[type="email"] {margin: 0;padding: 6px 0;width: 100%;border: 0;border-bottom: 1px solid #929292;font-size: 16px;color: #000;font-family: "Outfit", sans-serif;line-height: 24px;}

.proceed_booking-formbd .form-bd .item input[type="date"] {margin: 0;padding: 6px 0;width: 100%;border: 0;border-bottom: 1px solid #929292;font-size: 16px;color: #000;font-family: "Outfit", sans-serif;line-height: 24px;}

.proceed_booking-formbd .form-bd .item .radio-btn {margin: 0;padding: 5px 0 0 0;display: flex;align-items: center;flex-wrap: wrap;/* flex-direction: row; */}

.proceed_booking-formbd .form-bd .item .radio-btn .col {margin: 0;padding: 11px 20px 0 0;display: flex;align-items: center;flex-wrap: nowrap;/* width: 50%; */flex: none;}

.proceed_booking-formbd .form-bd .item .radio-btn .col input[type="radio"] {
    margin: 0 6px 0 0;
    padding: 0;
    width: 18px;
    background: #000;
    height: 18px;
}
.proceed_booking-formbd .form-bd .item .radio-btn .col label {margin: 0;padding: 0 0 0 5px;width: 100%;border: 0;font-size: 16px;color: #454545;font-family: "Outfit", sans-serif;line-height: 24px;font-weight: 500;display: block;}

.proceed_booking-formbd .form-bd .item textarea {margin: 0;padding: 6px 0;width: 100%;border: 0;border-bottom: 1px solid #929292;font-size: 16px;color: #000;font-family: "Outfit", sans-serif;line-height: 24px;height: 76px;}


.proceed_booking-formbd .form-bd .item select {margin: 0;padding: 6px 0; 
    width: 100%;border: 0;border-bottom: 1px solid #929292; 
    font-size: 16px;color: #000; 
    font-family: "Outfit", sans-serif; line-height: 24px; display: block !important; }

.proceed_booking-formbd .form-bd .item select:focus-visible { border:0; outline:0;
 border-bottom: 1px solid #929292; }

.proceed_booking-formbd .form-bd .item-submit {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: end;
}

.proceed_booking-formbd .form-bd .item-submit input[type="submit"] {  cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    border-radius: 35px;
    background: #03a3aa;
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
    padding: 12px 41px;
    transition: all.4s;
    border: none;
    display: inline-block;
    text-transform: uppercase;
}

.proceed_booking-formbd .form-bd .item-submit input[type="submit"]:hover { background:#03163b; } 

/*-- proceed_book-formbd --*/

/*-- leave-popup-proceed --*/
.leave-popup-proceed {

    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #00000040;
    width: 100%;
    height: 100%;
    z-index: 9999991;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leave-popup-proceed .popup-bd {margin: 0;padding: 40px 20px; 
    background: #fff;width:380px;
    border-radius: 10px; 
    box-shadow: 0 0 22px -11px rgba(0,0,0, 0.5); text-align: center;}

.leave-popup-proceed .popup-bd h4 {color: #02102c;font-size: 20px;font-style: normal;font-weight: 700;line-height: 24px;text-transform: capitalize;font-family: "Outfit", sans-serif;margin: 0;padding: 0;}

.leave-popup-proceed .popup-bd h5 {margin: 0;padding: 10px 0;color: #595959;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;text-transform: capitalize;font-family: "Outfit", sans-serif;}

.leave-popup-proceed .popup-bd .item-btn-row {
    margin: 0;
    padding: 14px 0 0 0;
}

.leave-popup-proceed .popup-bd .item-btn-row .tracking-wide {margin: 0 3px; 
    cursor:pointer;color: #fff;font-size: 15px;font-style: normal; 
    font-weight: 700;line-height: 24px;position: relative; 
    text-transform: capitalize;text-align: center; 
    border-radius: 6px;background: #000d28; 
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13); 
    padding: 6px 15px;transition: all.4s; 
    border: none;display: inline-block;}


.leave-popup-proceed .popup-bd .item-btn-row .tracking-wide:hover { background:#082a71; }

.leave-popup-proceed .popup-bd .item-btn-row .btn-txt-visible {
    margin: 0 3px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    background: #bf0041;
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
    padding: 6px 15px;
    transition: all.4s;
    border: none;
    display: inline-block;
}

.leave-popup-proceed .popup-bd .item-btn-row .btn-txt-visible:hover { background:#910132; }


/*-- leave-popup-proceed --*/

/*-- evact_ticket-block --*/


.evact_ticket-block {margin: 10px 0;padding: 0;}

.evact_ticket-block h4 {
    margin: 10px 0 0 0;
    padding: 0;
    color: #03163b;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
}
.evact_ticket-block .col-row {margin: 0;padding: 6px 8px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #b2b2b2;border-radius: 4px;position: relative;}

.evact_ticket-block .col-row span.active {display: block;position: absolute;left: -1px;width: 31px;background: #008388;height: 27px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 13px;border-radius: 4px 20px 20px 4px;}

.evact_ticket-block .col-row .sec-lt {margin: 0;padding: 0 0 0 27px;}

.evact_ticket-block .col-row .sec-lt h5 {margin: 0;padding: 0;color: #03163b;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;font-family: "Outfit", sans-serif;}

.evact_ticket-block .col-row .sec-lt p {margin: 0;padding: 0;color: #03163b;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;font-family: "Outfit", sans-serif;}

.evact_ticket-block .col-row .sec-rt { margin: 0; padding: 0; }

.evact_ticket-block .col-row .sec-rt .edit {margin: 0;padding: 0;cursor: pointer;}

.evact_ticket-block .col-row .sec-rt .edit .fa {font-size: 22px;color: #006b6f;}


/*-- evact_ticket-block --*/

/*payment_process*/

.payment_process { margin: 0; padding:60px 0; background:#f2f2f2; }

.payment_process .payment-bd {margin: 0;padding: 10px;background: #fff;border: 1px solid #a6a3a3;border-radius: 6px;}

.payment_process .payment-bd img { width:100%; }

.payment_process .bill-details-box { margin: 0; padding: 0; }

.payment_process .bill-details-box .summary-box {
    margin: 0;
    padding: 0;
    background: #00b5bc;
    border-radius: 4px;
    overflow: hidden;
}

.payment_process .bill-details-box .summary-box h4 {
    margin: 0;
    padding: 6px 14px;
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    font-family: "Outfit", sans-serif;
    background: #008388;
}

.payment_process .bill-details-box .summary-box .itrm-row {
    margin: 0;
    padding: 12px 14px;
    background: #fff;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col {
    margin: 0;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #a9a9a9;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col:last-child {
    border-bottom: 0;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .lt {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: "Outfit", sans-serif;
    line-height: 22px;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .lt p {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .lt p b {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #00b5bc;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .lt span {
    margin: 0;
    padding: 0;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .rt {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    font-family: sans-serif;
    font-family: "Outfit", sans-serif;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .rt .fa {
    margin: 0;
    padding: 0;
}

.payment_process .bill-details-box .summary-box .itrm-row .item-col .rt span {
    margin: 0;
    padding: 0 0 0 2px;
}

.payment_process .bill-details-box .summary-box .summary-box_footer {
    margin: 0;
    padding: 10px;
    background: #00b3ba;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment_process .bill-details-box .summary-box .summary-box_footer .lt {
    margin: 0;
    padding: 0;
}

.payment_process .bill-details-box .summary-box .summary-box_footer .lt .fa {
    margin: 0;
    padding: 0;
    color: #03163b;
    font-size: 20px;
}

.payment_process .bill-details-box .summary-box .summary-box_footer .lt span.count-no {
    margin: 0;
    padding: 0 0 0 4px;
    font-size: 18px;
    color: #03163b;
    line-height: 24px;
}

.payment_process .bill-details-box .summary-box .summary-box_footer .rt {
    margin: 0;
    padding: 0;
}

.payment_process .bill-details-box .summary-box .summary-box_footer .rt .proceed-button {
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-align: center;
    border-radius: 35px;
    padding: 0px;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
    background: transparent;
    border: 0;
    transition: all 0.3s;
}

.payment_process .bill-details-box .summary-box .summary-box_footer .rt .proceed-button:hover {
    color: #03163b;
}

.payment_process .bill-details-box .payment-icon {
    margin: 0;
    padding: 40px 0 0 0;
}

.payment_process .bill-details-box .payment-icon img { width:100%; object-fit:contain; }

/*payment_process*/

/*innertraning-tab*/

.innertraning-tab { margin: 0; padding: 60px 0; background: #1a1b3a; }

.innertraning-tab .top-nav-block { margin: 0; padding: 0;  }

.innertraning-tab .top-nav-block .nav-tabs {margin: 0;padding: 0;border: 0;display: flex;align-items: center;justify-content: center;}

.innertraning-tab .top-nav-block .nav-tabs button.nav-link {
    margin: 0 3px;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
    background: white;
    transform: skew(-15deg,0deg);
    border-bottom: 3px solid #1a1b3a;
    cursor: pointer;
}

.innertraning-tab .top-nav-block .nav-tabs button.nav-link.active {
    background: #006c6f;
    border-bottom: 3px solid #006c6f;
}

.innertraning-tab .top-nav-block .nav-tabs button.nav-link.active h5 { color:#fff; }

.innertraning-tab .top-nav-block .nav-tabs button.nav-link.active:after { display:none; }

.innertraning-tab .top-nav-block .nav-tabs button.nav-link h5 {
    color: #03163b;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0;
    transform: skew(15deg,0deg);
    cursor: pointer;
}

.innertraning-tab .tab-text-details { margin: 0; padding: 0; 
 }




.innertraning-tab .tab-text-details .text-tab-bd { margin: 0;padding: 20px; 
    display: flex;align-items: center;flex-direction: row-reverse; 
    background: #006c6f;border-radius: 4px;  animation: move-in ease-in-out; 
    animation-fill-mode: forwards;
    animation-duration: 1s; opacity: 0; visibility:hidden; }

@keyframes move-in {  
  from { transform:translate(0,20px); opacity: 0; } 
  to { transform:translate(0,0); opacity: 1; visibility:visible; } 
}

.innertraning-tab .tab-text-details .text-tab-bd .item-lt {margin: 0;padding: 0;width: 35%;}

.innertraning-tab .tab-text-details .text-tab-bd .item-lt .figure{margin: 0;padding: 0;width: 100%;}

.innertraning-tab .tab-text-details .text-tab-bd .item-lt .figure img {width: 100%;height: 100%;}


.innertraning-tab .tab-text-details .text-tab-bd .item-rt {    margin: 0;    padding: 0 40px 0 0;
 width: 75%; }

.innertraning-tab .tab-text-details .text-tab-bd .item-rt h4 {margin: 0;padding: 0 0 16px 0;color: #ffffff;font-size: 40px;font-style: normal;font-weight: 700;line-height: 52px;text-transform: capitalize;font-family: "Outfit", sans-serif;}

.innertraning-tab .tab-text-details .text-tab-bd .item-rt p {
    margin: 0;
    padding: 0 0 8px 0;
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #e2e2e2;
    font-weight: 400;
}

.innertraning-tab .tab-text-details .text-tab-bd .item-rt p strong {
    margin: 0;
    padding: 0;
    font-size: 18px;
    padding-right: 5px;
    color: #fff;
    font-weight: 600;
}


.innertraning-tab .tab-text-details .text-tab-bd .item-rt ul {margin: 0 0 0 20px;padding: 12px 0 0 0;}
.innertraning-tab .tab-text-details .text-tab-bd .item-rt ul li {
    margin: 0;
    padding: 6px 0;
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    list-style: disc;
    }

/*innertraning-tab*/

/*corporate-familyexp-block*/

.supervisory-skills-development {
    margin: 0;
    padding: 60px 0 10px 0;
    background: #fff;
}

.supervisory-skills-development .title {
    margin: 0;
    padding: 0 0 98px 0;
}

.supervisory-skills-development .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.supervisory-skills-development .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    text-align: center;
    width: 68%;
}

.supervisory-skills-development .bd {
    margin: 0;
    padding: 0;
}
.supervisory-skills-development .bd .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
}

.supervisory-skills-development .bd .col-item:hover {
    transform: scale(1.05) !important;
    transition: all 0.6s;
}

.supervisory-skills-development .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}

.supervisory-skills-development .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}

.supervisory-skills-development .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.supervisory-skills-development .bd .col-item:hover .left-icon img {
    display: none;
    transition: all 0.3s;
}

.supervisory-skills-development .bd .col-item:hover .left-icon {
    background-color: #16cfd3;
}

.supervisory-skills-development .bd .col-item .left-icon .white-img img {
    display: none;
    width: 0;
}
.supervisory-skills-development .bd .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.supervisory-skills-development .bd .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 85%;
}
.supervisory-skills-development .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}
.supervisory-skills-development .bd .col-item .item-text h5 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
}

.supervisory-skills-development .bd .col-item .item-text ul {margin: 0;padding: 6px 0 6px 20px;}

.supervisory-skills-development .bd .col-item .item-text ul li {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    list-style: disc;
    }

.supervisory-skills-development .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
}

/*corporate-familyexp-block*/

/*-- training-options-sec --*/

.training-options-sec { background:#ebebeb;}

.training-options-sec .services-bd {  margin: 0;  padding: 60px 0; }

.training-options-sec .services-bd h3 {
    margin: 0;
    padding: 0 0 50px 0;
    color: #03163b;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.training-options-sec .services-bd p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 68%;
}

.training-options-sec .services-bd .row {
    padding-top: 30px;
}

.training-options-sec .services-bd .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.training-options-sec .services-bd .row { padding-bottom:20px; padding-top:20px; }

.training-options-sec .services-bd .service-details-icon-box.section {
    margin: 0;
    padding: 0 !important;
}

.training-options-sec .services-bd .page-hadding {
    margin: 0;
    padding: 0;
}

.training-options-sec .services-bd .page-hadding h4 {
    margin: 0;
    padding: 0 0 20px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #028a91;
    font-weight: 600;
}

.training-options-sec .services-bd .page-hadding .text {
    margin: 0;
    padding: 0 0 0 33px;
    position: relative;
}

.training-options-sec .services-bd .page-hadding .text:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    height: 20px;
    width: 8px;
    background: #01afb8;
    transform: translateY(-50%);
    -webkit-animation: movers 7s infinite alternate;
    animation: movers 7s infinite alternate;
}


@-webkit-keyframes movers {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-80px);
    }
}
@keyframes movers {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-80px);
    }
}

.training-options-sec .services-bd .page-hadding .text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #01afb8;
}

.training-options-sec .services-bd .page-hadding .text p {
    margin: 0;
    padding: 0 0 10px 0;
    color: #555555;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-family: "Outfit", sans-serif;
    list-style: none;
    text-align: left;
    width: 100%;
}

.training-options-sec .services-bd .page-hadding .text p strong {color: #2b2b2b;}


.training-options-sec .services-bd .itm-img img {
    width: 100%;
    max-height: 290px;
    object-fit: contain;
    border-radius: 10px;
}


.training-options-sec .service-details-icon-box .list { margin: 0; padding: 0; }

.training-options-sec .service-details-icon-box .list h5 {
    margin: 0;    padding: 4px 0 5px 0;    font-family: "Outfit", sans-serif;
    font-size: 20px;    line-height: 28px; color: #03163b; font-weight: 600; }

.training-options-sec .service-details-icon-box .list ul { margin: 0; padding: 0; }
.training-options-sec .service-details-icon-box .list ul li { 
    margin: 0;  padding: 0 0 10px 0;    color: #555555;    font-size: 16px;
    font-style: normal; font-weight: 400; line-height: 26px;  font-family: "Outfit", sans-serif;
    list-style: none; text-align: left; width: 100%; }

.training-options-sec .service-details-icon-box .list ul li b {color: #6b6b6b;}

.training-options-sec.white_bg { background:#fff !important; }

.training-options-sec.white_bg .services-bd .itm-img img {
    max-height: none;
}

/*-- training-options-sec --*/

/*training-specialization*/

.training-specialization.white_bg { background:#fff !important; position:relative; }

.training-specialization.white_bg:after {
 content:"";
 width: 32%;
 height: 32%;
 background:#ebebeb;
 position:absolute;
 left:0;
 top: -1px;
 clip-path: polygon(0 0, 0% 100%, 100% 0);
 }


.training-specialization { margin: 0; padding:60px 0; background:#ebebeb; position:relative;  }
.training-specialization:after {
    content: "";
    width: 55%;
    height: 67%;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: -1px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.training-specialization .container { position:relative; z-index:10; }


.training-specialization h3 {
    margin: 0;
    padding: 0 0 50px 0;
    color: #03163b;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.training-specialization .item h4 { margin: 0;
    padding: 0 0 20px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #028a91;
    font-weight: 600;
}

.training-specialization .item p { margin: 0;
    padding: 0 0 10px 0; color: #555555;
    font-size: 18px;  font-style: normal;
    font-weight: 400; line-height: 26px; font-family: "Outfit", sans-serif;
    list-style: none; text-align: left; width: 100%; }

.training-specialization .item p strong { color:#2b2b2b; }

.training-specialization .item .list {margin:10px 0; }

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

.training-specialization .item .list h5 { margin: 0;
    padding: 0 0 10px 0;
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: bold; }

.training-specialization .item .list ul li {margin: 0; 
    padding: 0; display: flex; align-items:center;    
    color: #003d88;  transition: all 0.3s; }

.training-specialization .item .list ul li a {
    margin: 0;
    padding: 0 0 0 4px;
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #003d88;
    line-height: 35px;
    font-weight: 500;
    transition: all 0.3s;
    }
.training-specialization .item .list ul li:hover a {
    color:#00a4ad;
    }

.training-specialization .item .list ul li:hover {
    color:#00a4ad;
    }

/*training-specialization*/

/*innertraning-tab*/

.training-top-block { margin: 0; padding: 60px 0; background: #1a1b3a; }

.training-top-block h3 { 
    margin: 0;
    padding: 0 0 50px 0;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.training-top-block .top-nav-block { margin: 0; padding: 0;  }

.training-top-block .top-nav-block .nav-tabs {margin: 0;padding: 0;border: 0;display: flex;align-items: center;justify-content: center;}

.training-top-block .top-nav-block .nav-tabs button.nav-link {
    margin: 0 3px;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
    background: white;
    transform: skew(-15deg,0deg);
    border-bottom: 3px solid #1a1b3a;
    cursor: pointer;
}

.training-top-block .top-nav-block .nav-tabs button.nav-link.active {
    background: #006c6f;
    border-bottom: 3px solid #006c6f;
}

.training-top-block .top-nav-block .nav-tabs button.nav-link.active h5 { color:#fff; }

.training-top-block .top-nav-block .nav-tabs button.nav-link.active:after { display:none; }

.training-top-block .top-nav-block .nav-tabs button.nav-link h5 {
    color: #03163b;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0;
    transform: skew(15deg,0deg);
    cursor: pointer;
}

.training-top-block .tab-text-details { margin: 0; padding: 0; 
 }




.training-top-block .tab-text-details .text-tab-bd { margin: 0;padding: 20px; 
    display: flex;align-items: center;flex-direction: row-reverse; 
    background: #006c6f;border-radius: 4px;  animation: move-in ease-in-out; 
    animation-fill-mode: forwards;
    animation-duration: 1s; opacity: 0; visibility:hidden; }

@keyframes move-in {  
  from { transform:translate(0,20px); opacity: 0; } 
  to { transform:translate(0,0); opacity: 1; visibility:visible; } 
}

.training-top-block .tab-text-details .text-tab-bd .item-lt {margin: 0;padding: 0;width: 35%;}

.training-top-block .tab-text-details .text-tab-bd .item-lt .figure{margin: 0;padding: 0;width: 100%;}

.training-top-block .tab-text-details .text-tab-bd .item-lt .figure img {width: 100%;height: 100%;}


.training-top-block .tab-text-details .text-tab-bd .item-rt {    margin: 0;    padding: 0 40px 0 0;
 width: 75%; }

.training-top-block .tab-text-details .text-tab-bd .item-rt h4 {margin: 0;padding: 0 0 16px 0;color: #ffffff;font-size: 40px;font-style: normal;font-weight: 700;line-height: 52px;text-transform: capitalize;font-family: "Outfit", sans-serif;}

.training-top-block .tab-text-details .text-tab-bd .item-rt p {
    margin: 0;
    padding: 0 0 8px 0;
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #e2e2e2;
    font-weight: 400;
}

.training-top-block .tab-text-details .text-tab-bd .item-rt p strong {
    margin: 0;
    padding: 0;
    font-size: 18px;
    padding-right: 5px;
    color: #fff;
    font-weight: 600;
}


.training-top-block .tab-text-details .text-tab-bd .item-rt ul {margin: 0 0 0 20px;padding: 12px 0 0 0;}
.training-top-block .tab-text-details .text-tab-bd .item-rt ul li {
    margin: 0;
    padding: 6px 0;
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    list-style: disc;
    }

/*innertraning-tab*/


/*benefits_outsourcing*/

.our_training_approach-block {
    margin: 60px 0 0 0;
    padding: 60px 0 0 0;
    background: #f1f1f1;
}

.our_training_approach-block .title {
    margin: 0;
    padding: 0 0 90px 0;
}

.our_training_approach-block .title h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: var(--font-color, #03163b);
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}
.our_training_approach-block .title p {
    margin: 0 auto;
    padding: 0 0 40px 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #616976;
    text-align: center;
    width: 68%;
}

.our_training_approach-block .bd {
    margin: 0;
    padding: 0;
}
.our_training_approach-block .bd .col-item {
    margin: 0;
    padding: 32px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    height: 100%;
    background: #021334;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
}

.our_training_approach-block .bd .col-item:hover {
    transform: scale(1.05) !important;
    transition: all 0.6s;
}

.our_training_approach-block .bd .col-sec {
    margin-top: 0;
    margin-bottom: 64px;
}
.our_training_approach-block .bd .col-item .left-icon {
    margin: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: -47px;
}
.our_training_approach-block .bd .col-item .left-icon img {
    max-width: 100%;
    width: 50px;
    transition: all 0.3s;
}

.our_training_approach-block .bd .col-item:hover .left-icon img {
    display: none;
    transition: all 0.3s;
}

.our_training_approach-block .bd .col-item:hover .left-icon {
    background-color: #16cfd3;
}

.our_training_approach-block .bd .col-item .left-icon .white-img img {
    display: none;
    width: 0;
}
.our_training_approach-block .bd .col-item:hover .left-icon .white-img img {
    display: block;
    transition: all 0.3s;
    width: 50px;
}

.our_training_approach-block .bd .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 85%;
}
.our_training_approach-block .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.our_training_approach-block .bd .col-item .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
}

/*benefits_outsourcing*/

/*training-methology_sec*/

.training-methology_sec {
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.training-methology_sec .title {
    margin: 0;
    padding: 0 0 35px 0;
}

.training-methology_sec .title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.training-methology_sec .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}
.training-methology_sec .bd {
    margin: 0;
    padding: 0;
}

.training-methology_sec .bd .col-sec {
    padding-top: 104px;
}

.training-methology_sec .bd .col-item {
    margin: 0 auto;
    padding: 66px 15px 24px 15px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.training-methology_sec .bd .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0);
    border-radius: 100px 100px 10px 100px;
    width: 120px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -67px;
    transform: translate(-50%, 0);
    overflow: hidden;
    transition: all 0.3s;
}

.training-methology_sec .bd .col-item:hover .figure {
    border-radius: 10px 100px 100px 100px;
}

.training-methology_sec .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.training-methology_sec .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}
.training-methology_sec .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 26px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.training-methology_sec .bd .col-item .item-text p {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 15px;
    color: #656565;
    line-height: 22px;
    font-family: "Outfit", sans-serif;
}

.training-methology_sec .second-item .col-sec {
    width: 100%;
}

.training-methology_sec .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}

.training-methology_sec .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

.training-methology_sec .second-item .col-sec .col-item .item-text {
}

.training-methology_sec .second-item .col-sec .col-item .item-text h4 {
    color: #fff;
    text-align: left;
}

.training-methology_sec .second-item .col-sec .col-item .item-text p {
    text-align: left;
    color: #f2f2f2;
}

/*importance-human-resource benefit-scoaching*/

/*h-contact-block*/

/*signup-section*/

.signup-section {
 margin: 0;
 padding: 0;
 position:fixed;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background:#000;
 width:100%;
 height:100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 }

.signup-section .bd {margin: 0;padding: 0;position: relative; width:100%;height:100%;background:#000;display: flex;}


.signup-section .item {margin: 0;padding: 0;/* position: fixed; left: 0;top: 0;*/position: relative;/* left: 0; *//* top: 0; */background: #000;width: 100%;height: 100%;}

.signup-section .item .figure {margin: 0;padding: 0;width: 100%;height: 100%;}

.signup-section .item .figure img {/* display: none; */width: 100%;height: 100%;object-fit: cover;}

.signup-section .item .text-bd {margin: 0;padding: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #000000b0;}

.signup-section .item .text-bd h3 {margin: 0;padding: 0 0 30px 0;color: #ffffff;font-family: "Outfit", sans-serif;font-size: 32px;font-style: normal;font-weight: 700;line-height: 46px;text-align: center;}

.signup-section .item .text-bd a {
    cursor: pointer;
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    border-radius: 35px;
    background: #ffffff;
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
    padding: 14px 46px;
    transition: all.4s;
    border: none;
    font-family: "Outfit", sans-serif;
    }

.signup-section .item .text-bd a:hover {
    color:#fff;
    background: #055167;
    transition: all.4s; }

.signup-section .item.right-block .text-bd {
    background: #032641a1;
}


.signup-section .bd .item-or {
 margin: 0;
 padding: 0;
 position:absolute;
 left: 50%;
 top: 50%;
 z-index: 10;
 width: 90px;
 height: 90px;
 background: #ffffffc2;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50px;
 transform: translate(-50%,-50%);
 box-shadow: 0 0 11px 2px rgb(5 5 5 / 33%);
 }

.signup-section .bd .item-or p {
 margin: 0;
 padding: 0;
 font-family: "Outfit", sans-serif;
 font-size: 30px;
 line-height: 36px;
 color: #383838;
 font-weight: 600;
 opacity: 1;
 }

.signup-section .bd .backto-home { margin: 0; padding: 0; position:absolute; left:0; top:0; z-index:11; }

.signup-section .bd .backto-home a {margin: 0;padding: 15px 0 0 15px; 
    display: inline-block;font-size: 30px;color: #fff; transition: all 0.3s; }

.signup-section .bd .backto-home a:hover { color: #ccc; }

/*signup-section*/

/*areyou-company*/

.areyou-company { margin: 0; padding: 0;  }

.areyou-company .item-row.figure {margin: 0;padding: 0;background: #036a6b;height: 100%;display: flex;align-items: start;justify-content: center;}

.areyou-company .item-row.figure img {width: 500px;position: fixed;height: 100%;object-fit: contain;}

.areyou-company .item-row {margin: 0;padding: 30px 30px;}

.areyou-company .item-row h3 {margin: 0;padding: 0 0 34px 0;color: #000;font-size: 30px;font-style: normal;font-weight: 600;line-height: 52px;text-transform: capitalize;font-family: "Outfit", sans-serif;text-align: center;text-transform: uppercase;}

.areyou-company .item-row form { margin: 0; padding: 0;  }

.areyou-company .item-row form .item {margin: 0;padding: 10px 0;display: block;}

.areyou-company .item-row form .item label {margin: 0;padding: 0;display: block;font-size: 18px;line-height: 24px;color: #313131;font-family: "Outfit", sans-serif;font-weight: 600;}

.areyou-company .item-row form .item input[type="text"] { margin: 0; padding: 10px 0; 
    width: 100%;font-family: "Outfit", sans-serif; 
    border: 0;border-bottom: 1px solid #787878; 
    font-size: 15px;font-weight: 500;color: #000; }

.areyou-company .item-row form .item input[type="email"] { margin: 0; padding: 10px 0; 
    width: 100%;font-family: "Outfit", sans-serif; 
    border: 0;border-bottom: 1px solid #787878; 
    font-size: 15px;font-weight: 500;color: #000;  }

.areyou-company .item-row form .item textarea {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    font-family: "Outfit", sans-serif;
    border: 0;
    border-bottom: 1px solid #787878;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    height:60px;
    resize: none;
    }
.areyou-company .item-row form .item select { display:block !important;  margin: 0; padding: 10px 0; 
    width: 100%;font-family: "Outfit", sans-serif; 
    border: 0;border-bottom: 1px solid #787878; 
    font-size: 15px;font-weight: 500;color: #000;  }

.areyou-company .item-row form .item .nice-select { display:none; }

.areyou-company .item-row form .item select::focus {
    outline: 0px !important;
    outline-offset: 0px;
    border: 0;
    box-shadow: none;
}

.areyou-company .item-row form .item select:focus-visible {
    outline: 0px !important;
    outline-offset: 0px;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #787878; 

}

.areyou-company .item-row form .item input[type="submit"] {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    border-radius: 35px;
    background: #064f70;
    box-shadow: 0px 4px 12px 0px rgba(241, 63, 63, 0.13);
    padding: 14px 46px;
    transition: all.4s;
    border: none;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    transition:all 0.3;
}

.areyou-company .item-row form .item input[type="submit"]{ background:#033a52; }

.areyou-company .backto-home {
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
} 


.areyou-company .backto-home a {
    margin: 0;
    padding: 15px 0 0 15px;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    transition: all 0.3s;
}

.areyou-company .backto-home a:hover { opacity:0.5; }

/*areyou-company*/

/*-- training-dtlblock --*/

.training-dtlblock { margin:0; padding:60px 0; }

.training-dtlblock .left-block {  margin: 0;
    padding: 23px 23px;
    margin-bottom: 0;
    background: #f0f2f7;
    height: 100%;
}


.training-dtlblock .left-block h3 { color: var(--font-color, #03163b);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    background-color: transparent;
    padding: 0 0 30px 0;
    position: relative;
    font-family: "Outfit", sans-serif;
}

.training-dtlblock .left-block ul { margin:0;padding: 0; }

.training-dtlblock .left-block ul li {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    width: 100%;
}

.training-dtlblock .left-block ul li a { 
    background: #0e16811f;    color: #14213d;    margin: 5px 0;    font-size: 16px;
    font-style: normal;    font-weight: 700;    line-height: 20px;
    letter-spacing: -0.16px;    display: inline-block;    padding: 20px;
    width: 100%;    text-align: start;    margin-top: 5px;
    transition: all.4s;    border: 0;    border-radius: 0; }

.training-dtlblock .left-block ul li a:hover { background:#00ced1; color:#fff; }

.training-dtlblock .right_block .small-banner {margin: 0 0 10px 0;padding: 0;width: 100%;height: 166px;border-radius: 6px;overflow: hidden;}

.training-dtlblock .right_block .small-banner img {width: 100%;height: 100%;object-fit: cover;}

.training-dtlblock .right_block .text { margin: 0; padding: 0; }

.training-dtlblock .right_block .text h4 {
    margin: 0;
    padding: 0 0 14px 0;
    color: var(--font-color, #03163b);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    font-family: "Outfit", sans-serif;
}

.training-dtlblock .right_block .text p { margin: 0;
    padding: 3px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-family: "Outfit", sans-serif;
}

/*-- training-dtlblock --*/

/*target-group-block*/

.target-group-block { margin:0; padding:60px 0; background:#f0f2f7; }

.target-group-block .title-top {margin: 0;padding: 0 0 70px 0;}

.target-group-block .title-top h3 {     margin: 0;
    padding: 0 0 10px 0;
    color:#03163b;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.target-group-block .title-top p { margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
     color:#03163b;
    line-height: 25px;
    text-align: center;
} 

.target-group-block .bd { margin: 0; padding: 0; }

.target-group-block .bd .row { margin-bottom:30px; }

.target-group-block .bd .item-number {margin: 0;padding: 0;clip-path: 
    polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 16% 50%, 0% 0%);
    background:#ccc;min-height: 97px;display: flex;
    align-items: center;justify-content: center;
    background: linear-gradient(90deg, rgb(1 35 80) 0%, rgb(0 206 209) 100%);}

.target-group-block .bd .item-number span {
    display: inline-block;
    text-align: center;
    font-size: 53px;
    color: #fff;
    line-height: 56px;
    font-family: "Outfit", sans-serif;
    font-weight: bold;
    text-shadow: 5px 3px 7px rgba(0,0,0, 0.5);
}

.target-group-block .bd .item-text {margin: 0;padding: 0 0 0 10px;}
.target-group-block .bd .item-text h4 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 30px;
    line-height: 35px;
    color: #03163b;
    font-weight: 600;
}

.target-group-block .bd .item-text p {
	margin: 0;
	padding: 8px 0 0 0;
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	text-align: left;
}

/*new-add*/

.target-group-block .bd .top-nav-block .nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.target-group-block .bd .top-nav-block .nav-tabs button.nav-link {
    margin: 0 3px;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
    background: #9fbcbd;
    transform: skew(-15deg, 0deg);
    border-bottom: 3px solid #eff1f6;
    cursor: pointer;
}

.target-group-block .bd .top-nav-block .nav-tabs button.nav-link.active {
    background: #006c6f;
    border-bottom: 3px solid #006c6f;
}

.target-group-block .bd .top-nav-block .nav-tabs button.nav-link.active h5 {
    color: #fff;
}

.target-group-block .bd .top-nav-block .nav-tabs button.nav-link.active:after {
    display: none;
}

.target-group-block .bd .top-nav-block .nav-tabs button.nav-link h5 {
    color: #03163b;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0;
    transform: skew(15deg, 0deg);
    cursor: pointer;
}

.target-group-block .bd .tab-text-details {
    margin: 0;
    padding: 0;
    background: #006c6f;
}

.target-group-block .bd .tab-text-details .button_block {
    margin: 0;
    padding: 0 0 33px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.target-group-block .bd .tab-text-details .button_block a {
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    background-color: #00575d;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    margin: 12px;
    box-shadow: 0 0 17px -6px rgb(255 255 255 / 50%);
    transition: all 0.3s;
}

.target-group-block .bd .tab-text-details .button_block a:hover { background:#00373b; }



.target-group-block .bd .tab-text-details .text-tab-bd {
    margin: 0;
    padding: 40px 20px 0 20px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    background: #006c6f;
    border-radius: 4px;
    animation: move-in ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    opacity: 0;
    visibility: hidden;
}

@keyframes move-in {
    from {
        transform: translate(0, 20px);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
    }
}

.target-group-block .bd .tab-text-details .text-tab-bd .item-rt {
    margin: 0;
    padding: 0 40px 0 0;
    width: 100%;
}

.target-group-block .bd .tab-text-details .text-tab-bd .item-rt p strong {
    margin: 0;
    padding: 0;
    font-size: 18px;
    padding-right: 5px;
    color: #fff;
    font-weight: 600;
}

/*target-group-block*/


/*training-objectives-button*/

.training-objectives-button h4 {
    margin: 0;
    padding: 0 0 16px 0;
    color: #ffffff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.training-objectives-button .col-sec {
    padding-bottom: 15px;
    padding-top: 15px;
}

.training-objectives-button .col-item {
    margin: 0;
    padding: 32px;
    display: block;

    border-radius: 20px;
    height: 100%;
    background: #0167696b;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
    box-shadow: 0px 0px 0px 2px rgba(70 133 135);
}

.training-objectives-button .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 100%;
}

.training-objectives-button .col-item .item-text h5 {
    margin: 0;
    padding: 7px 18px 7px 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px !important;
    line-height: 26px !important;
    color: #fff;
    font-weight: 600;
    display: inline-block;
}
.training-objectives-button .col-item .item-text ul {
    margin: 0;
    padding: 6px 0 6px 20px;
}

.training-objectives-button .col-item .item-text ul li {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    list-style: disc;
}

/*training-objectives-button*/

/*trdetails-module*/

.trdetails-module {
    margin: 0;
    padding: 60px 0;
    background: #f2f2f2;
}

.trdetails-module .title {
    margin: 0;
    padding:0;
}

.trdetails-module .title h2 {
    color: #03163b;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.trdetails-module .title p {
    margin: 0 auto;
    padding: 10px 0 40px 0;
    color: #616976;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 80%;
    font-family: "Outfit", sans-serif;
}
.trdetails-module .bd {
    margin: 0;
    padding: 0;
}

.trdetails-module .bd .col-sec {
    padding-top: 49px;
}

.trdetails-module .bd .col-item {
    margin: 0 auto;
    padding: 39px 15px 24px 15px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 10px 0 rgb(198 198 198);
    text-align: center;
    position: relative;
}

.trdetails-module .bd .col-item .text {
    x 100px; */
    
    display: flex;
    position: absolute;
    left: 0;
    top: -12px;
    overflow: hidden;
    transition: all 0.3s;
    display: inline-block;
    background: #03163be8;
    color: #fff;
    padding: 6px 18px;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
    border-radius: 0px 20px 20px 20px;
    box-shadow: 0 0px 10px -5px rgb(0 0 0);
}

.trdetails-module .bd .col-item:hover .text {
    border-radius: 10px 100px 100px 100px;
}

.trdetails-module .bd .col-item .figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trdetails-module .bd .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}


.trdetails-module .bd .col-item .item-text h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    text-align: left;
}

.trdetails-module .bd .col-item .item-text h4 span {display: inline-block;background: #03163bc2;color: #fff;padding: 1px 7px;margin: 0 4px 0 0;border-radius: 3px;font-size: 15px;}

.trdetails-module .bd .col-item .item-text ul {margin: 0;padding: 8px 0 0 19px;}

.trdetails-module .bd .col-item .item-text ul li {
    margin: 0;
    padding: 6px 0;
    font-size: 16px;
    color: #656565;
    line-height: 22px;
    font-family: "Outfit", sans-serif;
    text-align: left;
    list-style: disc;
}

.trdetails-module .second-item .col-sec {
    width: 100%;
}

.trdetails-module .second-item .col-sec .col-item {
    width: 100%;
    background: #021334;
    position: relative;
}

.trdetails-module .bd .second-item .col-item .figure {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 33%);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 26px;
    top: -67px;
    transform: translate(0, 0);
    overflow: hidden;
    border: 2px solid #f1f1f1;
}

/*trdetails-module*/

/*training-objectives-button*/

.training-objectives-button h4 {
    margin: 0;
    padding: 0 0 16px 0;
    color: #ffffff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.training-objectives-button .col-sec {
    padding-bottom: 15px;
    padding-top: 15px;
}

.training-objectives-button .col-item {
    margin: 0;
    padding: 32px;
    display: block;

    border-radius: 20px;
    height: 100%;
    background: #0167696b;
    position: relative;
    transform: scale(1) !important;
    transition: all 0.6s;
    box-shadow: 0px 0px 0px 2px rgba(70 133 135);
}

.training-objectives-button .col-item .item-text {
    margin: 0;
    padding: 9px 0 0 0;
    width: 100%;
}

.training-objectives-button .col-item .item-text h5 {
    margin: 0;
    padding: 7px 18px 7px 0;
    font-family: "Outfit", sans-serif;
    font-size: 22px !important;
    line-height: 26px !important;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    }
    
.training-objectives-button .col-item .item-text ul {
    margin: 0;
    padding: 6px 0 6px 20px;
}

.training-objectives-button .col-item .item-text ul li {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    list-style: disc;
}

/*training-objectives-button*/

/*-- training_midlevelmanagers-button --*/

.training_midlevelmanagers-button {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.training_midlevelmanagers-button .title {
    margin: 0;
    padding: 0 0 41px 0;
}

.training_midlevelmanagers-button .title h4 {
    margin: 0;
    padding: 0 0 16px 0;
    color: #ffffff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    text-align: center !important;
}

.training_midlevelmanagers-button .title p {
	margin: 0;
	padding: 0 0 8px 0;
	transition: all.3s;
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	font-weight: 400;
	text-align: center;
}

.training_midlevelmanagers-button .row {
    margin-bottom: 30px;
}

.training_midlevelmanagers-button .item-number {
    margin: 0;
    padding: 0;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 16% 50%, 0% 0%);
    background: #ccc;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(2 42 43 / 77%) 0%, rgb(212 254 255) 100%);
}

.training_midlevelmanagers-button .item-number span {
    display: inline-block;
    text-align: center;
    font-size: 42px;
    color: #f0fdfd;
    line-height: 56px;
    font-family: "Outfit", sans-serif;
    font-weight: bold;
    text-shadow: 5px 3px 7px rgba(0, 0, 0, 0.5);
}

.training_midlevelmanagers-button .item-text {
    margin: 0;
    padding: 0 0 0 10px;
}
.training_midlevelmanagers-button .item-text h5 {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 30px;
    line-height: 41px;
    color: #ffffff;
    font-weight: 600;
}
.training_midlevelmanagers-button .item-text p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #e9e9e9;
    line-height: 25px;
    text-align: left;
}

/*-- training_midlevelmanagers-button --*/

/*training-module-button*/

.training-module-button .title {
    margin: 0;
    padding: 0;
}

.training-module-button .title h4 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
}

.training-module-button .title p {
    margin: 0;
    padding: 0 0 8px 0;
    transition: all.3s;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #e2e2e2;
    font-weight: 400;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

.training-module-button .col-sec {
    padding-top: 60px;
}

.training-module-button .col-item {
    margin: 0 auto;
    padding: 50px 15px 24px 15px;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 100%;
    background: #fcfcfc;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 33%);
    text-align: center;
    position: relative;
}

.training-module-button .col-item .text {
    position: absolute;
    left: 0;
    top: -12px;
    overflow: hidden;
    transition: all 0.3s;
    display: inline-block;
    background: #03163be8;
    color: #fff;
    padding: 4px 16px;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
    border-radius: 0px 20px 20px 20px;
    box-shadow: 0 0px 10px -5px rgb(0 0 0);
}

.training-module-button .col-item .item-text {
    margin: 0;
    padding: 0;
    width: 100%;
}

.training-module-button .col-item .item-text h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    color: #021334;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    text-align: left;
}

.training-module-button .col-item .item-text ul {
    margin: 0;
    padding: 8px 0 0 19px;
}

.training-module-button .col-item .item-text ul li {
    margin: 0;
    padding: 6px 0;
    font-size: 16px !important;
    color: #656565 !important;
    line-height: 22px !important;
    font-family: "Outfit", sans-serif;
    text-align: left;
    list-style: disc !important;
}

/*training-module-button*/


/*skeleton*/


.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
    filter: blur(10px);
}


@keyframes skeleton-loading {
   0% {
    filter: blur(8px);
  }
  100% {
    filter: blur(8px);
  }
}


/*.skeleton p { }*/

/*skeleton*/

.thankYou {
    padding: 300px 0 280px 0;
    background: #027c80;
    height: 99vh;
}

.thankYou h1 {
    font-size: 64px;
    color:#fff;
}

.thankYou p {
    font-size: 20px;
    font-weight: 500;
    color:#fff;
    line-height:26px;
}
/**/

/*-- top1hris_new --*/

.top1hris_new .top_block {
    margin: 0;
    padding: 0 0 107px 0;
}

.top1hris_new .top_block .item { margin:0; padding:0; }

.top1hris_new .top_block .item h4 {
    margin: 0;
    padding: 14px 0;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #021334;
    font-weight: 600;
} 
.top1hris_new .top_block .item p {
    margin: 0;
    padding: 8px 0 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #616976;
    line-height: 25px;
    width: 100%;
    text-align: left;
}

/*-- top1hris_new --*/


/*-- pipohris_features --*/

.pipohris_features .title h3 { margin:0; padding:0 0 20px 0; }
.pipohris_features .title { margin:0; padding:0 0 40px 0; }


/*-- pipohris_features --*/


/*onboarding_process_block*/
.onboarding_process_block .title { margin:0 0 60px 0 ; }

.onboarding_process_block .bd .col-item .item-text span {
    padding: 8px 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    color: #f2f2f2;
    display: block;
    font-style: italic;
    font-family: "Outfit", sans-serif;
}

/*onboarding_process_block*/

/*-- offshore_outsourcing_mainpape --*/

.offshore_outsourcing_mainpape { padding:60px 0 120px 0 ; }

/*-- offshore_outsourcing_mainpape --*/

/*-- .contact-page-all --*/

.contact-page-all .page-hadding h2 {
font-family:'Outfit', sans-serif;
color:#03163B;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 52px;
text-transform: capitalize;
}

/*-- .contact-page-all --*/


/*27.11.2023*/



.faqblock_home {
  margin:0;
  padding:60px 0;
  background:#fbfbfb;
}
.faqblock_home .title {
  margin:0 0 35px 0;
  padding:0 0 28px 0
}
.faqblock_home .title:before {
  position:absolute;
  left:50%;
  width:98px;
  transform:translateX(-50%);
  background:linear-gradient(to right,#021274 0%,#0b578b 25%,#053aa2 50%,#0429ff 75%,#2549e6 100%)
}
.faqblock_home .title h2 {
  margin:0;
  padding:0;
  width:100%;
  font-family:"Montserrat",sans-serif;
  font-size:38px;
  line-height:41px;
  color:#000;
  text-align:center;
  font-weight:700
}
.faqblock_home .bd_block {
  margin:0 auto;
  padding:0;
  width:78%
}
.faqblock_home .bd_block .accordion {
  margin:0;
  padding:0
}
.faqblock_home .bd_block .accordion .accordion_row {
  margin:0 0 17px 0;
  padding:0;
  border:0
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-header {
  margin:0;
  padding:16px 18px;
  background:#e8ecf3;
  overflow:hidden;
  border-radius:6px
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-header .accordion-button {
  margin:0;
  padding:0;
  background:#fff0;
  border:0;
  border-bottom:0;
  box-shadow:none;
  font-size:18px;
  color:#05124c;
  font-weight:600
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-header .accordion-button h4 {
  margin:0;
  padding:0;
  background:#fff0;
  border:0;
  border-bottom:0;
  box-shadow:none;
  font-size:18px;
  color:#05124c;
  font-weight:600
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-collapse {
  margin:0;
  padding:0;
  border:0;
  box-shadow:none;
  background:#fbfbfb;
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-collapse .accordion-body {
  margin:0;
  padding:16px 5px;
  box-shadow:none;
  border-top:0
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-collapse .accordion-body p {
  margin:0 auto;
  padding:0;
  font-size:16px;
  line-height:29px;
  color:var(--dark-ass-color);
  font-weight:500;
  text-align:left;
  padding-bottom:10px
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-collapse .accordion-body ul {
  margin:0;
  padding:0 0 0 22px;
  display:flex;
  flex-wrap:wrap
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-collapse .accordion-body ul li {
  margin:0 auto;
  padding:2px 0;
  font-size:var(--font-size-16);
  line-height:22px;
  color:var(--dark-ass-color);
  font-weight:400;
  padding-bottom:7px;
  width:100%;
  position:relative
}
.faqblock_home .bd_block .accordion .accordion_row .accordion-collapse .accordion-body ul li::before {
    background-color: #6e6e6e;
    content: " ";
    display: block;
    height: 7px;
    margin-left: -20px;
    transform: translateY(14px);
    width: 7px;
    border-radius: 50px;
    margin-top: 0;
    position: relative;
    top: 0px;
}