/*=================================
    [Table of contents]
===================================
    01. Header Sections
    02. Slider Sections
    03. Services Sections
    04. About Sections
    05. Projects Sections
    06. Team Sections
    07. Video Sections
    08. Testimonials Sections
    09. Blog Sections
    10. Clients Sections
    11. Footer Sections
    12. Copyright Sections
    13. Contact Pages
    14. Fun Fact
    15. Pages Bannar
    16. Page Sidebar Widgets
    17. Shop Page
    18. FAQ Page
    19. Package Page
    20. Cart page
    21. Back to Top
    22. Back to Top
    23. Popup Menu
*/


/*------------------------------------------------------
/  01. Header Sections
/------------------------------------------------------*/
.header01 {
    position: relative;
    min-height: 120px;
    background: #FFF;
    padding: 0 48px;
}

.fixedHeader.header01 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    z-index: 999;
}

.headerInner {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.logo {
    flex: 1;
    margin: 0;
}

.logo img {
    height: 85px;
    width: auto;
}

.mainMenu {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
}

.mainMenu ul {
    margin: 51px 0 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    justify-content: center;
}

.mainMenu ul li {
    list-style: none;
    position: relative;
    margin: 0 55px 0 0;
    padding: 0 0 51px;
}

.mainMenu ul li:last-child {
    margin-right: 0;
}

.mainMenu ul li a {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #343c55;
    margin: 0;
}

.mainMenu ul li.menu-item-has-children>a:after {
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    color: inherit;
    font-weight: 900;
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: -.5px;
}

.mainMenu ul li:hover>a,
.mainMenu ul li.active>a {
    color: #00c0ff;
}

.menu_btn,
.menu_btn02 {
    display: none;
}

.header01Search {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 999;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    top: -150%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.active.header01Search {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.header01Search form {
    margin: 0;
    padding: 0;
    position: relative;
}

.header01Search input {
    height: 120px;
    display: block;
    width: 100%;
    border: none;
    font-size: 36px;
    font-weight: 400;
    font-family: 'Jost';
    margin: 0;
    padding: 0;
    line-height: 42px;
    color: #868b9b;
}

.header01Search button {
    position: absolute;
    right: 41px;
    top: 0;
    line-height: 1;
    font-size: 36px;
    color: #f15a23;
    border: none;
    background: transparent;
    border-radius: 0;
    height: 36px;
    width: 36px;
    padding: 0;
    bottom: 0;
    margin: auto 0;
}

.header01Search button:hover {
    color: #868b9b;
}

input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.header01Search input::-moz-placeholder {
    color: #868b9b;
    opacity: .6;
}

.header01Search input::-ms-input-placeholder {
    color: #868b9b;
    opacity: .6;
}

.header01Search input::-webkit-input-placeholder {
    color: #868b9b;
    opacity: .6;
}

.cancleSearch {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 36px;
    width: 36px;
    background: transparent;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #f15a23;
}

.cancleSearch:hover {
    color: #868b9b;
}


.accessArea {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin: 33px 0 33px;
}

.headerIcons {
    display: inline-flex;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 1;
    color: #343c55;
    margin: 18px 0 18px 0;
    position: relative;
}

.headerIcons a {
    color: inherit;
    margin-right: 24px;
}

.headerIcons a:last-child {
    margin-right: 0;
}

.headerIcons a.fac {
    color: #1877f2;
}

.headerIcons a.twi {
    color: #1da1f2;
}

.headerIcons a.lin {
    color: #0077b5;
}

.headerIcons a.ins {
    color: #405de6;
}

.headerIcons a.searchToggler {
    margin-right: 34px;
    margin-left: 30px;
}

.headerIcons a.shareToggler {
    display: none;
}

.headerIcons a:hover,
.headerIcons a.active {
    color: #f15a23;
}

.headerCall {
    position: relative;
    padding: 10px 0 0 71px;
    min-height: 54px;
    margin: 0 0 0 36px;
}

.headerCall i {
    position: absolute;
    left: 0;
    top: 0;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    text-align: center;
    line-height: 54px;
    background: #eef7f8;
    color: #343c55;
    font-size: 18px;
}

.headerCall h4 {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 7px;
}

.headerCall h3 {
    font-size: 18px;
    line-height: 1;
    margin: 0;
}

.header02 {
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9;
    width: 100%;
    background: transparent;
}

.fixedHeader.header02 {
    background: #343c55;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    z-index: 999;
}

.headerInner02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo2 {
    position: relative;
    margin: 36px 0 36px;
}

.logo2 img {
    height: 48px;
    width: auto;
}

.mainMenu2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}

.mainMenu2 ul {
    font-family: 'Jost', sans-serif;
    margin: 0;
    padding: 0;
}

.mainMenu2 ul li {
    display: inline-block;
    list-style: none;
    margin: 52px 45px 0 0;
    padding: 0 0 52px;
    position: relative;
}

.mainMenu2 ul li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 500;
    line-height: 1;
    display: block;
}

.mainMenu2 ul li.menu-item-has-children>a:after {
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    color: inherit;
    font-weight: 900;
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.mainMenu2>ul ul li.menu-item-has-children>a:after {
    top: 0px;
}

.mainMenu2 ul li:hover>a,
.mainMenu2 ul li.active>a {
    color: #f15a23;
}

.mainMenu2 .orbBtn01 {
    margin: 33px 0 33px;
}

.mainMenu>ul>li>ul,
.mainMenu>ul>li>ul>li>ul,
.mainMenu2>ul>li>ul,
.mainMenu2>ul>li>ul>li>ul {
    padding: 15px 0;
    position: absolute;
    top: 100%;
    left: -30px;
    pointer-events: none;
    display: block;
    min-width: 220px;
    border-radius: 0;
    margin: 0;
    background: #fff;
    border-bottom: 3px solid #00c0ff;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}

.mainMenu2>ul>li>ul {
    top: 35px;
}

.fixedHeader .mainMenu2>ul>li>ul {
    top: 100%;
}

.mainMenu>ul>li>ul>li>ul,
.mainMenu2>ul>li>ul>li>ul {
    left: calc(100% + 1px);
    top: 0;
    margin: 0;
}

.mainMenu>ul>li>ul li,
.mainMenu2>ul>li>ul li {
    margin: 0;
    padding: 10px 30px 7px;
    width: 100%;
}

.mainMenu>ul>li>ul li a,
.mainMenu2>ul>li>ul li a {
    display: inline;
    padding-bottom: 0px;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    background: -webkit-gradient(linear, left top, left bottom, from(#f15a23), color-stop(98%, #f15a23));
    background: linear-gradient(to bottom, #f15a23 0%, #f15a23 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.mainMenu2>ul>li>ul li a {
    color: #343c55;
    text-transform: capitalize;
}

.mainMenu>ul>li>ul li:hover>a,
.mainMenu>ul>li>ul li:active>a,
.mainMenu2>ul>li>ul li:hover>a,
.mainMenu2>ul>li>ul li:active>a {
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom, #f15a23 0%, #f15a23 98%);
}

.mainMenu>ul li:hover>ul,
.mainMenu2>ul li:hover>ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

.headerInner02 .orbBtn01.orbBtnBorder {
    margin-left: 5px;
}

.fixedHeader .mainMenu2 .orbBtn01 .bp-shape {
    background: #00c0ff;
}


/*------------------------------------------------------
/  02. Slider Sections
/------------------------------------------------------*/
.slider01 {
    position: relative;
    background: #343c55;
    overflow: hidden;
}

.roundAnim01 {
    animation: zoom-in-zoom-out 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.05, 1.05);
    }

    100% {
        transform: scale(1, 1);
    }
}

.roundAnim02 {
    animation: zoom-out-zoom-in 3s ease-out infinite;
}

@keyframes zoom-out-zoom-in {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(.95, .95);
    }

    100% {
        transform: scale(1, 1);
    }
}

.slider02 {
    position: relative;
}

.tp-caption .orbBtn01 .bp-shape {
    display: inline-block;
    position: absolute;
    width: 25% !important;
    height: 100% !important;
    background: #343c55 !important;
    transform: translateY(150%) !important;
    border-radius: 50% !important;
    left: calc((var(--b) - 1) * 25%);
    transition: 0.5s !important;
    transition-delay: calc((var(--b) - 1) * 0.1s) !important;
    z-index: 1;
}

.tp-caption .orbBtn01:hover .bp-shape {
    transform: translateY(0) scale(2) !important;
    -moz-transform: translateY(0) scale(2) !important;
    -moz-transform: translateY(0) scale(2) !important;
}

.slider02 .tp-bannertimer,
.slider01 .tp-bannertimer {
    display: none;
}

.slider02 .tparrows,
.slider01 .tparrows {
    height: 60px;
    width: 60px;
    background: transparent;
    border: 2px solid #FFF;
    border-radius: 50%;
    font-size: 21px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #FFF;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.slider02 .tparrows:hover,
.slider01 .tparrows:hover {
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}

.slider02 .tparrows.tp-leftarrow:before,
.slider01 .tparrows.tp-leftarrow:before {
    content: '\f053';
    font-family: 'Font Awesome 6 Free';
    height: 100%;
    line-height: 56px;
}

.slider02 .tparrows.tp-rightarrow:before,
.slider01 .tparrows.tp-rightarrow:before {
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    height: 100%;
    line-height: 56px;
}

.slider02 .tp-bullet,
.slider01 .tp-bullet {
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    background: transparent;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.slider02 .tp-bullet.selected,
.slider02 .tp-bullet:hover,
.slider01 .tp-bullet.selected,
.slider01 .tp-bullet:hover {
    border-color: #f15a23;
}

.slider02 .tp-bullet span,
.slider01 .tp-bullet span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d5d6d6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.slider02 .tp-bullet.selected span,
.slider02 .tp-bullet:hover span,
.slider01 .tp-bullet.selected span,
.slider01 .tp-bullet:hover span {
    background: #00c0ff;
}


/*------------------------------------------------------
/  03. Offer Section
/------------------------------------------------------*/
.iconBox01 {
    position: relative;
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 15px;
    padding: 46px 48px 24px 47px;
}

.iconBox01>i {
    font-size: 59px;
    color: #00c0ff;
    line-height: 1;
    display: block;
    margin: 0 0 36px;
}

.iconBox01 h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 31px;
}

.iconBox01 p {
    margin: 0 0 41px;
}

.iconBox01 .seperator {
    height: 1px;
    background: #d8dde7;
    margin: 0 0 22px;
}


/*------------------------------------------------------
/  04. About Sections
/------------------------------------------------------*/
.aboutImage {
    position: relative;
    text-align: left;
    padding-left: 3px;
}

.aboutImage .aiImgRow {
    position: relative;
}

.aboutImage .aiImgRow:first-of-type {
    margin: 0 0 24px;
}

.aiImgRow img {
    border-radius: 10px;
}

.aiImgRow .aiImg01 {
    margin: 50px 24px 0 0;
}

.aiImgRow .aiImg03 {
    margin: 0 24px 0 0;
}

.aboutContent {
    position: relative;
    padding: 0 0 0 110px;
}

.aboutContent .secTitle {
    margin: 0 0 50px;
}

.aiCounter {
    position: absolute;
    left: 156px;
    top: 212px;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    background: #00c0ff;
    text-align: center;
    padding: 38px 35px 35px;
}

.aiCounter h2 {
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 5px;
}

.aiCounter h3 {
    font-size: 21px;
    line-height: 28px;
    color: #ffffff;
    margin: 0;
}

.abcCounters {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}

.circleProgressWrap {
    position: relative;
    margin: 0 30px 0 0;
    height: 96px;
    width: 96px;
}

.circleProgressWrap h3 {
    font-size: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.abcCounters p {
    font-size: 21px;
    line-height: 33px;
    color: #868b9b;
    margin: 13px 0 0;
}

.abDesc {
    margin: 0 0 37px;
}

.iconBox02 {
    position: relative;
    padding-left: 66px;
}

.iconBox02 i {
    font-size: 48px;
    line-height: 1;
    color: #00c0ff;
    position: absolute;
    left: 0;
    top: -1px;
}

.iconBox02 h4 {
    font-size: 21px;
    line-height: 1;
    margin: 0 0 7px;
}

.iconBox02 p {
    line-height: 36px;
    margin: 0;
}

.aboutVideo {
    position: relative;
    background: #432d92;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    height: 100%;
}

.aboutVideo img {
    width: 100%;
    height: 100%;
    opacity: .44;
    object-fit: cover;
}

.avConent {
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 2;
    padding: 6px 60px 0 126px;
    min-height: 96px;
}

.avConent a {
    display: inline-block;
    font-size: 24px;
    text-align: center;
    line-height: 96px;
    height: 96px;
    width: 96px;
    border-radius: 50%;
    color: #FFF;
    background: #00c0ff;
    position: absolute;
    left: 0;
    top: 0;
}

.avConent a i {
    position: relative;
    z-index: 2;
}

.avConent a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #f15a23;
    border-radius: 50%;

    opacity: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.avConent a:hover:after {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.avConent h3 {
    font-size: 30px;
    line-height: 42px;
    color: #FFF;
    margin: 0;
}

.aboutSkills {
    height: 100%;
    position: relative;
    background: #432d92;
    border-radius: 0 10px 10px 0;
    padding: 89px 90px 30px 89px;
}

.aboutSkills .secTitle {
    font-size: 42px;
    line-height: 54px;
    color: #FFF;
    margin: 0 0 20px;
}

.aboutSkills p {
    color: #a3adcc;
    margin: 0 0 44px;
}

.singleSkill {
    position: relative;
    margin: 0 0 30px;
}

.singleSkill h3 {
    font-size: 21px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 16px;
}

.ssMode2 h3 {
    color: #343c55;
}

.singleSkill span {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
}

.ssMode2 span {
    color: #5e6371;
}

.skillWrap {
    height: 6px;
    position: relative;
    width: 100%;
    background: #FFF;
    overflow: hidden;
    border-radius: 6px;
}

.ssMode2 .skillWrap {
    background: #d8dbe6;
}

.skill {
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    height: 100%;
    background: #00c0ff;
}

.aboutImage2 {
    position: relative;
    margin-left: -109px;
    padding: 0 0 72px;
}

.aboutImage2 img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.aboutImage2 img:first-child {
    margin: 194px 0 0px;
}

.aiCounter2 {
    width: 244px;
    height: 244px;
    background: #00c0ff;
    border-radius: 50%;
    position: absolute;
    left: 197px;
    bottom: 0;
    text-align: center;
    padding: 56px 0 50px;
}

.aiCounter2 h3 {
    font-size: 21px;
    line-height: 1;
    color: #FFF;
    margin: 0;
}

.aiCounter2 h2 {
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 18px 0 15px;
}

.aboutContent2 {
    position: relative;
    padding: 0 0 0 113px;
}

.aboutContent2>p {
    margin: 0 0 33px;
}

.aboutContent2 .secTitle {
    margin: 0 0 31px;
}

.iconBox04 {
    position: relative;
    display: block;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    text-align: center;
    padding: 33px 15px 38px 15px;
    margin: 0;
}

.iconBox04:hover {
    border-color: #00c0ff;
}

.iconBox04 i {
    font-size: 49px;
    color: #00c0ff;
    display: block;
    margin: 0 0 17px;
}

.iconBox04 h3 {
    font-size: 18px;
    line-height: 1;
    margin: 0;
}

.abcSkillsArea {
    position: relative;
    margin: 35px 0 42px;
}

.abcSkillsArea .singleSkill {
    margin: 0 0 28px;
}

.abcFooter {
    position: relative;
    display: flex;
    justify-content: flex-start;
}

.abcFooter .headerCall {
    margin: 0 0 0 27px;
}


/*------------------------------------------------------
/  06. Portfolio Sections
/------------------------------------------------------*/
.folioItem01 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.folioItem01 img {
    display: block;
    width: 100%;
    height: auto;
}

.folioItem01 .folioContent {
    position: absolute;
    display: block;
    width: calc(100% - 24px);
    right: auto;
    left: 12px;
    bottom: 12px;
    margin: auto;
    border-radius: 5px;
    padding: 29px 30px 22px 31px;
    background: rgba(67, 45, 146, .87);
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1) .1s;
    -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1) .1s;
    transition: transform .3s cubic-bezier(.77, 0, .175, 1) .1s;
}

.folioItem01:hover .folioContent {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: -webkit-transform .45s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: -moz-transform .45s cubic-bezier(.77, 0, .175, 1);
    transition: transform .45s cubic-bezier(.77, 0, .175, 1);
}

.fcMeta {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #f15a23;
    font-weight: 500;
    margin: 0 0 14px;

    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.folioItem01:hover .fcMeta {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}

.fcMeta a {
    color: inherit;
}

.fcMeta a:hover {
    color: #FFF;
}

.folioContent h3 {
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
    margin: 0;

    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.folioItem01:hover .folioContent h3 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
}

.folioContent h3 a {
    color: inherit;
}

.folioContent h3 a:hover {
    color: #f15a23;
}

.folioLink {
    position: absolute;
    right: 39px;
    top: 35px;
    height: 72px;
    width: 72px;
    background: #00c0ff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    color: #FFF;
    text-align: center;
    font-size: 33px;
    line-height: 76px;
}

.folioLink:hover {
    background-color: #f15a23;
    color: #FFF;
}

.folioItem01:hover .folioLink {
    opacity: 1;
    visibility: visible;
}

.portfolioSlider.owl-carousel .owl-dots {
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0 0;
}

.portfolioSlider.owl-carousel .owl-dot {
    width: 22px;
    height: 22px;
    position: relative;
    border: 2px solid #FFF;
    border-radius: 50%;
    margin: 0 9px;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.portfolioSlider.owl-carousel .owl-dot:hover,
.portfolioSlider.owl-carousel .owl-dot.active {
    border-color: #f15a23;
}

.portfolioSlider.owl-carousel .owl-dot span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d8dbe6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.portfolioSlider.owl-carousel .owl-dot:hover span,
.portfolioSlider.owl-carousel .owl-dot.active span {
    background: #00c0ff;
}

.filterUL {
    display: flex;
    justify-content: center;
    margin: 0 0 63px;
    padding: 0;
}

.filterUL li {
    list-style: none;
    font-size: 18px;
    color: #343c55;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    cursor: pointer;
    margin: 0 55px 0 0;
    font-weight: 500;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.filterUL li:last-child {
    margin: 0;
}

.filterUL li:hover,
.filterUL li.active {
    color: #f15a23;
}

.folioItem02 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #432d92;
}

.folioItem02 img {
    width: 100%;
    /* height: auto; */
    height: 251px;
    object-fit: cover;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.folioItem02:hover img {
    opacity: .16;
}

.folioContent2 {
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    padding: 0 30px 0 49px;
}

.fcMeta2 {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #f15a23;
    margin: 0 0 14px;


    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.folioItem02:hover .fcMeta2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}

.fcMeta2 a {
    color: inherit;
}

.fcMeta2 a:hover {
    color: #FFF;
}

.folioContent2 h3 {
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
    margin: 0;

    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.folioItem02:hover .folioContent2 h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
}

.folioContent2 h3 a {
    color: inherit;
}

.folioContent2 h3 a:hover {
    color: #f15a23;
}

.folioItem02:hover .folioLink {
    opacity: 1;
    visibility: visible;
}

.folioItem02 {
    margin: 0 0 24px;
}

#mixGrid .mix {
    display: none;
}


/*------------------------------------------------------
/  05. Why Choose Us Sections
/------------------------------------------------------*/
.wcuContent {
    position: relative;
    padding: 0 115px 0 0;
}

.iconBox03 {
    position: relative;
}

.iconBox03 i {
    height: 96px;
    width: 96px;
    position: relative;
    display: block;
    text-align: center;
    line-height: 96px;
    background: #00c0ff;
    border-radius: 50%;
    color: #FFF;
    font-size: 35px;
    margin: 0 0 34px;
}

.iconBox03 h3 {
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 16px;
}

.iconBox03 p {
    margin: 0;
}

/*------------------------------------------------------
/  06. Good To Know Sections
/------------------------------------------------------*/
.goodToKnowImg {
    position: relative;
    border-radius: 10px;
    margin: -160px 0 50px;
}

.goodToKnowImg img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.gtkBottom {
    position: relative;
}

.singleCounter {
    width: 224px;
    background: #00c0ff;
    border-radius: 10px;
    float: left;
    padding: 33px 34px 15px 34px;
    margin: 0 27px 0 0;
}

.singleCounter h2 {
    font-size: 48px;
    line-height: 1;
    color: #FFF;
    margin: 0;
}

.singleCounter h3 {
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
}

.gtkBottomContent {
    position: relative;
    padding: 8px 0 0;
}

.gtkBottomContent h3 {
    font-size: 30px;
    line-height: 42px;
    color: #FFF;
    margin: 0 0 31px;
}

.gtkBottomContent a.orbBtn01 {
    height: 42px;
    line-height: 40px;
    min-width: 146px;
    font-size: 15px;
}

.goodToKnowRight {
    position: relative;
    padding: 118px 0 0;
}

.goodToKnowRight .secTitle {
    color: #FFF;
    margin: 0 0 58px;
}

.orbitoAccordion {
    position: relative;
    margin: 0;
    padding: 0;
}

.orbitoAccordion .accordion-item {
    background: #FFF;
    border-radius: 5px;
    padding: 0 30px;
    margin: 0 0 18px;
}

.orbitoAccordion.orbitoAccMode2 .accordion-item {
    padding: 0;
    margin: 0 0 26px;
    border-radius: 0;
    background: transparent;
}

.orbitoAccordion .accordion-header {
    margin: 0;
}

.orbitoAccordion .accordion-header button {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    padding: 17px 35px 15px 35px;
    border: none;
    border-radius: 0;
}

.orbitoAccordion.orbitoAccMode2 .accordion-header button {
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 0 49px;
}

.orbitoAccordion .accordion-button::after {
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 18px;
    color: #343c55;
    position: absolute;
    left: 0;
    top: 16px;
}

.orbitoAccordion.orbitoAccMode2 .accordion-button::after {
    content: '\f068';
    font-size: 23px;
    top: 3px;
}

.orbitoAccordion.orbitoAccMode2 .accordion-button.collapsed::after {
    content: '\2b';
}

.orbitoAccordion .accordion-body {
    border-top: 1px solid #d2d0da;
    border-radius: 0;
    padding: 20px 0 35px 0;
}

.orbitoAccordion.orbitoAccMode2 .accordion-body {
    border: none;
    border-radius: 0;
    padding: 17px 0 13px 49px;
    font-size: 18px;
    line-height: 30px;
}

.gtkAnim01 {
    width: 232px;
    height: 137px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/shapes/1.png) no-repeat right top;
}

.gtkAnim02 {
    width: 92px;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/shapes/2.png) no-repeat left bottom;
}


/*------------------------------------------------------
/  07. Client Sections
/------------------------------------------------------*/
.clientLogoSlider {
    padding: 90px 0 90px;
    border-bottom: 1px solid #d8dde7;
}

.clientLogo {
    display: block;
    text-align: center;
    position: relative;
}

.clientLogo img {
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.clientLogo img:first-child {
    position: relative;
}

.clientLogo img:last-child {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.clientLogo:hover img:first-child {
    opacity: 0;
    visibility: hidden;
}

.clientLogo:hover img:last-child {
    opacity: 1;
    visibility: visible;
}


/*------------------------------------------------------
/  07. Team Sections
/------------------------------------------------------*/
.teamMember01 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #432d92;
}

.teamMember01 img {
    width: 100%;
    height: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.teamMember01:hover img {
    opacity: .28;
}

.tm01Info {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px 15px 0 45px;
}

.tm01Info h3 {
    font-size: 24px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 12px;

    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.teamMember01:hover .tm01Info h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}

.tm01Info span {
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #cfd1d7;

    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.teamMember01:hover .tm01Info span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
}

.tm01Desc {
    position: absolute;
    left: 0;
    top: 99px;
    width: 100%;
    padding: 40px 45px 0 45px;
}

.tm01Desc:before {
    content: '';
    width: calc(100% - 90px);
    height: 1px;
    background: rgba(255, 255, 255, .27);
    position: absolute;
    top: 21px;
    left: 45px;

    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.teamMember01:hover .tm01Desc:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}

.tm01Desc p {
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    margin: 0;

    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.teamMember01:hover .tm01Desc p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
}

.tm01Social {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 45px 40px;
}

.tm01Social a {
    color: inherit;
    margin-right: 20px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}

.tm01Social a:hover {
    color: #f15a23;
}

.teamMember01:hover .tm01Social a:first-child {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .35s;
}

.teamMember01:hover .tm01Social a:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .4s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .4s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .4s;
}

.teamMember01:hover .tm01Social a:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .45s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .45s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .45s;
}

.teamMember01:hover .tm01Social a:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .5s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .5s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .5s;
}

.evenTeam {
    margin-top: 60px;
}

.testimonialNav {
    display: flex;
    justify-content: flex-start;
}

.testimonialNav button {
    position: relative;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    color: #343c55;
    margin-right: 12px;
    cursor: pointer;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.testimonialNav button.tnNext {
    background: #f8758f;
    color: #FFF;
}

.testimonialNav button:hover {
    background: #f8758f;
    color: #FFF;
}

.testimonialNav button.tnNext:hover {
    background: #FFF;
    color: #343c55;
}

.testimonialItem {
    position: relative;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    /*    box-shadow: 0px 5px 30px 0px rgb(2 24 93 / 6%);*/
    padding: 50px 60px 60px 60px;

}

.testimonialItem:after {
    content: '';
    position: absolute;
    right: 60px;
    bottom: 66px;
    width: 46px;
    height: 48px;
    background: url(../images/shapes/4.png) no-repeat center center / cover;
}

.testimonialItem p {
    font-size: 21px;
    line-height: 36px;
    color: #5e6371;
    font-style: italic;
    margin: 0 0 43px;
}

.testimonialAuthor {
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    padding-top: 5px;
}

.testimonialAuthor img {
    display: inline-block !important;
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.testimonialAuthor h4 {
    font-size: 21px;
    line-height: 1;
    margin: 0 0 5px;
}

.testimonialAuthor span {
    font-size: 16px;
    line-height: 1;
    color: #868b9b;
    margin: 0;
}

.testimonialSlider .owl-stage-outer {
    overflow: visible;
}

.overflowHidde {
    overflow: hidden;
}

.testimonialSlider .owl-item {
    opacity: 0;

}

.testimonialSlider .owl-item.active {
    opacity: 1;
    transition: opacity 300ms;
}

.testimonialSlider.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}

.testimonialSlider.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}


.testimonialSlider .owl-nav {
    display: none;
}

.zIndex4 {
    z-index: 4;
    position: relative;
}

.counterArea {
    position: relative;
    background: #432d92;
    border-radius: 10px;
    margin: 0;
    padding: 84px 0 83px;
}

.counterArea.caMode2 {
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}

.singleCounter02 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 91px;
}

.singleCounter02 h2 {
    font-size: 60px;
    line-height: 60px;
    color: #00c0ff;
    margin: 0 28px 0 0;
    position: relative;
}

.singleCounter02 .timerSuffixSmall {
    font-size: 30px;
    display: inline-flex;
    line-height: 20px;
    position: relative;
    top: -27px;
}

.singleCounter02 h3 {
    font-size: 21px;
    line-height: 30px;
    color: #FFF;
    margin: 0;
}

.caMode2 .singleCounter02 h3 {
    color: #343c55;
}

.testimonialItem2 {
    position: relative;
    padding: 0 0 24px;
}

.testimonialSlider2 .testimonialItem2 {
    margin: 48px 0;
}

.testimonialItem2:after {
    content: '';
    width: calc(100% - 60px);
    height: calc(100% - 24px);
    position: absolute;
    left: 30px;
    bottom: 0;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}

.ti02Inner {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    position: relative;
    z-index: 2;
    padding: 60px 60px 60px 60px;
}

.ti02Inner:before {
    content: '';
    width: 46px;
    height: 48px;
    position: relative;
    display: block;
    margin: 0 auto 38px;
    background: url(../images/shapes/10.png) no-repeat center center;
}

.testimonialItem2 p {
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    color: #5e6371;
    margin: 0 0 43px;
}

.testimonialSlider2.owl-carousel .owl-dots {
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.testimonialSlider2.owl-carousel .owl-dot {
    width: 22px;
    height: 22px;
    position: relative;
    border: 2px solid transparent;
    background: transparent;
    border-radius: 50%;
    margin: 0 9px;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.testimonialSlider2.owl-carousel .owl-dot:hover,
.testimonialSlider2.owl-carousel .owl-dot.active {
    border-color: #f15a23;
}

.testimonialSlider2.owl-carousel .owl-dot span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d8dbe6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.testimonialSlider2.owl-carousel .owl-dot:hover span,
.testimonialSlider2.owl-carousel .owl-dot.active span {
    background: #00c0ff;
}

.testimonialSlider2.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.testimonialSlider2.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0;
    cursor: none;
    pointer-events: none;
    visibility: hidden;
}

.testimonialSlider2.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}

.testimonialSlider2.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}

/*------------------------------------------------------
/  08. Blog Sections
/------------------------------------------------------*/
.blogItem01 {
    position: relative;
    padding: 0 0 99px;
}

.blogItem01.biMode2 {
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.biMode2.biModeShadow {
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}

.bi01Thumb {
    position: relative;
    border-radius: 10px;
}

.biMode2 .bi01Thumb {
    border-radius: 0;
}

.bi01Thumb img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.biMode2 .bi01Thumb img {
    border-radius: 0;
}

.bi01Date {
    position: absolute;
    left: 12px;
    top: 12px;
    height: 72px;
    width: 72px;
    border-radius: 5px;
    background: #00c0ff;
    text-align: center;
    color: #FFF;
    padding: 9px 5px 0;
}

.bi01Date span:first-child {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 7px;
}

.bi01Date span:last-child {
    font-size: 15px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}

.bi01Details {
    width: calc(100% - 60px);
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 5px;
    padding: 21px 30px 28px 29px;
    position: absolute;
    left: 30px;
    bottom: 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.blogItem01:hover .bi01Details {
    padding-bottom: 59px;
}

.bi01Meta {
    position: relative;
    margin: 0 0 10px;
}

.bi01Meta span {
    position: relative;
    margin-right: 12px;
    display: inline-block;
}

.bi01Meta span:last-child {
    margin-right: 0;
}

.bi01Meta span a {
    font-size: 15px;
    color: #5e6371;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.bi01Meta span a i {
    color: #00c0ff;
}

.bi01Meta span a:hover {
    color: #00c0ff;
}

.bi01Details h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}

.bi01Details h3 a {
    color: #343c55;
}

.bi01Details h3 a:hover {
    color: #f15a23;
}

.bi01Details .readMoreLink {
    position: absolute;
    left: 30px;
    bottom: 27px;

    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.blogItem01:hover .bi01Details .readMoreLink {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}

.bi01Details2 {
    position: relative;
    padding: 18px 40px 25px 28px;
}

.bi01Details2 h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}

.bi01Details2 h3 a {
    color: inherit;
}

.bi01Details2 h3 a:hover {
    color: #f15a23;
}


/*------------------------------------------------------
/  09. Footer 01 Sections
/------------------------------------------------------*/
.ctaSection {
    position: relative;
    background: #2a2637;
    padding: 89px 0 0;
}

.ctaLeft {
    position: relative;
}

.ctaLeft .secTitle {
    margin: 0 0 17px;
}

.ctaLeft .secDesc {
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    margin: 0;
}

.ctaRight {
    text-align: right;
    padding: 42px 0 0;
}

.ctaBorder {
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 87px 0 0;
}

.footer {
    position: relative;
    background: #262626;
    padding: 50px 0px 50px 0px;
}

.footer .widget {
    margin: 28px 0 0;
    padding: 0;
}

.footer .widget.about_widget {
    margin: 0;
}

.aboutWidgetContent {
    position: relative;
    padding: 0 110px 0 0;
}

.aboutWidgetContent img {
    height: 85px;
    width: auto;
    margin: 0 0 43px;
}

.aboutWidgetContent p {
    color: #a3adcc;
    margin: 0 0 23px;
}

.aboutWidgetContent.awc2 p {
    margin: 0 0 44px;
}

.contactInfo {
    position: relative;
}

.contactInfo span {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    padding-left: 32px;
    margin: 0 0 12px;
}

.contactInfo span:last-child {
    margin: 0;
}

.contactInfo span i {
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    line-height: 28px;
}

.contactInfo span a {
    color: inherit;
}

.contactInfo span a:hover {
    color: #f15a23;
}

.footer .widget .widgetTitle {
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 39px;
}

.footer .widget ul {
    margin: 0;
    padding: 0;
}

.footer .widget ul li {
    list-style: none;
    margin: 0 0 7px;
}

.footer .widget ul li:last-child {
    margin: 0;
}

.footer .widget ul li a {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    padding: 0;
}

.footer .widget ul li a:hover {
    color: #f15a23;
}

.footer-bottom-text {
    font-size: 16px;
    color: #fff !important;
}

.newsletterContent {
    position: relative;
}

.awc2 .newsletterContent {
    max-width: 312px;
}

.newsletterContent p {
    color: #a3adcc;
    margin: 0 0 46px;
}

.newsletterContent form {
    margin: 0;
    padding: 0;
    position: relative;
}

.newsletterContent form input[type='email'] {
    height: 60px;
    border: none;
    border-radius: 5px;
    background: #FFF;
    color: #868b9b;
    font-size: 18px;
    line-height: 36px;
    margin: 0;
    padding: 0 25px;
    display: block;
    width: 100%;
}

.newsletterContent form::placeholder,
.newsletterContent form::-moz-placeholder {
    color: #868b9b;
    opacity: 1;
}

.newsletterContent form button {
    border: none;
    background: transparent;
    color: #868b9b;
    font-size: 18px;
    line-height: 1;
    border-radius: 0;
    position: absolute;
    right: 22px;
    top: 0;
    padding: 0;
    height: 18px;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.newsletterContent form button:hover {
    color: #f15a23;
}

.footer .pdl124 {
    padding-left: 70px;
}

.footerBorder {
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 87px 0 0;
}

.widgetPostItems {
    position: relative;
    margin: 0px 0 0;
    padding: 1px 0 0;
}

.widgetPostItem {
    position: relative;
    min-height: 72px;
    padding: 0 0 0 94px;
    margin: 0 0 27px;
}

.widgetPostItems .widgetPostItem:last-of-type {
    margin: 0;
}

.widgetPostItem img {
    width: 72px;
    height: 72px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}

.widgetPostItem h3 {
    font-size: 18px;
    line-height: 26px;
    color: #f8f9fb;
    margin: 0 0 10px;
}

.widgetPostItem h3 a {
    color: inherit;
}

.widgetPostItem h3 a:hover {
    color: #f15a23;
}

.widgetPostItem span {
    display: block;
    font-size: 13px;
    line-height: 1;
    color: #a3adcc;
}

.siteInfoSection {
    background: #262626;
    position: relative;
    padding: 41px 0 45px;
}

.siteInfo {
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    margin: 0;
}

.siteInfo a {
    font-weight: 700;
    color: #a3adcc;
}

.siteInfo a:hover {
    color: #f15a23;
}

.footerMenu {
    position: relative;
}

.footerMenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.footerMenu ul li {
    list-style: none;
    margin: 0 48px 0 0;
}

.footerMenu ul li:last-child {
    margin-right: 0;
}

.footerMenu ul li a {
    font-size: 18px;
    line-height: 28px;
    display: block;
    color: #a3adcc;
}

.footerMenu ul li a:hover {
    color: #f15a23;
}

.footerSocial {
    display: flex;
    justify-content: flex-end;
}

.footerSocial a {
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    letter-spacing: 0;
    margin: 0 0 0 24px;
}

.footerSocial a:first-child {
    margin-left: 0;
}

.footerSocial a:hover {
    color: #f15a23;
}


/*------------------------------------------------------
/  10. Feature Sections
/------------------------------------------------------*/
.featureInner {
    background: #f15a23;
    border-radius: 10px;
    padding: 90px 0;
}

.iconBox05 {
    position: relative;
    padding: 0 80px 0 80px;
    margin: -4px 0 0;
}

.iconBox05 i {
    font-size: 64px;
    line-height: 1;
    color: #00c0ff;
    display: block;
    margin: 0 0 29px;
}

.iconBox05 h3 {
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
    margin: 0 0 27px;
}

.iconBox05 p {
    color: #fff;
    margin: 0 0 8px;
}

.get-text {
    font-size: 16px;
}

.hasBorderLeft {
    border-left: 1px solid rgba(255, 255, 255, .27);
}

.iB05Pdl91 {
    padding-left: 91px;
}

.serviceItem01 {
    position: relative;
    padding: 0 0 80px;
    margin: 0 0 48px;
}

.siThumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.siThumb img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.siDetails {
    background: #FFF;
    border-radius: 5px;
    width: calc(100% - 60px);
    position: absolute;
    left: 30px;
    bottom: 0;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    padding: 24px 100px 28px 31px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.serviceItem01:hover .siDetails {
    padding-bottom: 76px;
}

.siDetails h3 {
    font-size: 24px;
    line-height: 33px;
    margin: 0;
}

.siDetails h3 a {
    color: inherit;
}

.siDetails h3 a:hover {
    color: #f15a23;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background: #00c0ff;
    border-color: #00c0ff;
    color: #fff !important;
}

.headerCall a {
    color: #000;
    font-weight: 500;
}

.siDetails>i {
    font-size: 40px;
    color: #00c0ff;
    line-height: .8;
    position: absolute;
    right: 0;
    top: 41px;
    margin: 0;
    width: 72px;
}

.imp-link {
    color: #00c0ff !important;
    text-decoration: underline !important
}

.bottom-testo {
    color: #00c0ff;
    font-size: 15px;
}

.all-info {
    font-size: 15px;
    color: #262626;
}

.divider-style {
    border: 1px solid #ccc;
    margin: 25px 0px;
    width: 100%;
}

.siDetails .readMoreLink {
    position: absolute;
    left: 32px;
    bottom: 32px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.serviceItem01:hover .siDetails .readMoreLink {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}


/*------------------------------------------------------
/  12. Quick Result Sections
/------------------------------------------------------*/
.qrLeft {
    position: relative;
}

.qrLeft .secTitle {
    margin: 0 0 29px;
}

.qrLeft p {
    font-size: 21px;
    line-height: 30px;
    color: #cfd1d7;
    margin: 0 0 59px;
}

.iconBox06 {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 5px;
    padding: 42px 45px 42px 123px;
    margin: 0 0 30px;
}

.iconBox06 i {
    color: #00c0ff;
    font-size: 44px;
    line-height: 1;
    position: absolute;
    left: 45px;
    top: 46px;
}

.iconBox06 i.tm4 {
    top: 42px;
}

.iconBox06 h3 {
    font-size: 24px;
    color: #FFF;
    line-height: 32px;
    margin: 0 0 17px;
}

.iconBox06 p {
    color: #a3adcc;
    margin: 0;
}


/*------------------------------------------------------
/  11. Contact Sections
/------------------------------------------------------*/
.contactLeft {
    position: relative;
    margin: 0 120px 0 0;
}

.contactLeft .secTitle {
    margin: 0 0 26px;
}

.contactLeft .secDesc {
    color: #868b9b;
    margin: 0 0 29px;
}

.contactLeft .contactInfo span {
    color: #5e6371;
}

.contactLeft .contactInfo span i {
    color: #00c0ff;
}

.contactForm {
    position: relative;
    padding-left: 6px;
}

.contactForm form {
    margin: 0;
    padding: 0;
}

.contactForm form .col-lg-6,
.contactForm form .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px;
}

.contactForm form input:not([type='submit']),
.contactForm form textarea {
    font-size: 16px;
    color: #262626;
    padding: 0 25px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}

.contactForm form textarea {
    height: 200px;
    resize: none;
    padding: 15px 25px;
}

.contactForm input::-moz-placeholder,
.contactForm textarea::-moz-placeholder {
    color: #868b9b;
    opacity: 1;
}

.contactForm input::-ms-input-placeholder,
.contactForm textarea::-ms-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.contactForm input::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.mapIframe {
    position: relative;
    margin: 0 0 -120px;
}

.mapIframe iframe {
    display: block;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 380px;
}

.sub-menu li a {
    font-size: 17px !important;
}

.googleMap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 380px;
    border-radius: 10px;
}

.blogSection2 .googleMap {
    margin: 0 0 -120px;
}

.con_message {
    display: block;
    width: 100%;
    display: none;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
}

.contactForm .reqError {
    border-color: #f00 !important;
}

/*------------------------------------------------------
/  12. Page Banner Sections
/------------------------------------------------------*/
.pageBanner {
    min-height: 480px;
    background: url(../images/bg/business-challanges-main-page.jpg) no-repeat center center / cover #343c55;
    position: relative;
    overflow: hidden;
}

.about-cover {
    background: url(../images/sub-pages-img/about-main-page.jpg) no-repeat center center
}

.services-cover {
    background: url(../images/bg/services-cover.jpg) no-repeat center center / cover #343c55;
}

.pbBG3 {
    background: url(../images/bg/5.jpg) no-repeat center center / cover #343c55;
}

.pbBG5 {
    background: url(../images/bg/6.jpg) no-repeat center center / cover #343c55;
}

.pbBG6 {
    background: url(../images/bg/7.jpg) no-repeat center center / cover #343c55;
}

.pbBG7 {
    background: url(../images/bg/8.jpg) no-repeat center center / cover #343c55;
}

.pbBG8 {
    background: url(../images/bg/9.jpg) no-repeat center center / cover #343c55;
}

.pbBG9 {
    background: url(../images/bg/10.jpg) no-repeat center center / cover #343c55;
}

.pbBG10 {
    background: url(../images/bg/11.jpg) no-repeat center center / cover #343c55;
}

.pbBG11 {
    background: url(../images/bg/12.jpg) no-repeat center center / cover #343c55;
}

.pageBanner .pageBannerContainer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.pageBannerOverlay {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 26, 28, .24);
}

.pboDark {
    background: rgba(23, 26, 28, .48);
}

.pboDark2 {
    background: rgba(23, 26, 28, .36);
}

.pboDark3 {
    background: rgba(23, 26, 28, .30);
}

.pboDark4 {
    background: rgba(23, 26, 28, .42);
}

.triangleShapes {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pageBannerContent {
    position: relative;
    height: 480px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.pageBannerContentInner {
    position: relative;
    padding: 0 0 63px;
}

.pageBannerContent h2 {
    font-size: 72px;
    line-height: 84px;
    color: #FFF;
    margin: 0 0 40px;
    position: relative;
    z-index: 3;
}

.blogSingleBanner .pageBannerContent h2 {
    font-size: 60px;
    line-height: 72px;
    margin: 0 0 37px;
}

.orbitoBredcrumbs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    color: #cfd1d7;
    position: relative;
    z-index: 3;
}

.orbitoBredcrumbs a {
    color: inherit;
}

.orbitoBredcrumbs a:hover {
    color: #f15a23;
}

.orbitoBredcrumbs i {
    font-style: normal;
    margin: 0 13px;
}

.pageBannerShape01 {
    position: absolute;
    left: 177px;
    top: 0;
}

.pageBannerShape02 {
    position: absolute;
    left: -125px;
    bottom: 0;
}

.pageBannerShape03 {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*------------------------------------------------------
/  13. Service & Service Details Page
/------------------------------------------------------*/
.iconBox07 {
    position: relative;
    padding: 0 25px;
}

.processIcon {
    width: 96px;
    height: 96px;
    background: #FFF;
    border-radius: 50%;
    font-size: 36px;
    line-height: 1;
    color: #00c0ff;
    position: relative;
    text-align: center;
    margin: 0 auto 35px;
    padding: 31px 0;
}

.processIcon span {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f15a23;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
    font-family: 'Jost', sans-serif;
}

.iconBox07 h3 {
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 17px;
}

.iconBox07 p {
    color: #a3adcc;
    margin: 0;
}

.pricingTable {
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 58px 59px 60px;
}

.ptTitle {
    font-size: 30px;
    line-height: 1;
    position: relative;
    margin: 0 0 31px;
}

.ptTitle i {
    color: #00c0ff;
    position: absolute;
    right: -8px;
    top: -4px;
    font-size: 38px;
}

.ptTitle i.rightM3P {
    right: -3px;
}

.ptTitle i.rightM2P {
    right: -2px;
}

.ptDesc {
    margin: 0;
}

.ptSeperator {
    height: 1px;
    background: #cacdd3;
    margin: 39px 0 42px;
}

.ptPrice {
    font-family: 'Jost', sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #f15a23;
    font-weight: 500;
    margin: 0 0 24px;
}

.ptPrice span {
    color: #343c55;
    font-size: 18px;
}

.ptFeatures {
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
}

.ptFeatures li {
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    position: relative;
    padding: 0 0 0 45px;
    margin: 0 0 14px;
}

.ptFeatures li:before {
    content: '';
    width: 16px;
    height: 12px;
    background: url(../images/check.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 9px;
}

.ptFeatures li.disableds:before {
    width: 12px;
    height: 12px;
    background: url(../images/cross.png) no-repeat left center;
}

.pricingTable .orbBtn01 {
    min-width: 166px;
    border-color: #f15a23;
    color: #343c55;
}

.pricingTable .orbBtn01:hover {
    color: #FFF;
}

.pricingTable .orbBtn01 .bp-shape {
    background: #f15a23;
}

.orbFAQTab {
    position: relative;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: none;
}

.orbFAQTab li {
    list-style: none;
    display: block;
    margin: 0 0 6px;
}

.orbFAQTab li button {
    border: 1px solid #d8dde7;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #343c55;
    background: transparent;
    font-family: 'Jost', sans-serif;
    text-align: left;
    padding: 0 30px;
    height: 60px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.orbFAQTab li button:hover,
.orbFAQTab li button.active {
    border-color: transparent;
    background: #00c0ff;
    color: #FFF;
}

.serviceDetailsSection {
    padding: 120px 0;
    position: relative;
}

.serviceThumb {
    position: relative;
    margin: 0 0 57px;
}

.serviceThumb img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.serviceContent {
    position: relative;
}

.serviceContent>h2 {
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 20px;
}

.serviceContent>h2.mb35 {
    margin: 0 0 35px;
}

.serviceContent>h2.mb30 {
    margin: 0 0 30px;
}

.serviceContent>h2.mb37 {
    margin: 0 0 37px;
}

.serviceContent>p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}

.serviceContent>p.mb64 {
    margin: 0 0 64px;
}

.iconBox08 {
    position: relative;
    margin: 0 0 57px;
}

.iconBox08 h3 {
    font-size: 24px;
    line-height: 36px;
    position: relative;
    padding: 0 0 0 66px;
    margin: 0 0 28px;
}

.iconBox08 i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 41px;
    line-height: 36px;
    color: #00c0ff;
}

.iconBox08 p {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}

.orbList {
    margin: 0;
    padding: 0;
}

.orbList li {
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0 0 14px;
}

.orbList li:before {
    content: '';
    width: 16px;
    height: 8px;
    background: url(../images/right-arrow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 11px;
}

.sdgItem {
    display: block;
}

.sdgItem img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.counterBox {
    position: relative;
    border: 1px solid #cacdd3;
    border-radius: 5px;
    text-align: center;
    padding: 56px 45px 51px;
}

.counterBox h2 {
    font-size: 48px;
    line-height: 1;
    color: #f15a23;
    margin: 0 0 19px;
}

.counterBox h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}

.sidebar .widget {
    position: relative;
    background: #eef7f8;
    border-radius: 10px;
    padding: 46px 48px 48px;
    margin: 0 0 60px;
}

.sidebar .widget .widgetTitle {
    font-size: 24px;
    line-height: 1;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 32px;
}

.sidebar .widget .widgetTitle:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 3px solid #00c0ff;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 3px;
}

.sidebar .widget.serviceMenu ul {
    margin: 0;
    padding: 0;
}

.sidebar .widget.serviceMenu ul li {
    list-style: none;
    display: block;
    margin: 0 0 6px;
}

.sidebar .widget.serviceMenu ul li:last-child {
    margin: 0;
}

.sidebar .widget.serviceMenu ul li a {
    font-family: 'Jost', sans-serif;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    background: #00c0ff;
    display: block;
    padding: 17px 30px 15px;
    border-radius: 5px;
}

.sidebar .widget.serviceMenu ul li:hover>a,
.sidebar .widget.serviceMenu ul li.current-menu-item>a {
    background: #f15a23;
}

.widgetForm {
    position: relative;
}

.widgetForm form {
    margin: 0;
    padding: 0;
}

.widgetForm form input:not([type="submit"]),
.widgetForm form textarea {
    display: block;
    width: 100%;
    height: 60px;
    background: #FFF;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    line-height: 30px;
    color: #868b9b;
    padding: 0 24px;
    margin: 0 0 18px;
}

.widgetForm form textarea {
    height: 160px;
    resize: none;
    padding: 15px 24px;
}

.widgetForm form input::-moz-placeholder,
.widgetForm form textarea::-moz-placeholder {
    color: #868b9b;
    opacity: 1;
}

.widgetForm form input::-ms-input-placeholder,
.widgetForm form textarea::-ms-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.widgetForm form input::-webkit-input-placeholder,
.widgetForm form textarea::-webkit-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.widgetForm form .orbBtn01 {
    min-width: 166px;
}

.widgetForm .reqError {
    border: 1px solid #f00 !important;
}

.sidebar .widget.helpWidget {
    background: #443190;
}

.sidebar .widget.helpWidget>h3 {
    font-size: 36px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 33px;
}

.sidebar .widget.helpWidget p {
    font-size: 21px;
    line-height: 33px;
    color: #cfd1d7;
    margin: 0 0 85px;
}

.sidebar .widget.helpWidget .headerCall {
    min-height: 60px;
    padding: 4px 0 0 81px;
    margin: 0;
}

.sidebar .widget.helpWidget .headerCall i {
    background: #00c0ff;
    color: #FFF;
    height: 60px;
    width: 60px;
    font-size: 21px;
    line-height: 60px;
}

.sidebar .widget.helpWidget .headerCall h4 {
    font-size: 18px;
    color: #FFF;
    margin: 0 0 13px;
}

.sidebar .widget.helpWidget .headerCall h3 {
    font-size: 24px;
    color: #FFF;
}

.companyProfileBtns {
    position: relative;
}

.companyProfileBtns .orbBtn01 {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 58px;
}

.companyProfileBtns .orbBtnBorder {
    border-color: #f15a23;
    color: #343c55;
    line-height: 55px;
}

.companyProfileBtns .orbBtnBorder:hover {
    border-color: #343c55;
    color: #FFF;
}

.companyProfileBtns a:first-child {
    margin: 0 0 12px;
}


/*------------------------------------------------------
/  13. Portfolio & Portfolio Details Page
/------------------------------------------------------*/
.orbitoPagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 36px 0 0;
}

.orbitoPagination a,
.orbitoPagination span {
    height: 54px;
    width: 54px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    line-height: 52px;
    font-size: 18px;
    color: #868b9b;
    text-align: center;
    margin: 0 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.orbitoPagination a.opNext,
.orbitoPagination a.opPrev {
    color: #00c0ff;
}

.orbitoPagination a:hover,
.orbitoPagination span.current {
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}

.folioSlider {
    position: relative;
    margin: 0 0 57px;
}

.folioSliderImg {
    display: block;
    width: 100%;
    height: auto;
}

#folioSlider li {
    border-radius: 10px;
    overflow: hidden;
}

.folioSliderImg {
    border-radius: 10px;
}

.folioSlider .lSPager.lSGallery li,
.folioSlider .lSSlideOuter .lSPager.lSGallery li.active,
.folioSlider .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 10px;
}

.folioSlider .lSSlideOuter .lSPager.lSGallery li img {
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.folioSlider .lSSlideOuter .lSPager.lSGallery li.active img,
.folioSlider .lSSlideOuter .lSPager.lSGallery li:hover img {
    opacity: .8;
}

.folioDetails {
    position: relative;
}

.folioDetails h2 {
    font-size: 30px;
    line-height: 1;
    margin: 0 0 31px;
}

.folioDetails .orbitoLead {
    font-size: 21px;
    line-height: 33px;
    color: #868b9b;
    margin: 0 0 29px;
}

.folioDetails p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 25px;
}

.orbList2 {
    margin: 0;
    padding: 0;
}

.orbList2 li {
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 45px;
    position: relative;
    margin: 0 0 14px;
}

.orbList2 li:before {
    content: '';
    width: 16px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 1px;
    background: url(../images/check.png) no-repeat left center;
}

.fgItem {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 24px;
}

.fgItem img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.folioMeta {
    position: relative;
    background: #eef7f8;
    border-radius: 10px;
    padding: 57px 60px 58px;
    margin: 0 0 50px;
}

.folioSingleMeta {
    position: relative;
    margin: 0 0 45px;
}

.folioMeta .folioSingleMeta:last-of-type {
    margin: 0;
}

.folioSingleMeta h4 {
    font-size: 18px;
    line-height: 1;
    margin: 0 0 12px;
}

.folioSingleMeta p {
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    margin: 0;
}

.folioShare {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.folioShare h3 {
    font-size: 24px;
    line-height: 48px;
    margin: 0 30px 0 0;
}

.folioShare a {
    height: 48px;
    width: 48px;
    background: #00c0ff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    color: #FFF;
    margin: 0 8px 0 0;
}

.folioShare a.fac {
    background: #1877f2;
}

.folioShare a.twi {
    background: #1da1f2;
}

.folioShare a.lin {
    background: #0077b5;
}

.folioShare a:hover {
    background: #f15a23;
}

.relatedFolioTitle {
    font-size: 48px;
    line-height: 1;
    margin: 0 0 52px;
}

.mt94 {
    margin-top: 94px;
}

/*------------------------------------------------------
/  14. Blog & Blog Details Page
/------------------------------------------------------*/
.blogPageSection {
    position: relative;
    padding: 120px 0 120px;
}

.blogItem03 {
    position: relative;
    margin: 0 0 60px;
}

.bi03Thumb {
    position: relative;
    border-radius: 10px 10px 0 0;
}

.blogItem03 img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.bi03Details {
    position: relative;
    border: 1px solid #d8dde7;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 33px 42px 41px 42px;
}

.bi03Details .bi01Meta {
    margin: 0 0 8px;
}

.bi03Details h2 {
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 15px;
}

.bi03Details h2 a {
    color: inherit;
}

.bi03Details h2 a:hover {
    color: #f15a23;
}

.blogExcerpt {
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0 0 32px;
}

.bi03Details a.orbBtn01 {
    min-width: 143px;
    height: 48px;
    line-height: 46px;
}

.blogPaginationRow .orbitoPagination {
    margin-top: 0;
}

.sidebar .searchForm {
    margin: 0;
    padding: 0;
    position: relative;
}

.sidebar .searchForm input {
    font-size: 16px;
    color: #868b9b;
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 24px;
    border-radius: 5px;
    background: #FFF;
    border: none;
}

.sidebar .searchForm input::-moz-placeholder {
    color: #868b9b;
    opacity: 1;
}

.sidebar .searchForm input::-ms-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.sidebar .searchForm input::-webkit-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.sidebar .searchForm button {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #f15a23;
    position: absolute;
    right: 17px;
    top: 21px;
}

.widgetPostItem2 {
    position: relative;
    padding: 0 0 0 112px;
    min-height: 90px;
    margin: 0 0 29px;
}

.widgetPostItems .widgetPostItem2:last-of-type {
    margin: 0;
}

.widgetPostItem2 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 5px;
}

.widgetPostItem2>a {
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: .9;
    color: #f15a23;
    display: block;
    margin: 0 0 3px;
}

.widgetPostItem2 h3 {
    font-size: 18px;
    line-height: 24px;
    color: #343c55;
    margin: 0 0 13px;
}

.widgetPostItem2 h3 a {
    color: inherit;
}

.widgetPostItem2 h3 a:hover {
    color: #f15a23;
}

.widgetPostItem2 span {
    font-size: 14px;
    line-height: 1;
    display: block;
    margin: 0;
}

.sidebar .widget:not(.serviceMenu) ul {
    margin: -6px 0 -4px;
    padding: 0;
}

.sidebar .widget:not(.serviceMenu) ul li {
    list-style: none;
    font-size: 14px;
    line-height: 28px;
    color: #868b9b;
    border-bottom: 1px solid #d8dde7;
    padding: 0 0 17px 0px;
    margin: 0 0 13px 0;
}

.sidebar .widget:not(.serviceMenu) ul li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.sidebar .widget:not(.serviceMenu) ul li a {
    font-family: 'Jost', sans-serif;
    display: inline-block;
    font-weight: 500;
    color: #343c55;
    margin: 0 6px 0 0;
}

.sidebar .widget:not(.serviceMenu) ul li a:hover {
    color: #f15a23;
}

.tagCloud {
    position: relative;
    margin: 0 0 -6px;
}

.tagCloud a {
    float: left;
    font-size: 16px;
    color: #868b9b;
    border: 1px solid #d8dde7;
    padding: 0 18px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    margin: 0 6px 6px 0;
    background: transparent;
}

.tagCloud a:hover {
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}

.gallery {
    position: relative;
    margin: 0 0 -12px;
}

.gallery img {
    width: 96px;
    height: 96px;
    float: left;
    border-radius: 5px;
    margin: 0 12px 12px 0;
}

.gallery img:nth-child(3),
.gallery img:nth-child(6),
.gallery img:nth-child(9) {
    margin-right: 0;
}

.orbitoSocials {
    position: relative;
    margin: 0 0 -6px;
}

.orbitoSocials a {
    width: 60px;
    height: 60px;
    font-size: 21px;
    color: #FFF;
    line-height: 60px;
    background: #00c0ff;
    float: left;
    text-align: center;
    border-radius: 50%;
    margin: 0 6px 6px 0;
}

.orbitoSocials a.fac {
    background: #1877f2;
}

.orbitoSocials a.twi {
    background: #1da1f2;
}

.orbitoSocials a.lin {
    background: #0077b5;
}

.orbitoSocials a.you {
    background: #ff0000;
}

.orbitoSocials a:hover {
    background: #f15a23;
    color: #FFF;
}

.blogGridPage .blogItem01.biMode2 {
    margin: 0 0 60px;
}

.blogPaginationRow .orbBtnBorder {
    border-color: #f15a23;
    color: #343c55;
}

.blogPaginationRow .orbBtnBorder .bp-shape {
    background: #f15a23;
    color: #FFF;
}

.blogPaginationRow .orbBtnBorder:hover {
    color: #FFF;
}

.blogDetailsPageSection {
    padding: 120px 0 120px;
}

.blogDetailsThumb {
    position: relative;
}

.blogDetailsThumb img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.blogDetailsArea {
    position: relative;
    border: 1px solid #d8dde7;
    border-top: none;
    padding: 33px 42px 30px;
    border-radius: 0 0 10px 10px;
    margin: 0 0 30px;
}

.blogDetailsArea .bi01Meta {
    margin: 0 0 6px;
}

.blogDetailsArea p {
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0 0 30px;
}

.blogDetailsArea>p:last-of-type {
    margin: 0;
}

.blogDetailsArea p.mb43 {
    margin-bottom: 43px;
}

.blogDetailsArea h2.blogHeading {
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 36px;
}

.blogDetailsArea blockquote {
    margin: 0 0 55px;
    padding: 19px 0 0 108px;
    position: relative;
}

.blogDetailsArea blockquote p {
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    color: #5e6371;
    margin: 0 0 17px;
}

.blogDetailsArea blockquote:before {
    content: '';
    width: 46px;
    height: 48px;
    position: absolute;
    left: 29px;
    top: 0;
    background: url(../images/shapes/10.png) no-repeat center center;
}

.blogDetailsArea blockquote cite {
    font-size: 15px;
    line-height: 20px;
    color: #a3a1a9;
    font-style: normal;
}

.blogDetailsArea blockquote cite strong {
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    color: #343c55;
    font-weight: 600;
}

.postTags {
    position: relative;
}

.postTags a {
    float: left;
    font-size: 16px;
    color: #868b9b;
    border: 1px solid #d8dde7;
    padding: 0 18px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    margin: 0 6px 6px 0;
    background: transparent;
}

.postTags a:hover {
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}

.postShare {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.postShare h3 {
    font-size: 18px;
    line-height: 42px;
    margin: 0 30px 0 0;
}

.postShare a {
    height: 42px;
    width: 42px;
    background: #00c0ff;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    color: #FFF;
    margin: 0 8px 0 0;
}

.postShare a:last-child {
    margin: 0;
}

.postShare a.fac {
    background: #1877f2;
}

.postShare a.twi {
    background: #1da1f2;
}

.postShare a.lin {
    background: #0077b5;
}

.postShare a:hover {
    background: #f15a23;
}

.postMetaRow {
    margin-top: 44px;
    margin-bottom: 6px;
}

.postNavigationRow {
    position: relative;
    border-radius: 10px;
    border: 1px solid #d8dde7;
    padding: 29px;
    margin: 0;
}

.postNavigationItem {
    position: relative;
    display: block;
    padding: 8px 0 0 108px;
    min-height: 90px;
}

.postNavigationItem.pniRight {
    padding-left: 0;
    padding-right: 108px;
    text-align: right;
}

.postNavigationItem img {
    width: 90px;
    height: 90px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.postNavigationItem.pniRight img {
    left: auto;
    right: 0;
}

.postNavigationItem h4 {
    font-size: 16px;
    line-height: 16px;
    color: #00c0ff;
    margin: 0 0 5px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.postNavigationItem h4 i {
    font-size: 14px;
    margin: 0 7px 0 0;
}

.postNavigationItem.pniRight h4 i {
    font-size: 14px;
    margin: 0 0 0 7px;
}

.postNavigationItem h3 {
    font-size: 21px;
    line-height: 30px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    margin: 0;
}

.postNavigationItem:hover h3 {
    color: #f15a23;
}

.postAuthorBox {
    position: relative;
    border-radius: 10px;
    border: 1px solid #d8dde7;
    padding: 48px 41px 35px 197px;
    margin: 72px 0 0;
}

.postAuthorBox img {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    left: 41px;
    top: 41px;
}

.postAuthorBox h3 {
    font-size: 30px;
    line-height: 1;
    margin: 0 0 33px;
}

.postAuthorBox p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}

.pabSocial {
    position: absolute;
    right: 42px;
    top: 43px;
    font-size: 21px;
    line-height: 1;
    color: #00c0ff;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.pabSocial a {
    color: inherit;
    margin-left: 22px;
}

.pabSocial a.fac {
    color: #1877f2;
}

.pabSocial a.twi {
    color: #1da1f2;
}

.pabSocial a.lin {
    color: #0077b5;
}

.pabSocial a.ins {
    color: #405de6;
}

.pabSocial a:hover {
    color: #f15a23;
}

.postCommetnListBox {
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 38px 41px 38px;
    margin: 72px 0 0;
}

.postCommetnListBox h3.commentHeading {
    font-size: 36px;
    color: #343c55;
    line-height: 1;
    margin: 0 0 43px;
}

.postCommetnListBox ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.postCommetnListBox ol ul {
    padding: 0;
    margin: 0 0 0 48px;
}

.postCommetnListBox ol li {
    list-style: none;
}

.singleComment {
    position: relative;
    padding: 39px 0 0 128px;
    min-height: 96px;
    margin: 0 0 26px;
    border-top: 1px solid #d8dde7;
}

.postCommetnListBox ol>li:first-child .singleComment {
    border-top: none;
    margin-top: 0;
    padding-top: 9px
}

.postCommetnListBox ol>li:last-child .singleComment {
    margin-bottom: 0;
}

.singleComment>img {
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 50%;
}

.postCommetnListBox ol>li:first-child .singleComment>img {
    top: 0;
}

.singleComment h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 14px;
}

.singleComment .commentTime {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1;
    color: #868b9b;
    margin: 0 0 24px;
}

.singleComment .commentTime span:first-child {
    margin-right: 12px;
}

.commentContent {
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0;
}

.comment-reply {
    height: 48px;
    min-width: 110px;
    border: 2px solid #f15a23;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    color: #343c55;
    line-height: 44px;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 48px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 32px;
}

.postCommetnListBox ol>li:first-child .singleComment .comment-reply {
    top: 1px;
}

.comment-reply:hover {
    border-color: #343c55;
}

.postCommetnFormBox {
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 40px 41px 41px;
    margin: 72px 0 0;
}

.postCommetnFormBox h3.commentHeading {
    font-size: 36px;
    color: #343c55;
    line-height: 1;
    margin: 0 0 43px;
}

.commentForm.row {
    margin-left: -6px;
    margin-right: -6px;
}

.commentForm input:not([type='submit']),
.commentForm textarea {
    font-size: 18px;
    color: #868b9b;
    padding: 0 26px;
    height: 60px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}

.commentForm textarea {
    height: 200px;
    resize: none;
    padding: 15px 25px;
}

.commentForm .col-lg-6,
.commentForm .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px;
}

.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder {
    color: #868b9b;
    opacity: 1;
}

.commentForm input::-ms-input-placeholder,
.commentForm textarea::-ms-input-placeholder {
    color: #868b9b;
    opacity: 1;
}

.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder {
    color: #868b9b;
    opacity: 1;
}


/*------------------------------------------------------
/  15. Contact Page
/------------------------------------------------------*/
.iconBox09 {
    position: relative;
    padding: 6px 0 0 102px;
    min-height: 72px;
    margin: 0 0 18px;
}

.iconBox09 i {
    width: 72px;
    height: 72px;
    background: #00c0ff;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    line-height: 72px;
    position: absolute;
    left: 0;
    top: 0;
}

.iconBox09 h4 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 11px;
}

.iconBox09 p {
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    margin: 0;
}

.iconBox09 p a {
    color: inherit;
}

.iconBox09 p a:hover {
    color: #f15a23;
}

#backtotop {
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: #f15a23;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1200;
    border-radius: 0;
}

#backtotop:hover {
    background: #00c0ff;
}


/*------------------------------------------------------
/  16. Preloader
/------------------------------------------------------*/
#preloader {
    background: #343c55;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #00c0ff
}

.la-ball-scale-multiple.la-dark {
    color: #333
}

.la-ball-scale-multiple>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-scale-multiple {
    width: 32px;
    height: 32px
}

.la-ball-scale-multiple>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}

.la-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.la-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px
}

.la-ball-scale-multiple.la-sm>div {
    width: 16px;
    height: 16px
}

.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}

.la-ball-scale-multiple.la-2x>div {
    width: 64px;
    height: 64px
}

.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px
}

.la-ball-scale-multiple.la-3x>div {
    width: 96px;
    height: 96px
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.nav-tabs .nav-link {
    border: 1px solid #00c0ff;
    border-radius: 2px;
    margin: 2px;
    color: #000;
}

.custom-border {
    border-bottom: none;
}

.nav-tabs .nav-link.active {
    background: #00c0ff;
    color: #fff;
    border-color: #00c0ff;
}

.make-money-info {
    font-size: 15px;
    color: #262626;
    margin-bottom: 5px !important;
}

.make-money-title {
    font-size: 34px;
    color: #000;
    font-weight: 500;
}

.challenges-section {
    padding: 80px 0px;
}

.clients-section {
    width: 88%;
    max-width: 1350px;
    margin: 0px auto;
}

.clients-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    border: 1px solid #e5e7eb;
}

.right-border {
    border-right: none !important;
    border-bottom: none !important;
    border-top: none !important;
}

.right-border-two {
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.right-border-three {
    border-bottom: none !important;
    border-right: none !important;
}

.right-border-frist {
    border: none !important;
}

.client-card {
    background: #fff;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    position: relative;
    cursor: pointer;
    transition: .4s ease;
    overflow: visible;
}

.client-card img {
    max-width: 138px;
    /* max-height:70px; */
    transition: .4s ease;
    /* filter:grayscale(100%);
    opacity:.8; */
}

/* TOOLTIP TOP */
.client-card::after {
    content: attr(data-name);
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: #0099ff !important;
    color: #fff;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 6px;
    opacity: 0;
    transition: .3s ease;
    pointer-events: none;
}

/* ARROW */
.client-card::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #0099ff transparent transparent transparent;
    opacity: 0;
    transition: .3s ease;
}

/* HOVER */
.client-card:hover img {
    transform: scale(1.4);
    filter: grayscale(0%);
    opacity: 1;
}

.client-card:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.client-card:hover::before {
    opacity: 1;
}

.iit-title {
    font-size: 31px !important;
    line-height: 40px;
    text-align: center;
}

#chat-container {
    position: fixed;
    bottom: 90px;
    right: 18px;
    z-index: 99;
}

#simple-chat-button--button {
    display: block;
    position: relative;
    text-decoration: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 6px 8px 2px rgb(0 0 0 / 15%);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center/44px 44px no-repeat #25D366;
}

#simple-chat-button--button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    -webkit-animation: scb-shockwave-animation 2s 5.3s ease-out infinite;
    animation: scb-shockwave-animation 2s 5.3s ease-out infinite;
    z-index: -1;
}

#simple-chat-button--text {
    display: none;
    position: absolute;
    width: max-content;
    background-color: #fff;
    bottom: 15px;
    right: 70px;
    border-radius: 5px;
    padding: 5px 10px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.03em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: keep-all;
    line-height: 1em;
    text-overflow: ellipsis;
    vertical-align: middle;
    box-shadow: 0 6px 8px 2px rgb(0 0 0 / 15%);
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    /* border-radius: 10px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #18dee5;
    /* border-radius: 10px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #18dee5;
}

/* case-study-css-start */
.case-cestion{padding-top: 60px;}
.case-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: white;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: .35s;
}

.fade-card-case img {
    /* width: 725px !important; */
    height: 500px !important;
    object-fit: cover;
}
.case-card h3{color: #fff;}
.case-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: .4s;
}

.case-card:hover img {
    transform: scale(1.05);
}

.case-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    /* opacity control */
    z-index: 1;
}

.case-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
    color: white;
    z-index: 2;
}

.case-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
    color: white;
}

.case-overlay h3 {
    font-size: 20px;
    margin-top: 5px;
}

.case-overlay small {
    opacity: .8;
}

.badge-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0099ff;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    z-index: 99;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}



/* simple fade animation */

.fade-card-case {
    opacity: 0;
    transform: translateY(30px);
    transition: 0.6s;
}

.fade-card-case.show {
    opacity: 1;
    transform: translateY(0);
}