/*
 Theme Name: Idoni
 Theme URI: https://themewar.com/wp/idoni/
 Author: ThemeWar
 Author URI: https://themeforest.net/user/themewar/portfolio
 Description: Idoni – Creative Agency WordPress Theme
 Version: 1.0
 License:
 License URI: 
*/

/*==================================
    [Table of contents]
===================================
    01. Header Topbar
    02. Header
    03. Banner 
    03.2 About Area
    04. Loader Section
    05. Carousel
    06. Counter Section
    07. Faq Section
    08. Blog
    09. Portfolio
    10. Service
    11. Team
    12. Client Section
    13. Footer
    14. Awards Section
    15. Video Section
    16. Wp Modification
    17. Preloader

/*-----------------------------------------
/  01. Header Topbar
/-----------------------------------------*/
/* -- Header Topbar 01-- */
.topbar01{
    position: relative;
    background: url(../images/topbar_bg.jpg)no-repeat scroll center center / cover;
    padding: 5px 0 7px;
}
.topbar02.topBarFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.topbar02.topBarAbsolute{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.topbar01 .topbarText{
    text-align: center;
}
.topbar01 .topbarText p{
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    color: var(--tw-white-color);
    display: inline-block;
}
.topbar01 .topbarText p a{
    color: inherit;
    font-weight: 700;
}
.topbar01 .topbarText p a:hover{
    color: var(--tw-primary-color);
}

/* -- Header Topbar 02-- */
.topbar02{
    position: relative;
    background: transparent;
    border-bottom: 1px solid rgba(34, 34, 34, .1);
    padding: 5px 80px 6px;
    z-index: 9;
}
.topbar02.topBarFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.topbar02.topBarAbsolute{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.topbarItem{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.topbarLeft{
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-secondary-color);
}
.topbarLeft a,
.topbarLeft span{
    display: inline-block;
    color: inherit;
    margin-right: 27px;
}
.topbarLeft a:hover{
    color: var(--tw-primary-color);
}
.topbarRight{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.topbarRight .topLan{
    position: relative;
}
.topbarRight .topLan .nice-select {
    border: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    background: transparent;
    height: 40px;
}
.topbarRight .topLan .nice-select:after {
    border-bottom: 1px solid var(--tw-secondary-color);
    border-right: 1px solid var(--tw-secondary-color);
    margin-top: -4px;
    right: 20px;
}
.topbarRight .topLan .nice-select .list {
    margin-top: 2px;
}
.topbarRight .topSocial{
    position: relative;
    font-size: 14px;
    color: var(--tw-secondary-color);
    margin-left: 27px;
}
.topbarRight .topSocial:after {
    content: '';
    position: absolute;
    left: -14px;
    top: 9px;
    width: 1.5px;
    height: 12px;
    background: rgba(34, 34, 34, .16);
}
.topbarRight .topSocial a{
    display: inline-block;
    color: inherit;
    margin-left: 19px;
}
.topbarRight .topSocial a svg{
    width: auto;
    height: 14px;
    fill: var(--tw-secondary-color);
}
.topbarRight .topSocial a:hover{
    color: var(--tw-primary-color);
}
.topbarRight .topSocial a:hover svg{
    fill: var(--tw-primary-color);
}

/*-----------------------------------------
/  02. Header
/-----------------------------------------*/
/* -- Header 01-- */
.header01 {
    position: relative;
    padding: 0 80px;
}
.header01.headerFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.header01.headerAbsolute {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
header.isSticky.fixedHeader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
    border: none;
    z-index: 99999;
}
.header01Inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 5;
    position: relative;
}
.logo{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
}
.logo .textLogo{
        font-size: 24px;
        color: var(--tw-primary-color);
        text-transform: capitalize;
        padding: 26px 0 26px;
    }
.logo .hlogo{
    display: inline-block;
}
.logo .hlogo img{
    max-width: 61px;
    height: auto;
}
.logo .hBtn {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--tw-secondary-color);
    display: inline-block;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    min-width: 101px;
    min-height: 24px;
    text-align: center;
    padding: 0px 11px;
    line-height: 23px;
    font-weight: 700;
    margin-left: 24px;
}
.logo .hBtn:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}
.mainMenu {
    position: relative;
    margin-left: 30px;
}
.mainMenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainMenu > ul > li {
    position: relative;
    display: inline-block;
    padding: 25px 0 17px;
    margin: 0 48px 0 0;
}
.mainMenu > ul > li:last-child{
    margin-right: 0;
}
.mainMenu ul li a{
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: var(--tw-secondary-color);
}
.mainMenu ul > li:hover > a{
    color: var(--tw-primary-color);
}
.mainMenu > ul > li.menu-item-has-children > a:after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    font-weight: 900;
    position: relative;
    left: 5px;
    top: -11px;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}
.mainMenu > ul > li.menu-item-has-children:hover > a:after {
    color: var(--tw-primary-color);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    top: -10px;
}
.mainMenu ul li ul {
    position: absolute;
    padding: 15px 0;
    top: 100%;
    left: -30px;
    pointer-events: none;
    display: block;
    min-width: 235px;
    border-radius: 0;
    margin: 0;
    background: #3B3B3B;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-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;
}
.mainMenu > ul li:hover > ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.mainMenu > ul li > ul li {
    margin: 0;
    padding: 4px 30px 4px;
    width: 100%;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.mainMenu > ul li > ul li:hover {
    padding-left: 37px;
    background: transparent;
}
.mainMenu > ul li > ul > li > a:after {
    content: '';
    width: 0;
    height: 1px;
    background: var(--tw-primary-color);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.mainMenu > ul li > ul > li:hover > a:after{
    width: 100%;
}
.mainMenu > ul > li ul li.menu-item-has-children:before {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    font-weight: 900;
    color: var(--tw-white-color);
    position: absolute;
    margin: 0;
    right: 30px;
    top: 7px;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.mainMenu > ul li > ul li a {
    color: var(--tw-white-color);
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
    display: inline;
    font-weight: 500;
    padding-bottom: 0px;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    position: relative;
}
.mainMenu > ul li > ul li:hover > a,
.mainMenu > ul > li ul li.menu-item-has-children:hover:before {
    color: var(--tw-primary-color);
}
.mainMenu ul li ul li ul {
    left: 100%;
    top: 0;
}
.menu_btn{
    display: none;
}
.rolling-text {
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
}
.mainMenu > ul li:hover .rolling-text .letter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.rolling-text .letter {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.letter:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.letter:nth-child(2) {
    -webkit-transition-delay: 0.015s;
    transition-delay: 0.015s;
}
.letter:nth-child(3) {
    -webkit-transition-delay: 0.03s;
    transition-delay: 0.03s;
}
.letter:nth-child(4) {
    -webkit-transition-delay: 0.045s;
    transition-delay: 0.045s;
}
.letter:nth-child(5) {
    -webkit-transition-delay: 0.06s;
    transition-delay: 0.06s;
}
.letter:nth-child(6) {
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s;
}
.letter:nth-child(7) {
    -webkit-transition-delay: 0.09s;
    transition-delay: 0.09s;
}
.letter:nth-child(8) {
    -webkit-transition-delay: 0.105s;
    transition-delay: 0.105s;
}
.letter:nth-child(9) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}
.letter:nth-child(10) {
    -webkit-transition-delay: 0.135s;
    transition-delay: 0.135s;
}
.letter:nth-child(11) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.letter:nth-child(12) {
    -webkit-transition-delay: 0.165s;
    transition-delay: 0.165s;
}
.letter:nth-child(13) {
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s;
}
.letter:nth-child(14) {
    -webkit-transition-delay: 0.195s;
    transition-delay: 0.195s;
}
.letter:nth-child(15) {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
}
.letter:nth-child(16) {
    -webkit-transition-delay: 0.225s;
    transition-delay: 0.225s;
}
.letter:nth-child(17) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}
.letter:nth-child(18) {
    -webkit-transition-delay: 0.255s;
    transition-delay: 0.255s;
}
.letter:nth-child(19) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}
.letter:nth-child(20) {
    -webkit-transition-delay: 0.285s;
    transition-delay: 0.285s;
}
.letter:nth-child(21) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* ----------------- New Menu End ------------ */
.navAccess01{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.navAccess01 .headLang{
    position: relative;
}
.navAccess01 .headLang a:hover{
    color: var(--tw-secondary-color);
}

/*--- Langluage --- */

.headLang ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.headLang .expandedMenu{
    margin-right: 40px;
}
.headLang ul.dropdownMenu{
    position: relative;
}
.headLang .expandedMenu > li{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: rgba(169, 169, 169, 1);
    margin-left: 8px;
}
.headLang .expandedMenu li a{
    display: inline-block;
    color: inherit;
    font-size: inherit;
}
.headLang .dropdownMenu > li{
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: var(--tw-secondary-color);
    font-family: var(--primary-font);
}
.headLang .dropdownMenu > li a {
    position: relative;
    display: inline-block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.headLang ul.dropdownMenu li > ul li{
    color: var(--tw-white-color);
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    font-weight: 500;
    padding-bottom: 0px;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear
}
.headLang .dropdownMenu > li > a {
    top: 1px;
    padding: 6px 4px;
}
.headLang .dropdownMenu > li.menu-item-has-children > a:after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-size: 9px;
    font-weight: 900;
    position: relative;
    left: 4px;
    top: -2px;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}
.headLang ul.dropdownMenu li ul {
    position: absolute;
    padding: 15px 0;
    top: 100%;
    right: -14px;
    pointer-events: none;
    display: block;
    min-width: 160px;
    border-radius: 0;
    margin: 0;
    background: #3B3B3B;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.headLang ul.dropdownMenu li > ul li{
    padding: 8px 25px;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%;
    display: block;
}
.headLang ul.dropdownMenu li > ul li a{
    display: inline-block;
}
.headLang ul.dropdownMenu li:hover > ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.headLang ul.dropdownMenu li > ul li:hover {
    padding-left: 28px;
    background: transparent;
}
.headLang ul.dropdownMenu li > ul li a:hover{
    color: var(--tw-primary-color);
}


/* -- Header 02-- */
.header02{
    position: relative;
    padding: 0 80px;
    z-index: 2;
}
.header02.headerFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.header02.headerAbsolute {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.header02 .logo {
    top: -2px;
}
.header02 .mainMenu {
    left: -8px;
}
.header02 .mainMenu > ul > li {
    padding: 25px 0 18px;
}
.header02 .hBtn{
    background: var(--tw-white-color);
    border: none;
    line-height: 25px;
}
.header02 .hBtn:hover{
    border: none;
}
.navAccess02{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: -1px;
}
.navAccess02 button{
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 24px;
    color: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    padding: 0;
    margin-left: 29px;
    position: relative;
    top: -2px;
}
.navAccess02 button:hover{
    color: var(--tw-primary-color);
}

.navAccess02 button svg{
    height: 25px;
    width: auto;
    fill: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.navAccess02 button:hover svg{
    fill: var(--tw-primary-color);
}
.header02 .header01Inner .idoniBtn03,
.header03 .header01Inner .idoniBtn03{
    height: 40px;
    line-height: 38px;
}

/* -- Header 03-- */

.header03{
    position: relative;
    padding: 0 80px;
    background: var(--tw-white-color);
}
.header03.headerFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.header03.headerAbsolute {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.header03:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--tw-secondary-color);
    width: 38.6%;
    height: 100%;
    z-index: 2;
}
.header03 .mainMenu{
    margin: 0 0 0 auto;
    left: auto;
    right: 60px;
    background: transparent;
}
.header03 .hBtn{
    background: var(--tw-white-color);
    border: 0;
    line-height: 25px;
}
.header03 .hBtn:hover{
    border: 0;
}
.header03 .mainMenu > ul > li {
    padding: 35px 0 27px;
}
.header03 .navAccess02 {
    top: 0px;
}

/*-----------------------------------------
/  03. Banner 
/-----------------------------------------*/
/* -- Banner Area 01-- */
.bannerArea01{
    position: relative;
}
.bannerArea01 .container-fluid{
    max-width: 2080px;
}
.bannerInner01{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.bannerInner01 .bannerLeft{
    position: relative;
    width: 80px;
    height: auto;
    background: var(--tw-white-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;

}
.bannerInner01 .bannerLeft p{
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    position: relative;
    line-height: 1;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.bannerInner01 .bannerLeft p:nth-child(01){
    width: 150px;
    position: relative;
    top: 34px;
}
.bannerInner01 .bannerLeft p:nth-child(01):after{
    content: "/";
    position: absolute;
    bottom: 0;
    left: -39px;
    font-size: 14px;
    color: rgba(204, 204, 204, 1);
}
.bannerInner01 .bannerLeft p:nth-child(02){
    position: relative;
    top: -44px;
}
.bannerInner01 .bannerLeft p a{
    display: inline-block;
    color: inherit;
}
.bannerInner01 .bannerLeft p:hover a{
    color: var(--tw-primary-color);
}
.bannerInner01 .bannerRight{
    position: relative;
    width: 80px;
    height: auto;
    background: var(--tw-white-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bannerInner01 .bannerMain{
    position: relative;
    background: #FBF8F1;
    width: calc(100% - 160px);
    height: auto;
    margin: auto;
    padding: 220px 0 0 0;
    overflow: hidden;
}
.bannerInner01 .bannerRight button{
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 24px;
    color: rgba(34, 34, 34, 1);
}
.bannerContent01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.bannerContent01 h2{
    font-size: 120px;
    line-height: 1;
    margin: 0;
    position: relative;
    font-family: var(--primary-font);
}
.bannerContent01 h2 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
}
.bannerContent01 .banHead01{
    top: 10px;
}
.bannerContent01 .banHead02{
    top: 6px;
}
.elementor .bannerContent01 img{
    max-width: 300px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 0 40px 0 33px;
}
.bannerContent01 p{
    max-width: 370px;
    width: 100%;
    position: relative;
    top: 8px;
}
.bannerContent01 .banHead02 span{
    font-size: 120px;
    line-height: 1;
    font-style: italic;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    margin-right: 34px;
    position: relative;
    top: -4px;
}
.bannerMain .bannerIdoni {
    font-size: 600px;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    position: relative;
    letter-spacing: 60px;
    background: var(--tw-primary-color);
    font-family: var(--body-font);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: url(
    ../images/dl_beatsnoop.jpg);
    background-position: 20px -40px;
    background-repeat: no-repeat;
    background-size: auto;
    margin: 18px 0 -298px 39px;
}
.banner01Social {
    position: absolute;
    right: -459px;
    top: 0%;
    bottom: 0;
    font-size: 14px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    line-height: 1;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    display: -webkit-inline-box;
}
.banner01Social span{
    margin-right: 6px;
}
.banner01Social a{
    display: inline-block;
    color: inherit;
    margin-left: 6px;
}
.banner01Social a:hover{
    color: var(--tw-primary-color);
}

/* -- Banner Area 02 -- */
.bannerArea02 {
    position: relative;
    background: url(../images/bannerBg02.jpg)no-repeat scroll center center / cover;
    width: 100%;
    height: auto;
    padding: 100px 0 224px;
}
.bannerConTitle{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 783px;
    width: 100%;
    margin: 131px 0 134px;
}
.bannerConTitle p{
    font-weight: 700;
    color: var(--tw-secondary-color);
    line-height: 28px;
    max-width: 255px;
    width: 100%;
    position: relative;
    margin: 0;
}
.bannerConTitle p:after{
    content: '';
    position: absolute;
    left: calc(100% + 38px);
    top: 30px;
    width: 250px;
    height: 1px;
    background: var(--tw-secondary-color);
}
.bannerConTitle .idoniBtn03{
    min-width: 200px;
}
.bannerBatch{
    text-align: right;
    position: relative;
}
.elementor .bannerBatch img,
.bannerBatch img{
    max-width: 144px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
.bannerh2{
    position: relative;
    top: -244px;
    margin-bottom: -126px;
}
.bannerh2 h2{
    font-size: 120px;
    line-height: 113px;
    color: var(--tw-secondary-color);
    max-width: 960px;
    width: 100%;
}
.bannerh2 h2 mark{
    background: transparent;
    color: var(--tw-white-color);
}
.bannerh2 h2 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
}

/*-----------------------------------------
/  03.2 About Area
/-----------------------------------------*/
/*-- About Area 01 --*/
.aboutLook{
    position: relative;
    margin-right: 23px;
}
.aboutLook span{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.idoniAbout01 .abImg01 span{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.elementor .aboutLook img,
.elementor .idoniAbout01 .abImg01 img,
.aboutLook img{
    max-width: 500px;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.elementor .blogBox02 img:nth-child(1) {
    -webkit-transform: translatex(50%) scalex(2);
            transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
}
.abContent01{
    position: relative;
    padding: 0 100px 0 103px;
}
.elementor .abContent01 img{
    max-width: 120px;
    width: 100%;
    height: auto;
    margin-bottom: 81px;
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
.abDes01 {
    position: relative;
    padding: 0 30px 46px 0;
}
.abDes01:last-child {
    padding-bottom: 0;
}
.abDes01 h4{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 26px;
}
/* -- About Area 02 -- */
.abDownArrow{
    position: relative;
    display: inline-block;
}
.abDownArrow a{
    width: 60px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: transparent;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 50%;
    font-size: 20px;
    color: var(--tw-secondary-color);
    position: relative;
}
.abDownArrow a i{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: upDown 2s ease infinite;
            animation: upDown 2s ease infinite;
    position: relative;
}
@-webkit-keyframes upDown {
    0%{
        top: -10px;
        opacity: 0;
    }
    100%{
        top: 15px;
        opacity: 1;
    }
}
@keyframes upDown {
    0%{
        top: -10px;
        opacity: 0;
    }
    100%{
        top: 15px;
        opacity: 1;
    }
}
.abDownArrow a:hover span{
    color: var(--tw-primary-color);
}
.abHistory02{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 101px 119px 0 69px ;
}
.abHistoryTest{
    position: relative;
    padding-right: 60px;
}
.abHistoryTest h3{
    font-size: 20px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0 0 26px;
}
.abHistoryTest p{
    margin: 0 0 62px;
}
.abHistoryImg{
    position: relative;
    text-align: right;
}
.abHistoryImg img{
    margin-bottom: 30px;
}
/* -- About Area 03 -- */

.abIconBoxWrap{
    position: relative;
}
.abIconSingle {
    position: relative;
    display: inline-block;
    border: 1px solid #222222;
    border-radius: 10px;
    background: var(--tw-white-color);
    padding: 50px 50px 33px;
    margin: 0 0 45px;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    cursor: pointer;
}
.abIconSlider .abIconSingle {
    margin: 0 0 30px;
}
.abIconSingle:hover{
    box-shadow: 12px 12px 0px 0 #000000;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}
.abIconSingle .abIcons{
    position: relative;
    margin: 0 0 118px;
}
.abIconSlider .abIconSingle .abIcons{
    margin: 0 0 119px;
}
.abIconSingle .abIcons span {
    font-size: 100px;
    color: var(--tw-secondary-color);
    display: inline-block;
}
.abIconSingle .abIcons a{
    font-size: 35px;
    color: rgba(34, 34, 34, .1);
    -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    position: relative;
    float: right;
    cursor: pointer;
}
.abIconSingle:hover .abIcons a{
    color: var(--tw-secondary-color);
}
.logis_holder.elementor-align-right .abIconSingle .abIcons a{
    float: left;
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
}
.abIconSingle h2{
    font-size: 40px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0 0 20px;
}
.abIconSingle h2 a{
    color: inherit;
    display: inline-block;
}
.abIconSingle h2 a:hover{
    color: var(--tw-primary-color);
}
.abIconSingle p{
    line-height: 18px;
    color: #777777;
}
.abIconSingle .rm_btn{
    display: inline-block;
    color: var(--tw-secondary-color);
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    position: absolute;
    left: 49px;
    bottom: 49px;
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
}
.abIconSingle:hover .rm_btn{
    opacity: 1;
    visibility: visible;
    transform: translateY(0); 
}
.abIconSingle .rm_btn:hover{
    color: var(--tw-primary-color);
}

.img01Slider.owl-carousel .owl-nav button,
.abIconSlider.owl-carousel .owl-nav button  {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.abIconSlider.owl-carousel .owl-nav.disabled{
    display: none !important;
}
.abIconSlider.owl-carousel .owl-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
}
.abIconSlider.owl-carousel .owl-nav button  {
    position: relative;
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
    border:1px solid var(--tw-secondary-color);
}
.abIconSlider.owl-carousel .owl-nav button:hover{
    color: var(--tw-primary-color);
}
.img01Slider.owl-carousel .owl-nav button:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-secondary-color);
}
.img01Slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 10px;
}
.img01Slider.owl-carousel .owl-nav button.owl-prev {
    left: 10px;
    right: auto;
}

.pageBanner01{
    position: relative;
    background: var(--tw-secondary-color);
    padding: 140px 0;
}
.pageBannerTitle{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 1;
}

.pageBannerTitle.is_single:after {
    bottom: 20px;
}
.pageBannerTitle.is_single .pagePath {
    top: -18px;
}

/* ------------------------------ */

.pageBannerTitle:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 29px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    z-index: -1;
}
.pageBannerTitle h2 {
    color: var(--tw-white-color);
    font-size: 60px;
    line-height: 67px;
    position: relative;
    margin: 0;
    background: var(--tw-secondary-color);
    padding-right: 52px;
    max-width: 563px;
    width: auto;
}
.pageBannerTitle.blogSinglePB h2 {
    max-width: 511px;
    line-height: 70px;
    width: 100%;
}
.pageBannerTitle h2 span{
    font-family: var(--secondary-font);
    font-style: italic;
    font-weight: 400;
}
.pagePath {
    position: relative;
    font-size: 14px;
    color: var(--tw-white-color);
    line-height: 1;
    font-weight: 700;
    top: 2px;
}
.pagePath a{
    display: inline-block;
    color: #999999;
    font-size: inherit;
}
.pagePath a:hover{
    color: var(--tw-primary-color);
}
.pagePath .breadcrumbs{
    position: relative;
    display: inline-flex;
    align-items: center;
}
.pagePath .brdSeparator{
    color: var(--tw-primary-color);
    margin: 4px 9px 0 11px;
    font-size: 10px;
}

/* -- Impression Section -- */
.impressWrap{
    position: relative;
}
.impCarItem{
    position: relative;
}
.elementor .impCarItem img,
.impCarItem img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.impCarItem .impPlayBtn{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
    opacity: 0;
    visibility: hidden;
}
.impCarItem:hover .impPlayBtn{
    opacity: 1;
    visibility: visible;
}
.impPlayBtn:hover{
    color: var(--tw-primary-color);
}
.impCarItem .impPlayBtn span{
    -webkit-animation: playLoding01 2s linear infinite;
            animation: playLoding01 2s linear infinite;
}
.impCarItem .impPlayBtn:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background: url(../images/anim_lodin.png)no-repeat;
    background-size: 100% 100%;
    -webkit-animation: playLoding 2s linear infinite;
            animation: playLoding 2s linear infinite;
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.impCarItem:hover .impPlayBtn:after{
    opacity: 1;
}
@-webkit-keyframes playLoding {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes playLoding {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes playLoding01 {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
}
@keyframes playLoding01 {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
}
.impressCaptionWrap{
    position: relative;
}
.impressCaptionWrap img{
    max-width: 144px;
    width: 100%;
    height: auto;
    margin: 0 0 61px;
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
.impConBtn{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.impConBtn .idoniBtn02 {
    padding: 0 35.7px;
    margin: 0 10px;
}
.impConBtn .idoniBtn02:first-child{
    background: var(--tw-primary-color);
    border: 0;
    outline: 0;
    color: var(--tw-white-color);
    padding: 0 37.7px;
}
.impConBtn .idoniBtn02:first-child:hover{
    background: var(--tw-secondary-color);
}
.impressCarousel.owl-carousel .owl-nav button{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.20);
    transition: all 350ms ease;
}
.impressCarousel.owl-carousel .owl-nav button:hover{
    color: var(--tw-primary-color);
}
.impressCarousel.owl-carousel .owl-nav button.owl-prev{
    left: 15px;
    right: auto;
}
.impressCarousel.owl-carousel .owl-nav button.owl-next{
    right: 15px;
    left: auto;
}

/* -- About Section 02 -- */
.abImage02{
    position: relative;
    margin-right: 23px;
}
.abImage02 img{
    max-width: 500px;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.abContent02{
    position: relative;
    padding: 49px 110px 0 103px;
}
.abConTab{
    position: relative;
    margin: 0 0 60px;
}
.abConTab nav .nav-tabs {
    border: 0;
    margin: 0 0 27px;
}
.abConTab nav .nav-link{
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: var(--tw-secondary-color);
    border: 0;
    outline: 0;
    background: transparent;
    padding: 0;
    margin-right: 40px;
    position: relative;
}
.abConTab nav .nav-link.active{
    background: none;
    color: var(--tw-primary-color);
}
.abConTab nav .nav-link:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.abConTab nav .nav-link.active:after{
    width: 100%;
}
.abConTab p{
    margin: 0 0 60px;
}
.abContent02 .idoniBtn02{
    padding: 0 35.7px;
}

/* -- About History -- */
.history01Item{
    position: relative;
    padding: 92px 0 71px;
    margin: 138px 0 0;
}
.history01Item:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    background: var(--tw-secondary-color);
    z-index: -1;
}
.historyConItem{
    position: relative;
    margin: 0 0 102px;
}
.historyConItem:last-child{
    margin-bottom: 0;
}
.historyConItem.hcLast{
    margin: 0 ;
}
.historyYear{
    position: relative;
    text-align: right;
    padding: 0 51px 0 0;
}
.reverse .historyYear{
    text-align: left;
    padding: 0 0 0 48px;
}
.historyYear:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 52px;
    width: 21px;
    height: 1px;
    background: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.reverse .historyYear:after {
    left: -75px;
}
.historyConItem:hover .historyYear:after {
    background: var(--tw-primary-color);
}
.historyYear h2{
    font-size: 150px;
    line-height: .83;
    letter-spacing: -0.02em;
    color: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    position: relative;
    display: inline-block;
    color: transparent;
}
.historyYear h2:before{
    content:attr(data-text);
    position:absolute;
    color: var(--tw-secondary-color);
    width:100%;
    overflow:hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.historyConItem:hover .historyYear h2:before{
    width:0;
}
.historyConItem:hover .historyYear h2{
    -webkit-text-stroke: 1px var(--tw-primary-color);
}
.historyCon{
    position: relative;
    padding: 0 80px 0 48px;
}
.reverse .historyCon{
    text-align: right;
    padding: 0 48px 0 80px;
}
.historyCon h3{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 26px;
} 
.historyCon h3 a{
    display: inline;
    color: inherit;
    background-image: -webkit-linear-gradient(#222222, #222222), -webkit-linear-gradient(#222222, #222222);
    background-image: linear-gradient(#222222, #222222), linear-gradient(#222222, #222222);
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 450ms linear;
    transition: background-size 450ms linear;
}
.historyCon h3:hover a{
    background-size: 0% 1px, 100% 1px;
}
.hisPaperPlan,
.hisPlus{
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--tw-white-color);
    border: 1px solid var(--tw-secondary-color);
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    color: var(--tw-secondary-color);
    cursor: pointer;
    z-index: 1;
}
.hisPaperPlan:hover,
.hisPlus:hover{
    color: var(--tw-primary-color);
}
.hisPaperPlan{
    top: -60px;
}
.hisPlus{
    bottom: -60px;
}
.hisPaperPlan i{
    -webkit-animation: paperAnim 2s linear infinite;
            animation: paperAnim 2s linear infinite;
}
@-webkit-keyframes paperAnim {
    0%{
        -webkit-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0);
    }
    100%{
        -webkit-transform: translateX(10px) translateY(-10px);
                transform: translateX(10px) translateY(-10px);
        opacity: 0;
    }
}
@keyframes paperAnim {
    0%{
        -webkit-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0);
    }
    100%{
        -webkit-transform: translateX(10px) translateY(-10px);
                transform: translateX(10px) translateY(-10px);
        opacity: 0;
    }
}


/*-----------------------------------------
/  04. Loader Section
/-----------------------------------------*/
.loaderWrap{
    position: relative;
}
.loaderItem01,
.loaderItem02{
    position: relative;
    background: var(--tw-secondary-color);
    margin: 0 0 30px;
    padding: 40px 0 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + 72px);
    left: -20px;
}
.loaderItem01{
    z-index: 1;
}
.loaderItem02 {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    background: var(--tw-primary-color);
}
.loaderAnim{
    --animdur: 10s; 
    --animn: loaderAnim; 
    position: relative;
    white-space: nowrap;
    will-change: transform;
    display: -webkit-box;
}
.loaderAnim h2 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: var(--tw-white-color);
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
}
.loaderAnim h2 a {
    color: inherit;
    display: inline-block;
    margin: 0 51px 0 70px;
}
.loaderAnim h2 a:hover{
    color: var(--tw-primary-color);
}
.loaderAnim:hover[data-loaderAnim] {
    --animps: paused;
}
.loaderItem02 h2 a:hover{
    color: var(--tw-secondary-color);
}
.idoniAbout01 .secTitle {
    margin-bottom: 102px;
}


/*-----------------------------------------
/  05. Carousel
/-----------------------------------------*/
/* -- Service Carousel 01 -- */
.folioSlider01{
    position: relative;
}
.serCarItem01{
    position: relative;
}
.serCarItem01 .serItemCon{
    position: relative;
    bottom: -31px;
    z-index: 2;
}
.serCarItem01 .serTags{
    position: relative;
    margin: 0 0 13px;
}
.serCarItem01 .serTags a{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #999999;
}
.serCarItem01 .serTags a:hover{
    color: var(--tw-primary-color);
}
.serCarItem01 h2{
    font-size: 40px;
    line-height: 1;
    color: var(--tw-secondary-color);
    text-transform: capitalize;
}
.serCarItem01 h2 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
}
.serCarItem01 h2 a{
    color: inherit;
    display: inline-block;
}
.serCarItem01 h2 a:hover{
    color: var(--tw-primary-color);
}
.serCarItem01 .serviceImg{
    position: relative;
    padding: 50px;
    background: #F2F2F2;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin:0 0 0 120px;
}
.serCarItem01 .serviceImg:before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px; 
    padding: 2px; 
    background:-webkit-linear-gradient(330deg,rgba(224, 33, 102, 0),rgba(224, 33, 102, 1)); 
    background:linear-gradient(120deg,rgba(224, 33, 102, 0),rgba(224, 33, 102, 1)); 
    -webkit-mask: -webkit-linear-gradient(#F2F2F2 0 0) content-box, -webkit-linear-gradient(#F2F2F2 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serCarItem01:hover .serviceImg:before{
    opacity: 1;
    visibility: visible;
}
.serCarItem01 .serviceImg img{
    max-width: 400px;
    width: 100%;
    height: auto;
    border-radius: 10px;
}  
.serCarItem01 .idoniBtn02{
    opacity: 0;
    visibility: hidden;
    top: -28px;
    padding: 0 34px;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serCarItem01:hover .idoniBtn02{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
.serCarItem01 .idoniBtn02 i {
    left: -10px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
    opacity: 0;
    visibility: hidden;
}
.serCarItem01:hover .idoniBtn02 i{
    left: 6px;
    opacity: 1;
    visibility: visible;
}
.serCarItem01 .idoniBtn02:hover i{
    left: 0;
}
.serviceImg .back-image {
    border-radius: 10px;
}
.serviceImg .front-image {
    height: 100%;
    -webkit-transition: -webkit-transform 250ms ease-out;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
}
.serCarItem01:hover .front-image {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
}

/* -- User Testimonial -- */
.testWrap01{
    position: relative;
}
.testCarNav {
    max-width: 136px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}
.testCarNav .navThumb {
    opacity: 0;
    visibility: hidden;
    margin-right: -16px;
    cursor: pointer;
}
.testCarNav .navThumb img {
    max-width: 56px;
    width: 100%;
    height: auto;
    border: 3px solid #FBF8F1;
    border-radius: 50%;
}
.testCarNav .slick-slide{
    position: relative;
}
.testCarNav .slick-active .navThumb{
    opacity: 1;
    visibility: visible;
}
.testCarNav .slick-active.activeIndex_1{
    z-index: 3;
}
.testCarNav .slick-active.activeIndex_2{
    z-index: 2;
}
.testCarNav .slick-active.activeIndex_3{
    z-index: 1;
}
.peralexLayer .peraLay{
    position: absolute;
}
.peralexLayer .peraLay.pl07,
.peralexLayer .peraLay.pl04,
.peralexLayer .peraLay.pl03,
.peralexLayer .peraLay.pl01 {
    -webkit-animation-duration: 3.8s;
            animation-duration: 3.8s;
    -webkit-animation-direction: alternate-reverse;
            animation-direction: alternate-reverse;
}
@-webkit-keyframes swing {
    0% {
      -webkit-transform: translateY(0px);
              transform: rotate(8deg) translateY(0px);
    }
  
    100% {
      -webkit-transform: rotate(-8deg) translate(15px);
              transform: rotate(-8deg) translate(15px);
    }
  }
@keyframes swing {
    0% {
      -webkit-transform: rotate(8deg) translateY(0px);
              transform: rotate(8deg) translateY(0px);
    }
  
    100% {
      -webkit-transform: rotate(-8deg) translate(15px);
              transform: rotate(-8deg) translate(15px);
    }
  }
.peralexLayer .peraLay img{
    max-width: 100%;
    height: auto;
}
.peralexLayer .peraLay:nth-child(01) {
    top: -157px;
    right: 355px;
}
.peralexLayer .peraLay:nth-child(02) {
    top: -79px;
    right: 45px;
    transform: rotate(41.28deg)
}
.peralexLayer .peraLay:nth-child(03) {
    top: 143px;
    right: -207px;
    transform: rotate(-37.74deg);
}
.peralexLayer .peraLay:nth-child(04) {
    top: 315px;
    right: 104px;
    transform: rotate(10.54deg);
}
.peralexLayer .peraLay:nth-child(05) {
    bottom: -167px;
    left: 115px;
    transform: rotate(-35.68deg);
}
.peralexLayer .peraLay:nth-child(06) {
    top: 19px;
    left: -53px;
    transform: rotate(53.07deg);
}
.peralexLayer .peraLay:nth-child(07) {
    top: -147px;
    left: 218px;
    transform: rotate(-40.66deg);
}
.testSlider01{
    position: relative;
}
.userCarText{
    position: relative;
    text-align: center;
}
.userCarText h2{
    font-size: 50px;
    line-height: 59px;
    color: var(--tw-secondary-color);
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.userCarText h2 span{
    font-family: var(--secondary-font);
    font-style: italic;
    font-weight: 400;
}
.testSlider01 button{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tw-white-color);
    font-size: 18px;
    transition: all 350ms ease;
}
.testSlider01 button:hover{
    color: var(--tw-primary-color);
}

/* -- Testimonial Item -- */
.testimonialCon02{
    position: relative;
}
.testimonialCon02 img{
    max-width: 100%;
    height: auto;
    margin: 0 0 50px;
}
.testimonialCon02 .secTitle{
    max-width: 510px;
    width: 100%;
    height: auto;
    margin: 0 0 81px;
    line-height: 57px;
}
.testimonialCon02 .idoniBtn02{
    padding: 0 33.38px;
    margin: 0 0 40px;
}
.testimonialSliderWrap{
    padding-left: 33px;
}
.testItem02{
    position: relative;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 10px;
    padding: 42px 50px 48px 50px;
    background: var(--tw-white-color);
}
.testItem02 .testRating{
    color: var(--tw-primary-color);
    font-size: 14px;
    margin: 0 0 16px;
}
.testItem02 .testRating i{
    margin-right: 2px;
}
.testItem02 .testRating span{
    margin-right: 2px;
}
.testItem02 p{
    font-size: 20px;
    line-height: 30px;
    color: var(--tw-secondary-color);
    margin: 0 0 40px;
}
.testItem02 .testAuthor{
    position: relative;
    padding: 5px 0 0 70px;
}
.testItem02 .testAuthor img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.testItem02 .testAuthor span{
    font-size: 14px;
    line-height: 1;
    display: block;
    margin: 0 0 3px;
}
.testItem02 .testAuthor h4{
    font-size: 16px;
    line-height: 1;
    margin: 0;
    display: inline-block;
}
.testItem02 .testAuthor h4 a{
    display: inline-block;
    color: inherit;
}
.testItem02 .testAuthor h4:hover a{
    color: var(--tw-primary-color);
}
.testItem02 .pdQuality{
    display: inline-block;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    text-transform: uppercase;
    width: auto;
    height: 24px;
    line-height: 23px;
    padding: 0 11.3px;
    position: relative;
    float: right;
    top: -37px;
}
.testItem02 .pdQuality:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
    border-color: var(--tw-secondary-color);
}
.testCarousel02.slick-vertical .slick-slide.testItem02 {
    border: 1px solid var(--tw-secondary-color);
}
.testCarousel02 .slick-slide.testItem02 {
    padding: 42px 50px 24px 50px;
    margin-bottom: 60px;
}

/* -- Testimonial Slider 03 -- */
.testSlider03.owl-carousel .owl-stage-outer {
    padding: 51px 0 0;
}
.testSlider03.owl-carousel .owl-item.active.center{
    top: -51px;
}
.testSlider03.owl-carousel .owl-dots,
.teamCarousel.owl-carousel .owl-dots {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    top: -3px;
}
.testSlider03.owl-carousel button.owl-dot,
.teamCarousel.owl-carousel button.owl-dot {
    width: 6px;
    height: 6px;
    background: rgba(34, 34, 34, .2);
    border-radius: 50%;
    margin: 0 5px;
}
.testSlider03.owl-carousel button.owl-dot.active,
.teamCarousel.owl-carousel button.owl-dot.active{
    background: var(--tw-secondary-color);
    position: relative;
}
.testSlider03.owl-carousel button.owl-dot.active:after,
.teamCarousel.owl-carousel button.owl-dot.active:after{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: -5px;
    left: -5px;
    background: var(--tw-white-color);
    border: 1px solid rgba(34, 34, 34, .2);
    border-radius: 50%;
    z-index: -1;
}
.testSlider03 .testItem02 .testRating {
    color: var(--tw-secondary-color);
}

/*-----------------------------------------
/  06. Counter Section
/-----------------------------------------*/
/* -- Counter Section -- */
.counterTitle{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 870px;
    margin: 0 0 97px;
}
.counterTitle h2{
    color: var(--tw-white-color);
    font-size: 120px;
    line-height: 96px;
}
.counterTitle h2 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
    color: #555555;
    margin-left: 29px;
}
.counterTitle p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color:rgba(255, 255, 255, .5);
    padding-left: 36px;
}
.counterTitle img{
    max-width: 100px;
    width: 100%;
    height: auto;
    margin: 0 6px 0 180px;
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
@-webkit-keyframes welAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
}
@keyframes welAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
}
.counterWrap{
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-right: 1px solid rgba(255, 255, 255, .08);
    border-left: 1px solid rgba(255, 255, 255, .08);
}
.counterWrap .row .col-md-6{
    position: relative;
}
.counterWrap .row .col-md-6:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -6px;
    background: rgba(255, 255, 255, .08);
}
.counterWrap .row .col-md-6:last-child:after{
    width: 0;
}
.counterWrap .row .col-md-6:nth-child(02):after{
    right: 0;
}
.counterWrap .row .col-md-6:nth-child(03):after{
    right: 5px;
}
.idoniFactAlign-left .sinCounter01 {
    text-align: left;
}
.idoniFactAlign-center .sinCounter01 {
    text-align: center;
}
.idoniFactAlign-right .sinCounter01 {
    text-align: right;
}
.sinCounter01 {
    position: relative;
    padding: 50px 0 37px 51px;
}
.counterWrap .row .col-md-6:nth-child(02) .sinCounter01{
    padding: 50px 0 0 45px;
}
.counterWrap .row .col-md-6:nth-child(03) .sinCounter01{
    padding: 50px 0 0 39px;
}
.counterWrap .row .col-md-6:nth-child(04) .sinCounter01{
    padding: 50px 0 0 34px;
}
.sinCounter01 p{
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 24px;
    text-transform: uppercase;
    margin: 0 0 120px;
}
.sinCounter01 h2{
    font-size: 80px;
    line-height: 1;
    color: var(--tw-white-color);
}
.sinCounter01 h2 small{
    position: relative;
}
.countfact h2.title-anim > * {
    display: inline-block !important;
    font-family: var(--primary-font);
}
.countfact h2.title-anim > div span > *,
.countfact h2.title-anim > div > * {
    font-family: inherit !important;
}


/*-----------------------------------------
/  07. Faq Section
/-----------------------------------------*/
.faqImgWrap{
    position: relative; 
    padding: 260px 0 0;
} 
.faqImgWrap .faqImg01{
    position: absolute;
    right: 0;
    top: 0;
} 
.elementor .faqImg01 img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.faqImgWrap .faqImg02{
    position: relative; 
    z-index: 2;
}  
.faqLookThumb {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.elementor .faqImg02 img{
    max-width: 100%; 
    height: auto;
    border-radius: 10px;
    -webkit-filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.25));
}
.faqImgWrap .idoniBtn02{
    padding: 0 35.5px;
    position: absolute;
    top: 101px;
    right: 309px;
    z-index: 2;
    -webkit-transition: all 35ms ease;
    transition: all 35ms ease;
}
.faqImgWrap .idoniBtn02 span{
    left: -12px;
    top: 0;
    width: 15px;
    height: 15px;
    background: #ddd;
    border-radius: 50%;
    animation: shadow02 1.4s linear infinite;
    -webkit-animation: shadow02 1.4s linear infinite;
    -moz-animation: shadow02 1.4s linear infinite;
    position: relative;
}
.faqImgWrap .idoniBtn02 span i{
    position: inherit;
    left: 0;
    top: 0;
}
@-webkit-keyframes shadow02 {
    0% {
        box-shadow: 0 0 0 0 rgb(157 144 144 / 15%), 0 0 0 5px rgba(20, 18, 18, 0.02), 0 0 0 10px rgb(207 197 197 / 15%);
    }
    100% {
        box-shadow: 0 0 0 5px rgb(165 155 155 / 15%), 0 0 0 10px rgba(189, 167, 167, 0.3), 0 0 0 20px rgba(201, 195, 195, 0.061);
    }
} 
 
.faqQuestion .accordion-item .accordion-button {
    font-size: 18px;
    font-weight: 500;
    color: var(--tw-secondary-color);
    padding: 25.5px 0 25.5px 0;
}
.faqQuestion .accordion-item .accordion-button span{
    color: rgba(34, 34, 34, .3);
    width: 42px;
}
.faqQuestion .accordion-button:not(.collapsed) span{
    color: var(--tw-primary-color);
}
.faqQuestion .accordion-button:after {
    content: "\e912";
    font-family: 'idoni';
    background-image: none;
    font-size: 16px;
    left: 0;
    position: relative;
}
.faqQuestion .accordion-button:before{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: -1px;
    left: 0;
    background: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    opacity: 0;
}
.faqQuestion .accordion-button:not(.collapsed):before {
    width: 100%;
    opacity: 1;
}
.faqQuestion .accordion-button:not(.collapsed) {
    color: var(--tw-secondary-color);
    background-color: var(--tw-white-color);
    box-shadow: inset 0 0 0;
}
.faqQuestion .accordion-button:not(.collapsed):after {
    content: "\e90b";
    font-family: 'idoni';
    background-image: none;
    font-size: 16px;
    left: 0;
    position: relative;
}
.faqQuestion .accordion-button:focus {
    border-color:none;
    box-shadow: 0 0 0;
}
.faqQuestion .accordion-item:first-child{
    border-top: 1px solid #EAEAEA;
}
.faqQuestion .accordion-item {
    border-bottom: 1px solid #EAEAEA;
}
.faqQuestion .accordion-flush .accordion-item:first-child {
    border-top: 1px solid #EAEAEA;
}
.faqQuestion .accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid #EAEAEA;
}
.faqQuestion .accordion-body {
    padding: 0 22px 28px 42px;
    font-size: 16px;
    line-height: 26px;
    margin-top: -5px !important;
}

/* -- Faq Page -- */
.portfolio_details.faqSec {
    padding: 120px 0 0;
}
.faqBannner{
    position: relative;
    background: url(../images/faq-banner.jpg)no-repeat scroll center center / cover;
    width: 100%;
    height: auto;
    padding: 150px 0 150px;
    z-index: 1;
}
.faqBannner::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .7);
    z-index: -1;
}
.faqBannner img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.faqBantext{
    position: relative;
}
.faqBantext h2{
    font-size: 120px;
    color: var(--tw-white-color);
    text-transform: uppercase;
    font-family: var(--secondary-font);
    margin: 0 0 30px;
}
.faqBantext p{
    color: var(--tw-primary-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.faqBottomtext{
    position: relative;
    padding: 80px 0 120px;
}
.faqBottomtext h2{
    font-size: 40px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    margin: 0 0 70px;
}
.faqBottomtext a{
    display: inline-block;
    font-size: 16px;
    color: var(--tw-secondary-color);
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px solid var(--tw-secondary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.faqBottomtext a:hover{
    color: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
}
.faqBottomtext a i{
    margin-left: 5px;
    transform: rotate(-45deg);
}
.faqBottomtext .btn_wrapper{
    display: inline-block;
}



/*-----------------------------------------
/  08. Blog
/-----------------------------------------*/
/* -- Blog 01 -- */
.blogSingle01{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-top: 1px solid rgba(34, 34, 34, 0.2);
    padding: 39.5px 0;
}
.blogSingle01:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 1px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    background: var(--tw-secondary-color);
}
.blogSingle01:hover:after{
    width: 100%;
}
.blogSingle01 .blogCat{
    max-width: 144px;
    width: 100%;
}
.blogSingle01 h3 {
    font-size: 30px;
    line-height: 40px;
    color: var(--tw-secondary-color);
    font-weight: 500;
    max-width: 547px;
    width: 100%;
    margin: 0;
}
.blogSingle01 h3 a{
    display: inline;
    color: inherit;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 450ms linear;
    transition: background-size 450ms linear;
}
.blogSingle01 h3:hover a{
    background-size: 0% 1px, 100% 1px;
}
.blogSingle01 .idoniBtn02{
    border-width: 1px;
    width: auto;
    min-height: 34px;
    padding: 0 16.26px;
    line-height: 32px;
}
.blogSingle01 .idoniBtn02:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
    border-color: var(--tw-secondary-color);
}
.blogSingle01 .blogMeta{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 0 0 auto;
    font-size: 14px;
    color: var(--tw-secondary-color);
}
.blogSingle01 .blogMeta a{
    color: inherit;
    display: inline-block;
}
.blogSingle01 .blogMeta a:hover{
    color: var(--tw-primary-color);
}
.blogSingle01 .blogMeta span{
    margin: 0 15px;
}

/* Gshap Animaton  */
.swipeHvImage .swipeimage {
    position: fixed;
    top: 0;
    left: 55%;
    width: 300px;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 50%;
    transition: 0;
}
.awardSingle.swipeHvImage .swipeimage {
    width: 400px;
    height: 500px;
    top: 185px;
    border-radius: 10px;
    pointer-events: unset !important;
    z-index: 999;
}
.awardSingle.swipeHvImage .swipeimage img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.awardSingle .swipeimage a{
    width: 50px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-white-color);
    border-radius: 50%;
    font-size: 24px;
    color: var(--tw-secondary-color);
    position: absolute;
    right: 30px;
    top: 30px;
}
.awardSingle .swipeimage a:hover{
    color: var(--tw-primary-color);
}

.blogPageSection{
    position: relative;
    padding: 141px 0 120px;
}
.blogListView {
    position: relative;
}
.blogListView.blogRSB,
.blogGridView.blogRSB{
    padding-right: 21.5px;
}
.blogListView.blogLSB,
.blogGridView.blogLSB{
    padding-left: 21.5px;
}
.blog04Item{
    position: relative;
    margin: 0 0 81px;
}
.bi04Thumb{
    position: relative;
    margin: 0 0 40px;
}
.bi04Thumb span{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.elementor .bi04Thumb img,
.bi04Thumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.elementor .blogFullThumb img,
.blogFullThumb img{
    width: auto !important;
}
.blog04Item .popup_video{
    position: absolute;
    width: 100px;
    height: 100px;
    background: var(--tw-white-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-secondary-color);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
} 
.blog04Item .popup_video:hover{
    color: var(--tw-primary-color);
}
.bi04Thumb .biCat {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    padding: 7px 18.282px 6px 18.282px;
    border-radius: 10px;
    position: absolute;
    right: 41px;
    top: -21px;
    z-index: 1;
}
.bi04Thumb .biCat:hover{
    background: var(--tw-secondary-color);
}
.blog04Item h3{
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: var(--tw-secondary-color);
    margin: 0 0 20px;
}
.blog04Item h3 a{
    display: inline-block;
    color: inherit;
    word-break: break-word;
}
.blog04Item h3 a:hover{
    color: var(--tw-primary-color);
}
.blog04Item p{
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 40px;
}
.bi04Footer{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #EDEDED;
    padding: 20px 0 0;
    flex-wrap: wrap;
}
.bi04Footer.singlePostMeta{
    border-top: 0;
    padding: 0 0 20px;
}
.bi04Author{
    position: relative;
    padding: 8px 0 8px 42px;
}
.elementor .bi04Author img,
.bi04Author img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.bi04Author p{
    font-size: 14px;
    line-height: 1;
    margin: 0;
    text-transform: capitalize;
}
.bi04Author p a{
    display: inline-block;
    color: var(--tw-secondary-color);
    font-weight: 700;
}
.bi04Author p a:hover{
    color: var(--tw-primary-color);
}
.blogPostStatic blockquote, .wp-block-quote, .wp_blockQuote {
    position: relative;
    width: 100%;
    background: #F5F5F5;
    padding: 31px 40px 32px 164px;
    margin: 41px 0 36px;
    overflow: hidden;
}
.blogPostStatic blockquote:before, .wp-block-quote:before, .wp_blockQuote i {
    position: absolute;
    left: 0;
    top: 0;
    width: 125px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 38px;
}
.blogPostStatic blockquote::before, .wp-block-quote::before {
    content: "";
    background-image: url(../images/white-quote.png);
    background-size: 50px;
    background-position: center center;
    background-repeat: no-repeat;
}
.blogPostStatic blockquote.wp-block-quote p, .blogPostStatic blockquote p, .wp-block-quote p, .wp_blockQuote p {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 20px;
    color: var(--tw-secondary-color);
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite, .blogPostStatic blockquote cite, .wp-block-quote cite, .wp_blockQuote cite {
    color: var(--tw-primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    font-style: normal;
    position: relative;
    margin-left: 41px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite:after, .blogPostStatic blockquote cite:after, .wp-block-quote cite:after, .wp_blockQuote cite:after {
    content: '';
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 2px;
    background: var(--tw-primary-color);
}
.bi04Meta,
.postDateMeta,
.postShareMeta,
.postLikeMeta{
    position: relative;
    font-size: 14px;
    color: var(--tw-secondary-color);
    display: inline-flex;
    flex-wrap: wrap;
    /* width: 100%; */
}
.abDownArrow span,
.postDateMeta span,
.postShareMeta span,
.postLikeMeta span{
    margin-left: 29px;
}
.bi04Meta .metaPostDate{
    margin-left: 0;
}
.biLike{
    display: inline-flex;
    column-gap: 10px;
    margin-left: 37px;
}
.biLike a{
    display:inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.biLike .post_disLike i{
    margin-right: 0;
}
.bi04Meta span a,
.postDateMeta span a,
.postShareMeta span a,
.postLikeMeta span a{
    color: inherit;
    display: inline-flex;
    align-items: center;
}
.bi04Meta span a:hover,
.postDateMeta span a:hover,
.postShareMeta span a:hover,
.postLikeMeta span :hover{
    color: var(--tw-primary-color);
}
.bi04Meta i,
.postDateMeta i,
.postShareMeta i,
.postLikeMeta i{
    width: 30px;
    height: 30px;
    border: 1px solid #E4E4E4;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
    color: var(--tw-secondary-color);
    margin-right: 7px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.bi04Meta a:hover i,
.postDateMeta a:hover i,
.postShareMeta a:hover i,
.postLikeMeta a:hover i{
    color: var(--tw-primary-color);
}
.bi04Meta a:hover i,
.postShareMeta a:hover i,
.postLikeMeta a:hover i{
    border-color: var(--tw-primary-color);
}
.postShareMeta a i {
    margin: 0;
}
.postShareMeta .heateor_sss_horizontal_sharing {
    position: absolute;
    right: 0;
    top: 135%;
    width: 340px;
    z-index: 255;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.postShareMeta:hover .heateor_sss_horizontal_sharing {
    opacity: 1;
    top: 120%;
    visibility: visible;
}
.postShareMeta .heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul {
    padding-left: 0!important;
    margin: 1px 0!important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px;
}
.postShareMeta .heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul span{
    margin: 0px;
}
.blog04Item.bi40{
    margin: 0 0 60px;
}
.blog04Item.biMesery .bi04Thumb img{
    border-radius: 0;
}
.blog04Item.bi04Video{
    margin: 0 0 60px;
}
.featured_image {
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.elementor .featured_image img, 
.featured_image img {
    max-width: 100%;
    height: auto;
    border-radius: inherit;
}

/* -- Contact Section */
.contactImg {
    position: relative;
}
.contactImg img{
    max-width: 100%;
}
.contactLogo {
	position: absolute;
	width: 170px;
	height: 170px;
	background: var(--tw-white-color);
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	right: -30px;
	bottom: 0;
	top: 0;
	margin: auto auto;
	-webkit-animation: welAnim 7s linear infinite;
	        animation: welAnim 7s linear infinite;
}
.wellRoated{
	-webkit-animation: welAnim 7s linear infinite;
    animation: welAnim 7s linear infinite;
}
.contactLogo img{
    max-width: 144px;
    width: 100%;
    height: auto;
}
.contactText{
    position: relative;
    padding: 120px 0 0 147px;;
}
.conSocial01{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.conSocial01 a{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    width: auto;
    min-height: 34px;
    line-height: 31px;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 30px;
    color: var(--tw-secondary-color);
    padding: 0 16.5px;
    margin: 0 10px 10px 0;
}
.conSocial01 a:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
    border-color: var(--tw-secondary-color);
}
.conSocial01 a:last-child{
    margin-right: 0;
}
.conSocial01 .s_icon{
    width: 50px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--tw-white-color);
    border-radius: 50%;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1);
    color: var(--tw-secondary-color);
    margin-right: 10px;
}
.fSocial_align.elementor-align-left .conSocial01 {
    justify-content: start;
}
.fSocial_align.elementor-align-center .conSocial01 {
    justify-content: center;
}
.fSocial_align.elementor-align-right .conSocial01 {
    justify-content: right;
}
.conSocial01 .s_icon:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.conAddress{
    position: relative;
}
.conAddress p{
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #999999;
    margin: 0 0 9px;
}
.conAddress h2{
    font-size: 50px;
    line-height: 50px;
    color: var(--tw-secondary-color);
    margin: 0 0 48px;
}
.conAddress h2 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
}
.conAddress h2 a{
    color: inherit;
    display: inline-block;
}
.conAddress h2 a:hover{
    color: var(--tw-primary-color);
}
.contactText .idoniBtn02{
    margin: 10px 0 0;
}

/* -- Blog Carousel -- */
.blogCarousel button.owl-prev,
.blogCarousel button.owl-next{
    width: 60px;
    height: 60px;
    background: var(--tw-secondary-color) !important;
    color: var(--tw-white-color) !important;
    font-size: 16px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto 0;
    z-index: 2;
    overflow: hidden;
    z-index: 1;
}
.blogCarousel button.owl-prev:after,
.blogCarousel button.owl-next:after{
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    background: var(--tw-primary-color);
    width: 0;
    height: 100%;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.blogCarousel button.owl-prev:after{
    left: auto;
    right: 0;
}
.blogCarousel button.owl-prev:hover:after,
.blogCarousel button.owl-next:hover:after{
    width: 100%;
}
.blogCarousel button.owl-prev{
    left: 30px;
}
.blogCarousel button.owl-next{
    right: 30px;
}

/* -- Blog 02 -- */
.blogGridWrapper.row.gx-5 {
    --bs-gutter-x: 2.81rem;
}
.blogSin02{
    position: relative;
}
.blogBox02 {
    position: relative;
    width: 100%;
    min-height: 260px;
    overflow: hidden;
    border-radius: 10px;
}
.blogBox02 img,
.elementor .blogBox02 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 10px;
    background-size: cover;
    object-fit: cover;
}
.blogBox02 img:nth-child(1) {
    -webkit-transform: translatex(50%) scalex(2);
            transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
}
.blogSin02:hover img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
            transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
}
.blogSin02:hover img:nth-child(1) {
    -webkit-transform: translatex(0) scalex(1);
            transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
}
.blogSin02 .blogCat{
    position: relative;
    margin: 40px 0 7px;
}
.blogSin02 .blogCat a{
    display: inline-block;
    border: 1px solid var(--tw-secondary-color);
    font-size: 14px;
    line-height: 28px;
    width: auto;
    min-height: 30px;
    padding: 0 11.1px;
    border-radius: 30px;
    color: var(--tw-secondary-color);
    margin: 0 5px 10px 0;
}
.blogSin02 .blogCat a:hover{
    color: var(--tw-primary-color);
}
.blogSin02 h3{
    font-size: 24px;
    line-height: 34px;
    color: var(--tw-secondary-color);
}
.blogSin02 h3 a{
    display: inline;
    color: inherit;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 450ms linear;
    transition: background-size 450ms linear;
}
.blogSin02 h3 a:hover{
    color: var(--tw-primary-color);
    background-size: 0% 1px, 100% 1px;
}
.blogSlider01.owl-carousel .owl-nav button{
    background: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tw-secondary-color);
    font-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto auto;
    transition: all 350ms ease;
}
.blogSlider01.owl-carousel .owl-nav button.owl-prev{
    left: -50px;
}
.blogSlider01.owl-carousel .owl-nav button.owl-next{
    right: -50px;
}
.blogSlider01.owl-carousel .owl-nav button:hover{
    color: var(--tw-primary-color);
}
.blogSlider01.owl-carousel .owl-dots{
    text-align: center;
}
.blogSlider01.owl-carousel .owl-dots button{
    width: 10px;
    height: 10px;
    background: var(--tw-secondary-color);
    border-radius: 50%;
    margin: 0 2px;
    transition: all 350ms ease;
    transform: scale(.8);
}
.blogSlider01.owl-carousel .owl-dots button.active{
    background: var(--tw-primary-color);
    transform: scale(1);
}
/* -- Pagination -- */
.pagePagination.folioPage02{
    margin: 80px 0 0;
}
.folioPagePagination .idoniPagination,
.teamPagePagination .idoniPagination{
    padding-top: 0;
}
.pagePagination.text-start {
    justify-content: start;
}
.pagePagination.text-end {
    justify-content: end;
}
.pagePagination.text-center {
    justify-content: center;
}
.pagePagination,
.pagePagination .nav-links{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
            gap: 12px;
}
.pagePagination a,
.pagePagination span{
    color: var(--tw-secondary-color);
    font-size: 14px;
    min-width: 44px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 700;
}
.pagePagination a:hover,
.pagePagination span{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}
.pagePagination .prev,
.pagePagination .next{
    font-size: 18px;
}
.comentPaginations{
    justify-content: flex-start;
    margin: 30px 0;
}

/* -- Sidebar -- */
.sidebar{
    position: relative;
}
.sidebar.blogRightSidebar{
    padding-left: 4.5px;
}
.sidebar.blogLeftSidebar{
    padding-right: 4.5px;
}
.sidebar .widget{
    position: relative;
    margin: 0 0 52px;
    width: 100%;
    display: inline-block;
}
.widget.idoni_rrPost_widget{
    margin: 0 0 44px;
}
aside.widget .wp-block-heading,
aside.widget .widgetTitle{
    font-size: 20px;
    line-height: 1;
    color: #000000;
    border-bottom: 1px solid #ECECEC;
    padding: 0 0 22px;
    margin: 0 0 30px;
}
.searchForm{
    position: relative;
}
.searchForm input{
    background: #F5F5F5;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    border: 0;
    outline: 0;
    width: 100%;
    min-height: 54px;
    padding: 0 54px 0 26px;
    color: var(--tw-secondary-color);
}
.searchForm input::-webkit-input-placeholder{
    color: #999999;
}
.searchForm input::-moz-placeholder{
    color: #999999;
}
.searchForm input:-ms-input-placeholder{
    color: #999999;
}
.searchForm input::placeholder{
    color: #999999;
}
.searchForm button{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    border: 0;
    outline: 0;
    min-width: 54px;
    height: 54px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.searchForm button:hover{
    background: var(--tw-secondary-color);
}
.recentPost,
.latestPostsWrap .latestPost{
    position: relative;
    padding: 1px 0 1px 106px;
    margin: 0 0 18px;
    min-height: 80px;
}
.elementor .recentPost img,
.latestPostsWrap .latestPost img{
    width: 85px;
    height: 80px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.recentPost span,
.latestPostsWrap .latestPost span{
    font-size: 12px;
    color: rgba(119, 119, 119, 1);
    display: block;
    margin: 0 0 3px;
}
.recentPost span i,
.latestPostsWrap .latestPost span i{
    color: #111111;
    margin-right: 3px;
}
.recentPost span a,
.latestPostsWrap .latestPost span a{
    color: inherit;
    display: inline-block;
}
.recentPost span a:hover,
.latestPostsWrap .latestPost span a:hover{
    color: var(--tw-primary-color);
}
.recentPost h3,
.latestPostsWrap .latestPost h3{
    font-size: 14px;
    line-height: 20px;
    color: var(--tw-secondary-color);
}
.recentPost h3 a,
.latestPostsWrap .latestPost h3 a{
    color: inherit;
    display: inline-block;
}
.recentPost h3:hover a,
.latestPostsWrap .latestPost h3:hover a{
    color: var(--tw-primary-color);
}
.post_category_widget{
    margin: 0 0 39px !important;
}
.post_category_widget .widgetTitle{
    margin-bottom: 17px !important;
}
.post_category_widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.post_category_widget ul li{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 40px;
    font-size: 14px;
    color: var(--tw-secondary-color);
    padding-left: 36px;
    position: relative;
}
.post_category_widget ul li:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 16px;
    height: 16px;
    background: #EFEFEF;
    border-radius: 50%;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}
.post_category_widget ul li:hover:after{
    border: 4px solid var(--tw-primary-color);
}
.post_category_widget ul li a{
    display: inline-block;
    color: inherit;
}
.post_category_widget ul li span{
    color: #777777;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.post_category_widget ul li:hover span{
    color: var(--tw-secondary-color);
}
.widgetBanner{
    position: relative;
}

.widgetBanner::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, #111 100%);
    border-radius: 10px;
    z-index: 1;
}
.elementor .widgetBanner img,
.widget .widget_media_image,
.widgetBanner img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.widgetBanner .wbText{
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 2;
}
.widgetBanner .wbText p{
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px;
    color: var(--tw-white-color);
}
.widgetBanner .wbText h3{
    font-size: 30px;
    line-height: 1;
    margin: 0;
    color: var(--tw-white-color);
}
.sidebarSocial{
    position: relative;
}

.sidebarSocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}
.sidebarSocial a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tw-secondary-color);
    font-size: 16px;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    border: 1px solid #ECECEC;
}
.sidebarSocial a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}

/* Blog Tags */
.blogTagWrapper {
    margin: 20px 0 50px;
}
.blogTag_widget .blogTagItems,
.blogTagWrapper .postTags {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    row-gap: 7px;
}
.blogTag_widget .blogTagItems a,
.blogTagWrapper .postTags a{
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    padding: 0 15px;
    height: 30px;
    border: 1px solid #ECECEC;
    background: #FFF;
    border-radius: 100px;
    display: inline-block;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;

}
.blogTag_widget .blogTagItems a:hover,
.blogTagWrapper .postTags a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}

/*-------- Blog Details -------- */
.blogDetailsPgSec{
    position: relative;
    padding: 120px 0 120px;
}
.blogDetailsPgSec .blogItemWrap.blogRSB {
    padding-right: 21.5px;
}
.blogDetailsPgSec .blogItemWrap .bi04Footer {
    border: 0;
    padding: 0 0 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}
.blogDetailsPgSec .blogItemWrap .bi04Thumb {
    margin: 0 0 59px;
}
.bd04Item{
    margin: 56px 0 60px;
}
.bd04Item .row .col-md-7{
    width: 49.2%;
}
.bd04Item .row .col-md-5{
    width: 50.8%;
}
.bd04Thumb{
    position: relative;
}
.bd04Thumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.bd04Con{
    position: relative;
    padding: 46px 5px 0 35px;
}
.bd04Con h3{
    font-size: 30px;
    line-height: 40px;
    color: var(--tw-secondary-color);
    margin: 0 0 30px;
}


/* -- Post Navigation -- */
.postNavigationRow{
    position: relative;
    padding: 20px 0 20px;
    border-top: 1px solid #222222;
    border-bottom: 1px solid rgba(34, 34, 34, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 76px 0 83px;
}
.postNavigationRow a{
    display: inline-block;
    font-size: 14px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    line-height: 1;
    margin: 0;
}
.postNavigationRow a:hover{
    color: var(--tw-primary-color);
}
.postNavigationRow a p{
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.postNavigationRow a span{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--tw-white-color);
    border: 1px solid #E4E4E4;
    border-radius: 50%;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.postNavigationRow a:hover span{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}
.postNavigationRow a.postNavPrev span{
    margin-right: 13px;
}
.postNavigationRow a.postNavNext span{
    margin-left: 13px;
}


/* -- Comment Box -- */
.postCommetnListBox{
    position: relative;
}
.commentHeading{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 23px;
} 
.commentHeading span{
    color: #777777;
}
.commentList{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.singleComment{
    position: relative;
    padding: 40px 0 56px 110px;
    border-top: 1px solid #EDEDED;
}
.elementor .singleComment img,
.singleComment img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 40px;
}
.commentMeta{
    position: relative;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
}
.commentMeta span{
    color: var(--tw-secondary-color);
    font-weight: 700;
    margin-right: 7px;
    text-transform: capitalize;
}
.singleComment p{
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
}
.commentReply{
    position: relative;
    font-size: 14px;
    color: var(--tw-secondary-color);
}
.commentReply span{
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-white-color);
    border: 1px solid #E4E4E4;
    border-radius: 50%;
    margin-right: 7px;
}
.commentReply a{
    display: inline-block;
    color: inherit;
}
.commentReply a:hover{
    color: var(--tw-primary-color);
}
.commentList ul{
    padding: 0;
    margin: 0 0 0 110px;
    list-style: none;
}
.commentList ul .singleComment{
    padding-bottom: 40px;
}
.singleComment .comment-reply-link{
    position: relative;
    padding-left: 40px;
}
.singleComment .comment-reply-link::after{
    content: "\e914";
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'idoni' !important;
    font-size: 14px;
    width: 30px;
    height: 30px;    
    border: 1px solid #E4E4E4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* -- Comment Form -- */
.commentFormBox{
    position: relative;
}
.commentFormBox .row.gx-2{
    --bs-gutter-x: 1.2rem;
}
.commentReview{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    padding: 3px 0 19px;
    margin: 0 0 40px;
}
.commentReview .commentHeading{
    margin: 0;
}
.review{
    position: relative;
    font-size: 14px;
    color: #CECECE;
}
.review i{
    margin-left: 2px;
    cursor: pointer;
}
.commentForm{
    position: relative;
}
.commentForm input,
.commentForm textarea{
    border: 1px solid rgba(34, 34, 34, .2);
    outline: none;
    font-size: 14px;
    border-radius: 10px;
    color: var(--tw-secondary-color);
    width: 100%;
    padding: 0 25px;
    margin: 0 0 20px;
    line-height: 16px;
}
.commentForm input{
    max-width: 100%;
    min-height: 54px;
}
.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder{
    color: #A8A8A8;
}
.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #A8A8A8;
}
.commentForm input:-ms-input-placeholder,
.commentForm textarea:-ms-input-placeholder{
    color: #A8A8A8;
}
.commentForm input::placeholder,
.commentForm textarea::placeholder{
    color: #A8A8A8;
}
.commentForm textarea{
    height: 180px;
    resize: none;
    padding: 12px 20px 12px;
    line-height: 26px;
    margin: 0 0 12px;
}
.commentForm input:focus,
.commentForm textarea:focus{
    border-color: var(--tw-secondary-color);
}
.commentForm{
    margin: 0 0 30px;
}
button.commentSubmit {
    background: var(--tw-primary-color);
    border-radius: 10px;
    color: var(--tw-white-color);
    font-size: 14px;
    font-weight: 700;
    min-height: 54px;
    width: auto;
    padding: 0 35.6px;
    border: 0;
    outline: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
button.commentSubmit:hover{
    background: var(--tw-secondary-color);
}
.commentFormArea .commentHeading02{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 23px;
}
.commentHeading02{
    font-size: 20px;
}
.cancel_reply_btn a{
    color : var(--tw-primary-color);
    float: right;
    position: relative;
    padding-right: 20px;
    font-size: 14px;
}
.cancel_reply_btn a::after{
    content: "\e91b";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-family: 'idoni';
}
.cancel_reply_btn a:hover{
    color: var(--tw-secondary-color);
}


/* -- Author Box -- */
.authorBox{
    position: relative;
    text-align: center;
    background: var(--tw-secondary-color);
    border-radius: 10px;
    padding: 50px 0 50px;
    overflow: hidden;
}
.elementor .authorBox img,
.authorBox img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0 30px;
}
.authorBox p{
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 1;
    margin: 0 0 10px;
    text-transform: capitalize;
}
.authorBox h3{
    font-size: 20px;
    color: var(--tw-white-color);
    line-height: 24px;
    margin: 0 0 35px;
}
.authorBox h3 a{
    color: inherit;
    display: inline-block;
}
.authorBox h3 a:hover{
    color: var(--tw-primary-color);
}
.authorSocial{
    position: relative;
}
.authorSocial a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    color: var(--tw-white-color);
    background: #2F2F2F;
    margin: 0 2.5px;
}
.authorSocial a:hover{
    background: var(--tw-primary-color);
}

/* -- Blog Grid View -- */
.blogGridView{
    position: relative;
    margin: 0 0 21px;
}
.blogGridView .blogSin02{
    margin: 0 0 50px;
}
.blogGridView .blogBox02{
    min-height: 299px;
}
.blogGrid_nsb .blogBox02{
    min-height: 270px;
}


/*-----------------------------------------
/  09. Portfolio
/-----------------------------------------*/
/* =========== Folio 01 ===========  */
.folioArchivePage{
    padding: 120px 0 120px;
}
.portPageBanner{
    background: var(--tw-secondary-color);
    padding: 141px 0 0;
}
.portPageBanner .pageBannerTitle{
    margin: 0 0 140px;
}
.portfolio_nav{
    position: relative;
    margin: 0 0 80px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: var(--tw-secondary-color);
    flex-wrap: wrap;
    row-gap: 24px;
}
.portfolio_nav.text-start{
    justify-content: flex-start;
}
.portfolio_nav.text-end{
    justify-content: flex-end;
}
.portfolio_nav li{
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: var(--tw-white-color);
    margin: 0 18.3px;
    padding: 3px 2px;
    cursor: pointer;
}
.portfolio_nav li.active{
    color: var(--tw-primary-color);
}
.portfolioSec01 {
    position: relative;
}
.pfContent01 .subTitle {
    color: var(--tw-secondary-color);
    font-weight: 700;
    margin-bottom: 18px;
}
.pfContent01 .subTitle span{
    width: 10px;
    height: 10px;
    background: var(--tw-secondary-color);
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
}
.pfContent01 h3 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: var(--tw-secondary-color);
}
.pfContent01 h3 a span{
    font-weight: 400;
    font-family: var(--secondary-font);
    color: inherit;
    font-style: italic;
}
.pfContent01 h3 a{
    color: inherit;
    font-size: inherit;
}
.pfContent01 h3 a:hover{
    color: var(--tw-primary-color);
}
.portfolioSec01:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(352.43deg, #EAFAFF 0%, #FCFFEE 100%);
    background: linear-gradient(97.57deg, #EAFAFF 0%, #FCFFEE 100%);
    z-index: -1;
}
.portfolioSec01:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #25413A;
    z-index: -1;
}
.pfSliderWrap01 {
    padding: 159px 140px 159px 0;
}
.portfolioSec01 .secTitle div{
    color: var(--tw-secondary-color) !important;
    line-height: 57px;
}
.pfContentSlide {
    padding: 120px 0px 99px 108px;
}
.pfContent01 {
    position: relative;
    max-width: 525px;
    width: 100%;
    min-height: 560px;
}
.portfolioCat{
    position: absolute;
    bottom: 0;
    left: 0;
}
.portfolioCat a{
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: var(--tw-secondary-color);
    width: auto;
    min-height: 44px;
    line-height: 42px;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 30px;
    padding: 0 24.4px;
    margin: 0 16px 20px 0;
}
.portfolioCat a:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.pfSlider01.owl-carousel .owl-item .pfSliderItem img {
    display: inline-block;
    max-width: 100%;
    width: auto;
}
.portfolioSec04 .folioSliderWrapper{
    padding-right: 128px;
}
.portfolioSec04{
    width: 100%;
    height: auto;
    background: transparent;
    position: relative;
}
.portfolioSec04:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(352.43deg, #EAFAFF 0%, #FCFFEE 100%);
    background: linear-gradient(97.57deg, #EAFAFF 0%, #FCFFEE 100%);
    z-index: -1;
}
.portfolioSec04:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #25413A;
    z-index: -1;
}
.portfolioSec04 .col-lg-6{
    max-height: 800px !important;
}

/* =========== Folio 02 ===========  */
.folioArchivePage .pGrid02 .row.gx-5 {
    --bs-gutter-x: 7.5rem;
}
.projectGallery{
    position: relative;
}
.portGallery .port02Item{
    border-radius: 10px;
}
.projectGallery .port02Item {
    margin: 0 0 120px;
    border-radius: 10px;
}
.elementor .port02Item img,
.port02Item img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.port02Item.topItem{
    top: 120px;
}
.pGrid02 .port02Item {
    margin-bottom: 120px;
}
.port02Con{
    position: absolute;;
    z-index: 2;
    background: var(--tw-white-color);
    border-radius: 10px;    
    padding: 10px 31px 16px 31px;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto auto;
    width: calc(100% - 60px);
    z-index: 9;
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    transition: all 350ms ease;
}
.port02Item:hover .port02Con{
    transform: scaleX(1);
}
.p02Cat{
    position: relative;
    margin: 0 0 2px;
}
.p02Cat a{
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    font-family: var(--secondary-font);
    color: #999999;
}
.p02Cat a:hover{
    color: var(--tw-secondary-color);
}
.port02Con h3 {
    font-size: 14px;
    line-height: 1;
    color: var(--tw-secondary-color);
    margin: 0;
}
.port02Con h3 a{
    display: inline-block;
    color: inherit;
}
.port02Con h3 span{
    font-family: var(--secondary-font);
    font-style: italic;
}
.port02Con h3:hover a{
    color: var(--tw-primary-color);
}

/* =========== Folio 03 ===========  */
.folioArchivePage .pGrid03 .row.gx-5 {
    --bs-gutter-x: 5.625rem;
}
.port03Single{
    position: relative;
    margin: 0 0 79px;
}
.port03Single img,
.elementor .port03Single img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    transition: all 350ms ease;
}
.port03Single img:hover{
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.port03Single .portCat{
    position: relative;
    font-size: 14px;
    color: #999999;
    line-height: 1;
    padding: 40px 0 13px;
}
.port03Single .portCat a{
    color: inherit;
    display: inline-block;
}
.port03Single .portCat a:hover{
    color: var(--tw-primary-color);
}
.port03Single h3{
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    color: var(--tw-secondary-color);
}
.port03Single h3 a{
    display: inline-block;
    color: inherit;
}
.port03Single h3:hover a{
    color: var(--tw-primary-color);
}
.port03Single h3 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
}

.pageBannerTitle.pb03 h2{
    line-height: 68.5px;
}
.portfolio_details{
    position: relative;
    padding: 119px 0 104px;
}
.portfolio_details .row .col-lg-3:nth-child(02) .mrSingle{
    left: -5px;
}
.portfolio_details .row .col-lg-3:nth-child(03) .mrSingle{
    left: -59px;
}
.portfolio_details .row .col-lg-3:nth-child(04) .mrSingle{
    left: -34px;
}
.portfolio_details .wid16{
    font-size: 16px;
    line-height: 26px;
}
.marketing_research{
    position: relative;
}
.mrSingle{
    position: relative;
}
.mrSingle span {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: var(--tw-secondary-color);
    border: 1px solid #000000;
    border-radius: 30px;
    padding: 6px 10px 6px 27px;
    position: relative;
    margin: 0 0 20px;
    display: inline-block;
}
.mrSingle span:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tw-secondary-color);
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto 10px;
}
.mrSingle h3{
    font-size: 30px;
    color: #222222;
    line-height: 1;
    margin: 0;
}
.img01SliderWrap{
    position: relative;
}
.img01Slider.owl-carousel .owl-item img{
    border-radius: 10px;
}
.portDescription {
    position: relative;
    margin: 0 0 58px;
}
.portDescription p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 27px;
}
.portDescription p mark{
    width: 50px;
    height: 50px;
    background: var(--tw-primary-color);
    border-radius: 10px;
    color: var(--tw-white-color);
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    display: inline-block;
    margin: 0;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    margin-right: 21px;
}
.includeWork{
    position: relative;
    margin: 0 0 58px;
}
.includeWork p{
    margin: 0 0 26px;
}
.includeWork h3{
    font-size: 30px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0 0 38px;
}
.includeWork p strong{
    color: var(--tw-secondary-color);
    font-weight: 700;
}
.workingProcess{
    position: relative;
    margin: 0 0 58px;
}
.workingProcess .row.gx-4{
    --bs-gutter-x: 1.875rem;
}
.workingProcess h3{
    font-size: 30px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0 0 38px;
}
.processItem{
    position: relative;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 10px;
    padding: 49px 50px 49px;
    cursor: pointer;
}
.processItem span{
    width: 100px;
    height: 100px;
    border: 1px solid rgba(34, 34, 34, .1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 37px;
    color: var(--tw-secondary-color);
    border-radius: 50%;
    margin: 0 0 40px;
    position: relative;
    z-index: 1;
    transition: all 350ms ease;
    transition-duration: 1s;
}
.processItem:hover span{
    color: var(--tw-white-color);
}
.processItem span::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--tw-secondary-color);
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 350ms ease;
    border-radius: 50%;
    z-index: -1;
}
.processItem:hover span::after{
    transform: scale(.8);
}
.processItem h3{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 20px;
    color: var(--tw-secondary-color);
}
.processItem p{
    font-size: 14px;
    line-height: 1;
    margin: 0;
}
.otherSpecial{
    position: relative;
    border-bottom: 1px solid var(--tw-secondary-color);
    padding: 0 0 44px;
    margin: 0 0 40px;
}
.otherSpecial h3{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 38px;
    color: var(--tw-secondary-color);
}
.clientMessage{
    position: relative;
    border-bottom: 1px solid var(--tw-secondary-color);
    padding: 0 0 45px;
    margin: 0 0 60px;
}
.clientMessage p{
    font-size: 20px;
    line-height: 32px;
    color: var(--tw-secondary-color);
    margin: 0 0 30px;
}
.clientDes {
    position: relative;
    padding: 5px 0 0 70px;
}
.clientDes img{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.clientDes span{
    font-size: 14px;
    line-height: 1;
    margin: 0 0 10px;
    display: block;
}
.clientDes h4{
    font-size: 16px;
    line-height: 1;
    margin: 0;
    color: var(--tw-secondary-color);
}

/* =========== Folio 03 Wrap ===========  */
.portfWrap {
    position: relative;
    max-width: 885px;
    width: 100%;
    margin: 0 203px 0 auto;
}
.portfItem03 {
    position: relative;
    text-align: right;
    margin: 0 0 100px;
    -webkit-filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.1));
    border-radius: 10px;
}
.folioItem03Wrap {
    position: relative;
    padding: 0 0 0 85px;
    overflow: hidden;
}
.elementor .portfItem03 img{
    max-width: 800px;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.portfContent{
    position: absolute;
    bottom: 50px;
    left: 135px;
    text-align: left;
}
.folioTitle_wrap {
    position: absolute;
    left: 0;
    transform: rotateZ(-90deg) translate(462px, -422px);
    border: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.portfItem03 h2 {
    font-size: 40px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0;
    text-align: left;
    position: relative;
}
.portfItem03 h2 a{
    display: inline-block;
    color: inherit;
}
.portfItem03 h2 span{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-style: italic;
    margin-left: 9px;
}
.portfItem03 h2 a:hover{
    color: var(--tw-primary-color);
}
.portfItem03 .portCat {
    position: relative;
}
.portfItem03 .portCat a{
    display: inline-block;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 30px;
    font-size: 14px;
    color: var(--tw-secondary-color);
    background: var(--tw-white-color);
    width: auto;
    line-height: 28px;
    min-height: 30px;
    padding: 0 11.5px;
    margin-right: 5px;
    transition: all 350ms ease;
}
.portfItem03 .portCat a:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}
.portfWrap .idoniBtn02{
    border-width: 1px; 
    border-radius: 30px;
    min-height: 46px;
    line-height: 46px;
    padding: 0 37.4px;
}

/*-----------------------------------------
/  10. Service
/-----------------------------------------*/
/* -- Service 02 -- */
.serviceWrap02{
    position: relative;
}
.serviceWrap02.serWrapBorder:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    top: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    background: var(--tw-secondary-color);
}
.serviceWrap02.serWrapBorder:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: var(--tw-secondary-color);
}

.serviceWrap02 .serSingle02{
    padding: 0 231px 50px 100px; 
}
.serviceWrap02 .serSingle02.srItem02 {
    padding: 0 111px 50px 215px
}
.serviceWrap02 .serSingle02.srItem04  {
    padding: 0 83px 50px 215px;
}
.serviceWrap02 .serSingle02.srItem03{
    top: 61px;
}
.serviceWrap02 .serSingle02.srItem04 {
    padding: 0 83px 50px 215px;
    top: 61px;
}
.serSingle02{
    position: relative;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
.serSingle02 h2{
    font-size: 120px;
    line-height: 1;
    font-family: var(--primary-font);
    background: -webkit-linear-gradient(271deg, #9A9A9A 0%, #FFFFFF 100%);
    background: linear-gradient(179deg, #9A9A9A 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0 0 26px;
}
.serSingle02 h3{
    font-size: 30px;
    line-height: 38px;
    color: var(--tw-secondary-color);
    margin: 0 0 3px;
}
.serSingle02 h3 a{
    display: inline-block;
    color: inherit;
}
.serSingle02 h3 a:hover{
    color: var(--tw-primary-color);
}
.serSingle02 h3 span{
    font-style: italic;
    font-weight: 400;
    color: #999999;
    font-family: var(--secondary-font);
    transition: all 350ms ease;
}
.serSingle02 h3 a:hover span{
    color: var(--tw-secondary-color);
}
.serSingle02 .serCat02{
    position: relative;
    float: left;
    margin: 26px 0 0;
    width: 100%;
    text-align: center;
}
.serSingle02 .serCat02 a{
    font-size: 14px;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 30px;
    display: inline-block;
    width: auto;
    min-height: 30px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    padding: 0 11.2px;
    margin: 0 5px 10px 0;
}
.serSingle02 .serCat02 a:hover{
    color: var(--tw-white-color);
    background-color: var(--tw-secondary-color);
}
.serviceWrap02 .serCircleItem{
    position: absolute;
    width: 290px;
    height: 290px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--tw-white-color);
    padding: 37px;
    border-radius: 50%;
    z-index: 2;
}
.serCircleItem .serCircle{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(34, 34, 34, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
    position: relative;
}
.serCircleItem .serCircle span{
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: var(--tw-secondary-color);
}
.serviceArchivePage .serSingle02{
    margin-bottom: 90px;
}

.serviceGridWrapp.row.gx-4 {
    --bs-gutter-x: 2.814rem;
}
.serviceArchivePage{
    position: relative;
    padding: 120px 0 120px;
}
.servicePageSec .serPageTitle {
    position: relative;
    top: -196px;
}
.servicePageSec .serPageTitle h2 {
    font-size: 300px;
    color: var(--tw-white-color);
    line-height: 1;
    margin-bottom: -180px;
}
.servicePageSec .serPageTitle.tb02 h2{
    text-align: center;
}
.serWrapItem {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 170px;
    grid-row-gap: 90px;
}
.ctaWrap01 {
    background: var(--tw-white-color);
    border: 1px solid var(--tw-secondary-color);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 41px 38px 41px 60px;
    top: 70px;
    position: relative;
    z-index: 1;
}
.ctaWrap01 h2{
    font-size: 40px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0;
    margin-right: 40px;
}
.ctaWrap01 h2 span{
    font-family: var(--secondary-font);
    font-style: italic;
    font-weight: 400;
}
.ctaWrap01 p {
    font-size: 14px;
    line-height: 24px;
    max-width: 260px;
    width: 100%;
    margin: 0;
}
.ctaWrap01 .idoniBtn02{
    margin: 0 0 0 auto;
    border: 0;
    outline: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    line-height: 56px;
}
.ctaWrap01 .idoniBtn02:hover{
    background: var(--tw-secondary-color);
}

/* -- Client Feedback -- */
.feedbackSec01 .secTitle {
    color: var(--tw-secondary-color);
    margin: 0 0 47px;
    line-height: 55.5px;
}
.feedbackSec01 .secTitle span{
    font-weight: 400;
    font-family: var(--secondary-font);
    font-style: italic;
}
.feedbackSec01 .secTitle div{
    color: var(--tw-secondary-color);
}
.feedbackImage{
    position: relative;
    margin-top: -10px;
}
.fbTestWrap{
    position: relative;
}
.feedbackImage img {
    height: auto;
    max-width: 700px;
}
.feedbackCon{
    position: relative;
}
.feedbackCon .subTitle{
    margin: 0 0 21px;
}
.fbTestSlider .testItem02{
    background: var(--tw-white-color);
    padding: 42px 50px 20px 50px;
}
.fbTestSlider .testItem02 .testAuthor{
    padding: 0;
}
.testSlider03.owl-carousel .owl-nav,
.testWrap01 .testNav03,
.testSerWrap .testNav04,
.folioSlider01 .owl-nav,
.teamCarousel.owl-carousel .owl-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 30px 0 0;
}
.teamCarousel.owl-carousel .owl-nav{
    margin: 40px 0 30px;
}
.testSlider03.owl-carousel .owl-nav.disabled{
    display: none !important;
}
.testimonialCon02 .testNav01,
.fbTestWrap .testNav{ 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    margin: 50px 0 0;
}
.testimonialCon02 .testNav01{    
    justify-content: flex-start;
    margin: 0;
}
.nav-item-align-left .fbTestWrap .testNav,
.nav-item-align-left .testimonialCon02 .testNav01,
.nav-item-align-left .testSlider03 .owl-nav,
.nav-item-align-left .testWrap01 .testNav03 ,
.nav-item-align-left .testSerWrap .testNav04 {
    justify-content: flex-start;
}
.nav-item-align-center .fbTestWrap .testNav,
.nav-item-align-center .testimonialCon02 .testNav01,
.nav-item-align-center .testSlider03 .owl-nav,
.nav-item-align-center .testSerWrap .testNav04,
.nav-item-align-center .testWrap01 .testNav03 {
    justify-content: center;
}
.nav-item-align-right .fbTestWrap .testNav,
.nav-item-align-right .testSlider03 .owl-nav,
.nav-item-align-right .testimonialCon02 .testNav01,
.nav-item-align-right .testSerWrap .testNav04,
.nav-item-align-right .testWrap01 .testNav03{
    justify-content: flex-end;
}
.prev04,
.next04,
.testimonialCon02 .testNav01 button,
.fbTestWrap .testNav button,
.testSlider03.owl-carousel .owl-nav button,
.testSerWrap .testNav04 button ,
.testWrap01 .testNav03 button,
.folioSlider01.owl-carousel .owl-nav button,
.teamCarousel.owl-carousel .owl-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--tw-body-color);
    outline: 0;
    font-size: 18px;
    color: #000000;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease;
}
.pfSlider02Nav {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 15px;
    margin: 20px 0 0;
}
.prev04,
.next04{
    color: var(--tw-white-color);
    border-color: var(--tw-white-color);
}
.prev04:hover,
.next04:hover,
.testimonialCon02 .testNav01 button:hover,
.fbTestWrap .testNav button:hover,
.testSlider03.owl-carousel .owl-nav button:hover,
.testSerWrap .testNav04 button:hover,
.testWrap01 .testNav03 button:hover,
.folioSlider01.owl-carousel .owl-nav button:hover,
.teamCarousel.owl-carousel .owl-nav button:hover {
    color: var(--tw-primary-color);
}
.prev04:hover,
.next04:hover{
    border-color: var(--tw-primary-color);
}
/* service page 02 */
.serviceGridWrapp .abIconSingle {
    position: relative;
    padding: 49px 49px 33px;
    cursor: inherit;
    min-height: 400px;
}
.serviceGridWrapp .abIconSingle .abSinCaption{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 49px 49px 33px;
}
.serviceGridWrapp .abIconSingle h2{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 25px;
}
.serviceGridWrapp .abIconSingle p{
    font-size: 16px;
    line-height: 26px;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.serviceGridWrapp .abIconSingle:hover p {
    margin: 0 0 56px;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.testSerWrap .userCarText img{
    max-width: 120px;
    width: 100%;
    height: auto;
    margin: auto auto 39px;
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
.testSerWrap .userCarText h2 {
    max-width: 1035px;
    margin: auto auto 56px;
    line-height: 58px;
}
.testSerWrap .testCarNav {
    max-width: 175px;
    position: relative;
    margin-bottom: 0;
}
.moreReview {
    position: absolute;
    left: 193px;
    top: 9px;
    width: 100%;
}
.moreReview p{
    line-height: 1;
    font-size: 14px;
    margin: 0 0 10px;
}
.moreReview h4{
    margin: 0;
    line-height: 1;
    font-size: 14px;
    color: var(--tw-secondary-color);
}
.serviceGridWrapp .serSingle03 .serNum {
    -webkit-text-stroke: 1px var(--tw-primary-color);
}
.serviceGridWrapp .serSingle03:hover .serNum {
    -webkit-text-stroke: 1px var(--tw-secondary-color);
}
.serItems04 {
    position: relative;
    display: inline-block;
    border: 1px solid #222222;
    border-radius: 10px;
    background: var(--white-color);
    padding: 50px 49px 34px;
    z-index: 1;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    cursor: pointer;
    margin-bottom: 45px;
}
.serItems04:hover {
    box-shadow: 12px 12px 0px 0 #000000;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.serItems04 .serIcon{
    position: relative;
    margin: 0 0 50px;
    /* margin: 0 0 86px; */
}
.serItems04 .serIcon span{
    font-size: 100px;
    color: var(--tw-secondary-color);
    display: inline-block;
}
.serItems04 .serIcon a i{
    font-size: 35px;
    color: rgba(34, 34, 34, .1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    position: relative;
    float: right;
    cursor: pointer;
}
.serItems04 h3 {
    color: var(--tw-secondary-color);
    line-height: 40px;
    font-size: 30px;
    margin: 0 0 20px;
}
.serItems04 h3 span {
    font-style: italic;
    font-weight: 400;
    color: #999999;
    font-family: var(--secondary-font);
    transition: all 350ms ease;
}
.serItems04 h3 a {
    color: inherit;
    display: inline-block;
}
.serItems04 h3 a:hover span,
.serItems04 h3 a:hover {
    color: var(--tw-primary-color);
}
.serItems04:hover .serIcon a i {
    color: var(--tw-secondary-color);
}
.serItems04 p {
    font-size: 16px;
    line-height: 26px;
    color: #777777;
    margin-bottom: 18px;
}
.serItems04 .rm_btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    margin-bottom: 5px;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
}
.serItems04 .rm_btn:hover{
    color: var(--tw-primary-color);
}
.serContentWrap04 {
    position: relative;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
}
.serItems04:hover .serContentWrap04{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
}
.serItems04:hover .serContentWrap04 .rm_btn{
    opacity: 1;
    visibility: visible;
}
/* service page 03 */
.serWrap03Item {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 171px;
    grid-row-gap: 81px;
    padding-bottom: 80px;
}
.serWrap03Item .serNum{
    -webkit-text-stroke: 1px var(--tw-primary-color);
}
.serWrap03Item .serSingle03 .serNum:before {
    color: var(--tw-primary-color);
}

/* -- Contact Form -- */
.contactWrap{
    position: relative;
    padding: 120px 0 20px 117px;
}
.contact-form{
    position: relative;
}
.contact-form p{
    margin: 0;
    padding: 0;
}
.contact-form .wpcf7-not-valid-tip{
    display: none;
}
.contact-form .wpcf7-not-valid{
    border-color: var(--tw-primary-color);
}
.contact-form .row.gx-3{
    --bs-gutter-x: 1.25rem;
}
.contact-form input,
.contact-form textarea{
    width: 100%;
    height: auto;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 10px;
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-secondary-color);
    padding: 15px 15px 15px 24px;
    outline: 0;
    margin: 0 0 20px;
}
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder{
    color: #999999;
}
.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder{
    color: #999999;
}
.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder{
    color: #999999;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color: #999999;
}
.contact-form textarea{
    resize: none;
    height: 120px;
    line-height: 18px;
    margin-bottom: 12px;
}
.contact-form button {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border: none;
    padding: 0 35.8px;
}
.contact-form button:hover{
    background-color: var(--tw-secondary-color);
}
.wpcf7-response-output {
    border-radius: 5px;
    margin: 12px 0 0;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

.contact-form input.reqError:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), 
.contact-form textarea.reqError {
    border-color: var(--tw-primary-color);
}

/* service page details */
.serDetImg{
    position: relative;
    padding-right: 3px;
    padding-top: 161px;
}
.elementor .serDetImg img{
    max-width: 300px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    float: left;
}
.serDetImg .serImg01{
    position: absolute;
    left: 0;
    top: 0;
}
.serDetImg .serImg02{
    float: right;
}
.abLookThumb {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

/* -- Service Integrations -- */
.integratSin{
    position: relative;
}
.integratSin span{
    width: 200px;
    height: 200px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 80px;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    border-radius: 50%;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    margin: 0 0 40px;
}
.integratSin.top-bottom span{
    -webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
    animation: slide_up_down 1.7s ease-in-out infinite alternate both;
}
.integratSin.left-right span{
    -webkit-animation: slide_left_right 1.7s ease-in-out infinite alternate both;
    animation: slide_left_right 1.7s ease-in-out infinite alternate both;
}
.integratSin span{
    background-color: attr(data-color color);
}
.integratSin.wordpress span{
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.integratSin.html5 span{
    width: 150px;
    height: 150px;
    margin-top: 105px;
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.integratSin.bootstrap span{
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.integratSin.java span{
    width: 150px;
    height: 150px;
    margin-top: 105px;
    background: #FFDA58;
    color: var(--tw-secondary-color);
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
.integratSin h4{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
@-webkit-keyframes slide_up_down {
    0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
    }
    100% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
    }
}
@keyframes slide_up_down {
    0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
    }
    100% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
    }
}

/* -- Service Video Section -- */
.svContent{
    position: relative;
    padding: 120px 93px 0 0;
}
.sv01video{
    position: relative;
    padding: 0 0 0 23px;
}
.sv01video img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.sv01video .popup_video{
    width: 100px;
    height: 100px;
    background: var(--tw-white-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    color: var(--tw-secondary-color);
    position: absolute;
    left: 28px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto auto;
}
.sv01video .popup_video:hover{
    color: var(--tw-primary-color);
}

.contactPageBanner{
    background: var(--tw-secondary-color);
    padding: 141px 0 0;
}
.contactPageBanner .pageBannerTitle{
    margin: 0 0 422px;
}
.contactMap{
    position: relative;
}
.contactMap iframe{
    width: 100%;
    height: 600px;
    position: relative;
    top: -280px;
    margin-bottom: -288px;
    border-radius: 10px;
}
/*-----------------------------------------
/  11. Team
/-----------------------------------------*/
/* -- Team 01 -- */
.teamSecTitle{
    position: relative;
    text-align: center;
}
.teamSecTitle h2{
    font-size: 200px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--tw-secondary-color);
    margin: 0 0 16px;
}
.teamSin01{
    position: relative;
    margin: 0 0 50px;
}
.teamSin01.temSi1, 
.teamSin01.temSi4,
.teamSin01.temSi8,
.teamSin01.temSi11 {
    top: -76px;
}
.teamSin01.temSi2 , 
.teamSin01.temSi5,
.teamSin01.temSi9,
.teamSin01.temSi12  {
    top: 60px;
}
.tm01Thumb{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.tm01Thumb:after{
    content: "";
    position: absolute;
    background: var(--tw-white-color);
    width: 100%;
    height: 0;
    z-index: 1;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    left: 0;
    opacity: 0.5;
    bottom: 0;
}
.teamSin01:hover .tm01Thumb:after{
    height: 100%;
    opacity: 0;
}
.tm01Thumb img,
.elementor .tm01Thumb img{
    max-width: 370px;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.tm01Thumb .teamCon{
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--tw-white-color);
    border-radius: 10px;
    width: calc(100% - 60px);
    padding: 16px 31px;
    left: 0;
    right: 0;
    margin: 30px auto;
    z-index: 2;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
}
.teamSin01:hover .tm01Thumb .teamCon{
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
}
.teamSin01 .teamCon h3{
    font-size: 14px;
    line-height: 1;
    color: var(--tw-secondary-color);
    margin: 0 19px 0 0;
}
.teamSin01 .teamCon h3 a{
    display: inline-block;
    color: inherit;
}
.teamSin01 .teamCon h3 a:hover{
    color: var(--tw-primary-color);
}
.teamSin01 .teamCon span{
    font-size: 14px;
    font-style: italic;
    font-family: var(--secondary-font);
    color: #999999;
}
.teamSin01 .teamSocial {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 30px 0 5px;
    color: #777777;
    padding-left: 60px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.teamSin01 .teamSocial a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    margin-right: 18px;
}
.teamSin01 .teamSocial a:hover{
    color: var(--tw-primary-color);
}
.teamSin01:hover .teamSocial{
    opacity: 1;
    visibility: visible;
}
.teamItemBtn{
    position: relative;
    margin: 132px 0 0;
}
.teamItemBtn .idoniBtn03{
    line-height: 52px;
    padding: 0 85px;
}
.teamSocial a:nth-child(01){
    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);

    -webkit-transition-delay: 400ms;

            transition-delay: 400ms;
}
.teamSocial a:nth-child(02){
    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 500ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
}
.teamSocial a:nth-child(03){
    -webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
}
.teamSocial a:nth-child(04){
    -webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
}
.teamSin01:hover .teamSocial a:nth-child(01),
.teamSin01:hover .teamSocial a:nth-child(02),
.teamSin01:hover .teamSocial a:nth-child(03),
.teamSin01:hover .teamSocial a:nth-child(04){
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

/* -- Team Section 02 -- */
.teamArchivePage{
    padding: 120px 0 120px;
}
.teamArchivePage .teamGridWraper.row.gx-5,
.teamGridWraper.row.gx-5{
    --bs-gutter-x: 5.625rem;
}
.teamSingle02{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 100px;
}
.teamSingle02:after{
    content: "";
    position: absolute;
    background: var(--tw-white-color);
    width: 100%;
    height: 0;
    z-index: 1;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    left: 0;
    opacity: 0.5;
    bottom: 0;
}
.teamSingle02:hover:after{
    height: 100%;
    opacity: 0;
}
.teamSingle02 img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.teamLoader01, .teamLoader02{
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--tw-secondary-color);
    padding: 20px 0 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
    z-index: 9;
}
.teamLoader01 {
    bottom: 62px;
    -webkit-transform: rotate(-9deg) scaleY(0);
            transform: rotate(-9deg) scaleY(0);
    width: calc(100% + 72px);
    left: -20px;
    background: var(--tw-white-color);
}
.teamLoader02{
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
}
.teamSingle02:hover .teamLoader01{
    -webkit-transform: rotate(-9deg) scaleY(1);
            transform: rotate(-9deg) scaleY(1);
}
.teamSingle02:hover .teamLoader02{
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
}
.teamTextAnim:hover[data-loaderAnim] {
    --animps: paused;
}
.teamTextAnim {
    --animdur: 5s;
    --animn: loaderAnim;
    position: relative;
    white-space: nowrap;
    will-change: transform;
    display: -webkit-box;
}
.teamTextAnim h2 {
    font-size: 30px;
    line-height: 1;
    color: var(--tw-white-color);
    display: inline-block;
    margin: 0 72px 0 0;
}
.teamTextAnim h2 a{
    display: inline-block;
    color: inherit;
}
.teamTextAnim h2 a:hover{
    color: var(--tw-primary-color);
}
.teamLoader01 .teamTextAnim h2 {
    color: var(--tw-secondary-color);
}
.teamCarousel.owl-carousel .teamSin01,
.teamCarousel.owl-carousel .teamSingle02{
    margin: 0;
}

/*-------- Team Details -------- */
.team_designation span{
    color: var(--tw-primary-color);
    font-size: 16px;
    font-family: var(--secondary-font);
    font-style: italic;
    display: inline-block;
}
.iconBox05{
    position: relative;
    padding: 2px 0 0 70px;
    margin: 0 0 35px;
}
.iconBox05 span{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: var(--tw-white-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
}
.iconBox05 p{
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
    color: var(--tw-secondary-color);
}
.iconBox05 h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    color: var(--tw-body-color);
}
.iconBox05 h3 a{
    color: inherit;
    display: inline-block;
}
.iconBox05 h3:hover a{
    color: var(--tw-primary-color);
}
.tmDesctiption .logicBtn{
    padding: 0 35px;
}

/* -- Testimonials Page Section -- */
.testPageSec{
    position: relative;
    padding: 120px 0 96px;
}
.testPageSec .testItem02{
    margin: 0 0 24px;
}

/*-----------------------------------------
/  12. Client Section
/-----------------------------------------*/
/* -- Client Section 01-- */
.clientLoader01{
    position: relative;
}
.clientLoader01 .loaderAnim02 {
    --animdur: 25s; 
    --animn: loaderAnim02; 
    position: relative;
    white-space: nowrap;
    will-change: transform;
    display: -webkit-box;
}
.clientLoader01 .loaderAnim02 h2{
    color: var(--tw-white-color);
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(34, 34, 34, .3);
    text-transform: capitalize;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.03em;
    position: relative;
}
.clientLoader01 .loaderAnim02 h2 a{
    padding: 0 74px 0 98px;
    color: var(--tw-white-color);
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(34, 34, 34, .3);
    display: inline-block;
}
.clientLoader01 .loaderAnim02 h2 a:hover{
    -webkit-text-stroke-color: var(--tw-primary-color);
}
.clientLoader01 .loaderAnim02:hover[data-loaderAnim] {
    --animps: paused;
}
.clientLogoGrid{
    text-align: center;
}
.clientLogo{
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 60px;
}
.elementor .clientLogo img{
    max-width: 100%;
    height: auto;
    transition: all 350ms ease;
}
.elementor .clientLogo img:hover{
    opacity: .9;
}
.clientLogo.client02{
    left: 19px;
}
.clientLogo.client03{
    left: 81px;
}
.clientLogo.client04,
.clientLogo.client08{
    text-align: right;
}
.clientLogo.client06 {
    left: 19px;
}
.clientLogo.client07 {
    left: 88px;
}
.clientWrap01{
    position: relative;
}
.clientWrap01 .idoniBtn02 {
    border: 1px solid var(--tw-secondary-color);
    border-radius: 30px;
    min-height: 46px;
    line-height: 44px;
    padding: 0 37.1px;
    margin-top: 20px;
}
/*-----------------------------------------
/  13. Footer
/-----------------------------------------*/
/* -- Footer Area 01 -- */
.footerArea01{
    background: var(--tw-secondary-color);
    padding: 120px 0 0;
}
.widget{
    position: relative;
}
.addressWidget .footerLogo a{
    display: inline-block;
    margin: 0 0 40px;
}
.addressWidget .footerLogo a img{
    max-width:61px ;
    width: 100%;
    height: auto;
}
.addressWidget .aboutWidContent{
    font-size: 14px;
    line-height: 24px;
    color: #ACACAC;
    margin: 0px 48px 28px 0;
}
.footerSocial{
    position: relative;
    display: flex;
    align-items: center;
}
.footerSocial a{
    display: inline-flex;
    font-size: 14px;
    color: #6D6D6D;
    margin-right: 13px;
}
.footerSocial a:hover{
    color: var(--tw-white-color);
}
.fw_widgetTitle {
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    margin: 0 0 48px;
}
.footerPageLink ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footerPageLink ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--tw-white-color);
    line-height: 26px;
}
.footerPageLink ul li a{
    margin-right: 15px;
    margin-bottom: 20px;
    display: inline-block;
    color: inherit;
}
.footerSocial a{
    display: inline-block;
}
.twoColMenu ul li{
    width: 50%;
    float: left;
}
.inlineMenu ul li{
    display: inline-block;
}
.footerPageLink ul li a:hover {
    color: rgb(240, 85, 142);
}
.widgetsubscribe-Form .fw_widgetTitle  {
    margin: 0 0 48px;
}
.subscribe-Form input{
    width: 100%;
    min-height: 56px;
    line-height: 56px;
    padding: 0 10px 0 26px;
    background: #2C2C2C;
    border-radius: 10px;
    color: var(--tw-white-color);
    font-size: 14px;
    border: 0;
    outline: 0;
    margin: 0 0 20px;
}
.subscribe-Form input::-webkit-input-placeholder{
    color: var(--tw-white-color);
}
.subscribe-Form input::-moz-placeholder{
    color: var(--tw-white-color);
}
.subscribe-Form input:-ms-input-placeholder{
    color: var(--tw-white-color);
}
.subscribe-Form input::placeholder{
    color: var(--tw-white-color);
}
.subscribe-Form .idoniBtn02{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border: 0;
    outline: 0;
    padding: 0 36.1px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.subscribe-Form .idoniBtn02:hover{
    background: #e02167ea;
}
.copyRight{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 24px 0;
    margin-top: 120px;
}
.mc4wp-alert{
    position: relative;
    margin-top: 12px;
}
.mc4wp-error p {
    color: rgba(216,48,57,.87);
    background: #ffbaba;
    padding: 12px;
}
.mc4wp-success{
    background: #d4edda;
    color: #155724;
    padding: 12px;
    text-align: left;
}
.copyRight ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.copyRight ul li{
    font-size: 14px;
    font-weight: 500;
    color: var(--tw-white-color);
    line-height: 14px;
    display: inline-block;
    margin-right: 37px;
}
.copyRight ul li a{
    color: inherit;
}
.copyRight ul li a:hover{
    color: rgba(255, 255, 255, .4);
}
.copyRight p{
    color: var(--tw-white-color);
    font-size: 14px;
    line-height: 14px;
    margin: 0;
}
.copyRight p a{
    font-weight: 700;
    color: var(--tw-white-color);
}
.copyRight p a:hover{
    color: var(--tw-primary-color);
}
.footerArea03 .widget.footerPageLink{
    padding-left:0;
}
.elementor-widget-text-editor a{
    color: var(--tw-white-color);
    font-weight: 500;
}
.elementor-widget-text-editor a:hover {
    color: #E02166;
}
.themewar_editor a{
    color: var(--tw-white-color);
}
.themewar_editor a:hover{
    color: var(--tw-primary-color);
}

/* -- Footer Area 02 -- */
.infoWidget p {
    font-weight: 500;
    line-height: 20px;
    color: var(--tw-secondary-color);
    margin: 0 0 26px;
    font-size: 16px;
    position: relative;
    padding-left: 37px;
}
.infoWidget p span{
    color: rgba(34, 34, 34, .5);
    position: absolute;
    top:-1px;
    left:0;
}
.infoWidget p span svg{
    width: 16px;
    height: auto;
    fill: rgba(34, 34, 34, .5);
}
.infoWidget p a{
    display: inline-block;
    color: inherit;
}
.infoWidget p a:hover{
    color: var(--tw-primary-color);
}
.widgetGallery01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.widGalleryItem {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 20px;
    row-gap: 20px;
    max-width: 280px;
    width: 100%;
}
.widGalleryItem a{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    height: auto;
    z-index: 1;
    overflow: hidden;
}
.widGalleryItem a:after{
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 2;
}
.widGalleryItem a:hover:after{
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}
.widgetGallery01 a:before{
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 2;
}
.widGalleryItem a:hover:before{
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}
.widGalleryItem a .overly{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .5);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
}
.widGalleryItem a:hover .overly{
    opacity: 1;
    visibility: visible;
}
.widGalleryItem a img{
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 10px;
}

/* -- Footer Area 03 -- */

.footerArea03{
    background: var(--tw-secondary-color);
}
.footerTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 28px 0 29px;
    margin: 0 0 100px;
}
.footerTop .flogo{
    display: inline-block;
}
.footerTop ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footerTop ul li {
    font-size: 14px;
    font-weight: 500;
    color: var(--tw-white-color);
    line-height: 14px;
    display: inline-block;
    margin-left: 37px;
}
.footerTop ul li a {
    color: inherit;
}
.footerTop ul li a:hover{
    color: rgba(255, 255, 255, .4);
}
.mapWidget{
    text-align: right;
}
.mapWidget iframe{
    max-width: 520px;
    width: 100%;
    height: 284px;
    border-radius: 6px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.blackAndWhite iframe{
    max-width: 520px;
    width: 100%;
    height: 284px;
    border-radius: 6px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.footerArea03 .copyRight {
    padding: 23px 0 23px;
    margin-top: 92px;
}
.copyRightSocial{
    position: relative;
}
.copyRightSocial a{
    display: inline-block;
    color: #6D6D6D;
    font-size: 14px;
    margin-left: 17px;
}
.copyRightSocial a:hover{
    color: var(--tw-white-color);
}

/*-----------------------------------------
/  14. Awards Section
/-----------------------------------------*/
.awardSingle{
    position: relative;
    border-top: 1px solid rgba(34, 34, 34, .1);
}
.awardSingle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 1px;
    background: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.awardSingle:hover:after{
    width: 100%;
}
.awardSingle .awardContentWrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px 0 53px;
    z-index: 999;
}
.awardSingle h3{
    font-size: 40px;
    line-height: 1;
    margin: 0;
    color: var(--tw-secondary-color);
    margin-right: 29px;
}
.awardSingle h3 a{
    display: inline-block;
    color: inherit;
    cursor: auto;
}
.awardSingle h3 a br{
    display: none;
}
.awardSingle h3 a span{
    font-size: inherit;
    color: inherit;
}
.awardSingle p{
    font-size: 14px;
    font-family: var(--secondary-font);
    font-style: italic;
    color: #777777;
    margin: 0;
}
.awardSingle p a{
    display: inline-block;
    color: inherit;
}
.awardSingle p a:hover{
    color: var(--tw-secondary-color);
}
.awardSingle span{
    margin: 0 0 0 auto;
    font-size: 14px;
    color: #999999;
    line-height: 1;
}

/*-----------------------------------------
/  15. Video Section
/-----------------------------------------*/
.videoSection {
    position: relative;
    background: url(../images/video_bg.jpg)no-repeat scroll center center / cover;
    width: 100%;
    height: auto;
    padding: 250px 0 50px;
    overflow: hidden;
    z-index: 1;
}
.videoSection:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(264.1deg, rgba(0, 0, 0, 0) 29.42%, rgba(0, 0, 0, 0.6) 95.31%);
    background: linear-gradient(185.9deg, rgba(0, 0, 0, 0) 29.42%, rgba(0, 0, 0, 0.6) 95.31%);
    z-index: -1;
}
.videoPlayBtn{
    display: block;
    position: relative;
    width: 120px;
    height: 120px;
    margin: auto;
    background: var(--tw-white-color);
    border-radius: 50%;
    line-height: 120px;
    text-align: center;
    font-size: 20px;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
    font-style: italic;
}
.videoPlayBtn:hover{
    color: var(--tw-primary-color);
}
.videoLayer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 234px;
    z-index: 3;
}
.videoLayer h2{
    font-size: 40px;
    line-height: 1;
    margin: 0;
    color: var(--tw-white-color);
}
.videoLayer .idoniBtn02{
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    background: transparent;
    color: var(--tw-white-color);
    min-height: 46px;
    line-height: 44px;
    padding: 0 37.2px;
}
.videoLayer .idoniBtn02:hover{
    color: var(--tw-primary-color);
    background: var(--tw-white-color);
}
.videoLayer:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 62.2%;
    height: 1px;
    background: var(--tw-white-color);
}
.videoAfterImg {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: translate(100%, 0px);
            transform: translate(100%, 0px);
}
.elementor .videoAfterImg img,
.videoAfterImg img {
    -webkit-transform: translate(-100%, 0px);
            transform: translate(-100%, 0px);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoAfterImg:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(264.1deg, rgba(0, 0, 0, 0) 29.42%, rgba(0, 0, 0, 0.6) 95.31%);
    background: linear-gradient(185.9deg, rgba(0, 0, 0, 0) 29.42%, rgba(0, 0, 0, 0.6) 95.31%);
    z-index: 1;
}
.video_align.elementor-align-left .videoPlayBtn{
    margin: auto 0;
}
.video_align.elementor-align-right .videoPlayBtn{
    margin: auto 0 auto auto;
}

/*-----------------------------------------
/  16. Wp Modification 
/-----------------------------------------*/
.img01Slider.owl-carousel .owl-dots,
.abIconSlider.owl-carousel .owl-dots,
.impressCarousel.owl-carousel .owl-dots,
.folioSlider01.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.img01Slider.owl-carousel .owl-dots:not(.disabled),
.abIconSlider.owl-carousel .owl-dots:not(.disabled),
.impressCarousel.owl-carousel .owl-dots:not(.disabled),
.folioSlider01.owl-carousel .owl-dots:not(.disabled){
    margin-top: 40px;
}
.img01Slider.owl-carousel button.owl-dot,
.abIconSlider.owl-carousel button.owl-dot,
.impressCarousel.owl-carousel button.owl-dot,
.folioSlider01.owl-carousel .owl-dots button.owl-dot {
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.img01Slider.owl-carousel button.owl-dot.active,
.abIconSlider.owl-carousel button.owl-dot.active,
.impressCarousel.owl-carousel button.owl-dot.active,
.folioSlider01.owl-carousel .owl-dots button.owl-dot.active {
    border-color: var(--tw-primary-color);
}
.img01Slider.owl-carousel button.owl-dot span ,
.abIconSlider.owl-carousel button.owl-dot span ,
.impressCarousel.owl-carousel button.owl-dot span,
.folioSlider01.owl-carousel .owl-dots button.owl-dot span {
    background: var(--tw-secondary-color);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.img01Slider.owl-carousel button.owl-dot.active span, .img01Slider.owl-carousel button.owl-dot:hover span,
.abIconSlider.owl-carousel button.owl-dot.active span, .abIconSlider.owl-carousel button.owl-dot:hover span,
.folioSlider01.owl-carousel .owl-dots button.owl-dot.active span, .folioSlider01.owl-carousel .owl-dots button.owl-dot:hover span ,
.impressCarousel.owl-carousel button.owl-dot.active span, .impressCarousel.owl-carousel button.owl-dot:hover span {
    background: var(--tw-primary-color);
}

/* -- Service Area -- */
.serSingle03.serItem02,
.serSingle03.serItem05,
.serSingle03.serItem08,
.serSingle03.serItem011,
.serSingle03.serItem014,
.serSingle03.serItem017,
.serSingle03.serItem020 {
    margin-top: 100px;
}
.serSingle03.serItem03,
.serSingle03.serItem06,
.serSingle03.serItem09,
.serSingle03.serItem012,
.serSingle03.serItem015,
.serSingle03.serItem018,
.serSingle03.serItem021 {
    margin-top: 200px;
}
.serSingle03{
    position: relative;
    text-align: center;
}
.elementor-align-right .serSingle03{
    text-align: right;
}
.elementor-align-left .serSingle03{
    text-align: left;
}
.serSingle03 .serNum{
    font-size: 100px;
    line-height: 1;
    font-family: var(--primary-font);
    color: transparent;
    -webkit-text-stroke: 1px var(--tw-secondary-color);
    margin: 0 0 118px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serSingle03 .serNum:before{
    content:attr(data-text);
    position:absolute;
    color: var(--tw-secondary-color);
    width:0px;
    overflow:hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.serSingle03:hover .serNum:before{
    width:100%;
}
.serSingle03 .serNum:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    background: var(--tw-secondary-color);
    left: 0;
    right: 0;
    top: 0;
    margin: 128px auto;
}
.serSingle03 h3{
    font-size: 30px;
    line-height: 39px;
    color: var(--tw-secondary-color);
    margin: 0 0 4px;
}
.serSingle03 h3 a{
    color: inherit;
    display: inline-block;
}
.serSingle03 h3 a span{
    font-family: var(--secondary-font);
    font-style: italic;
    color: #999999;
    transition: all 350ms ease;
}
.serSingle03 h3 a:hover {
    color: var(--tw-primary-color);
}
.serSingle03 h3 a:hover span {
    color: var(--tw-secondary-color);
}
.serSingle03 .serBtn03{
    background: transparent;
    width: 60px;
    height: 60px;
    border: 1px solid var(--tw-secondary-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-secondary-color);
    font-size: 20px;
    margin: 25px 0 0;
}
.serSingle03 .serBtn03 i{
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serSingle03 .serBtn03:hover i{
    color: var(--tw-primary-color);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
}
.serviceArchivePage .serSingle03{
    margin: 0 0 70px;
}

/* -- Sponsors Area -- */
.sponsorItem {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 10px;
    padding: 49px 20px 49px; 
    overflow: hidden;
}
.clientSlider{
    position: relative;
}
.sponsorSin{
    position: relative;
    text-align: center;
}
.sponsorSin a {
    display: inline-block;
}
.elementor .sponsorSin img {
    max-width: 100%;
    height: auto;
    display: inline-block !important;
}
.clientSlider .owl-nav button{
    font-size: 12px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #222;
    color: #222;
    background: var(--tw-white-color);
    position: absolute;
    transition: all 350ms ease;
}
.clientSlider .owl-nav button:hover{
    color: var(--tw-primary-color);
}
.clientSlider .owl-nav button.owl-prev{
    left: 10px;
    right: auto;
    top: 0;
}
.clientSlider .owl-nav button.owl-next{
    right: 10px;
    left: auto;
    top: 0;
}
.clientSlider .owl-dots {
    text-align: center;
    margin: 30px 0 0;
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
}
.clientSlider .owl-dots button{
    width: 10px;
    height: 10px;
    background: var(--tw-white-color);
    border-radius: 50%;
    margin: 0 3px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease;
}
.clientSlider .owl-dots button span{
    width: 8px;
    height: 8px;
    background: #222;
    border-radius: 50%;
    transition: all 350ms ease;
}
.clientSlider .owl-dots button.active span{
    border: 1px solid var(--tw-white-color);
}
.clientSlider .owl-dots button.active {
    background: var(--tw-primary-color);
}

/* -- Get Touch Section -- */
.getInfoAddress{
    position: relative;
}
.getInfoAddress p{
    color: var(--tw-secondary-color);
    border: 1px solid var(--tw-secondary-color);
    border-radius: 30px;
    display: inline-block;
    padding: 0 11.3px;
    margin: 0 0 38px;
    line-height: 28px;
    font-size: 14px;
}
.getInfoAddress h3{
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 16px;
    color: var(--tw-secondary-color);
}
.getInfoAddress h3 a{
    display: inline-block;
    color: inherit;
}
.getInfoAddress h3 a:hover{
    color: var(--tw-primary-color);
}
.getShare{
    position: relative;
    padding-left: 64px;
}
.getShare a{
    display: inline-block;
    color: rgba(255, 255, 255, .3);
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 29px;
}
.getShare a:hover{
    color: var(--tw-white-color);
    text-decoration: underline;
}
.getInfo2{
    padding-left: 31px;
}
.getTouchHeading{
    position: relative;
}
.touchLoader{
    --animdur: 30s;
    --animn: loaderAnim03;
    position: relative;
    white-space: nowrap;
    will-change: transform;
    display: -webkit-box;
    top: 118px;
}
.touchLoader:hover[data-loaderAnim] {
    --animps: paused;
}
.touchLoader h2{
    font-size: 300px;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.03em;
    background: -webkit-linear-gradient(left, #222222 0%, #FFFFFF 53.65%, #222222 100%);
    background: linear-gradient(90deg, #222222 0%, #FFFFFF 53.65%, #222222 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    display: inline-block;
    margin: 0 100px 0 0;
    cursor: pointer;
}
.touchLoader img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    right: 0;
    left: 310px;
    margin: auto;
    top: -95px;
}
.touchLoader h2 a{
    color: inherit;
    display: inline-block;
}

/*-- Popup Search ---*/
.popup_sidebar_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.popubMobileSearch {
    display: none;
}
.popup_sidebar_overlay {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: rgba(22, 21, 21, .5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}
.popup_sidebar_sec.active .popup_sidebar_overlay {
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    right: 0;
    opacity: 1;
}
.pop_sidebar_background {
    background: #111111;
    max-width:420px;
    height:  100%;
    right: -100%;
    z-index: 999995;
    padding: 60px 45px 60px 35px;
    position: fixed;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    overflow-y: auto;
}
.popup_sidebar_sec.active .pop_sidebar_background {
    opacity: 1;
    visibility: visible;
    right: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}

.popup_sidebar_sec .widget_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}
.center_align, .about_widget_area {
    height: 100%;
    width: 100%;
}
.wd_logo {
    margin: 0 0 41px;
}
.wd_logo .textLogo{
    font-size: 24px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: capitalize;
}
.about_widget_area > p {
    line-height: 34px;
    font-weight: 400;
    color: var(--tw-white-color);
    letter-spacing: -0.18px;
    margin-bottom: 40px;
}
.icon_box_2 {
    padding-left: 50px;
    position: relative;
    margin: 0 0 25px;
}
.icon_box_2 i {
    font-size: 30px;
    color: var(--tw-white-color);
    position: absolute;
    left: 0;
    top: 10px;
}
.icon_box_2 svg{
    width: auto;
    height: 30px;
    fill: var(--tw-white-color); position: absolute;
    left: 0;
    top: 10px;
}
.icon_box_2 h4 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #FFF;
    margin: 0px 38px 5px 0;
    text-transform: uppercase;
}
.icon_box_2 p {
    font-size: 13px;
    line-height: 18px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 20px;
}
.icon_box_2 p a{
    color: inherit;
    display: inline-block;
}
.icon_box_2 p a:hover{
    color: #c1c1c1
}
.iconBox06{
    position: relative;
    padding: 2px 0 4px 70px;
}
.iconBox06 span{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: var(--tw-white-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    fill: var(--tw-body-color);
}
.iconBox06 span svg{
    width: 16px;
    fill: var(--tw-body-color);
}
.iconBox06 p {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
    color: var(--tw-secondary-color);
}
.iconBox06 h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    color: var(--tw-body-color);
    font-family: var(--primary-font);
}
.iconBox06 h3 a {
    color: inherit;
    display: inline-block;
}
.iconBox06 h3:hover a {
    color: var(--tw-primary-color);
}
.rightsidebarCloser {
    position: absolute;
    right: 45px;
    top: 52px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    z-index: 99;
    line-height: 48px;
    text-align: center;
}

.rightsidebarCloser span {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rightsidebarCloser span:before {
    content: "";
    width: 2px;
    height: 100%;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.rightsidebarCloser span:after {
    content: "";
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.rightsidebarCloser:hover {
    border-color: var(--tw-primary-color);
}
.rightsidebarCloser:hover span:before, .rightsidebarCloser:hover span:after {
    background: var(--tw-primary-color);
}
.sidebar_social{
    position: absolute;
    left: 35px;
    bottom: 60px;
}
.sidebar_social h4{
    font-size: 16px;
    color: var(--tw-white-color);
    line-height: 1;
    margin: 0 0 10px;
}
.sidebar_social a{
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}
.sidebar_social a:hover{
    color: var(--tw-white-color);
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-webkit-keyframes fadeInGo {
    0% {opacity: 0.1; width: 0; }
    100% {opacity: 1; width: 100%; }
}
@keyframes fadeInGo {
    0% {opacity: 0.1; width: 0; }
    100% {opacity: 1; width: 100%; }
}

@-webkit-keyframes fadeOutGo {
    0% {opacity: 1; width: 100%; }
    100% {opacity: 0; width: 0; }
}
@keyframes fadeOutGo {
    0% {opacity: 1; width: 100%; }
    100% {opacity: 0; width: 0; }
}

@-webkit-keyframes fadeOutGo2 {
    0% {opacity: 0.8; width: 100%; }
    100% {opacity: 0.14; width: 0; }
}
@keyframes fadeOutGo2 {
    0% {opacity: 0.8; width: 100%; }
    100% {opacity: 0.14; width: 0; }
}
.popup_search_form  button[type="submit"]{
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 20px;
    line-height: 33px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
}
.popup_search_form  button[type="submit"]:hover{
    color: var(--tw-primary-color);
}

/* End wp Mdifecations  */

/*----------------========----------------
/  Eroor Page
/----------------========----------------*/
.section_404 {
    padding: 120px 0 120px;
    position: relative;
    background: url(../images/bannerBg03.jpg)no-repeat scroll center center / cover;
    z-index: 1;
}
.section_404::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .9);
}
.errorContent{
    position: relative;
    z-index: 2;
}
.errorContent h2{
    font-size: 200.14px;
    color: var(--tw-primary-color);
    margin: 0 0 4px;
    font-family: titillium web,sans-serif;
}
.errorContent h2 img{
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    margin: auto;
    z-index: -1;
    opacity: .3;
    max-width: 100%;
}
.errorContent p{
    font-size: 25.02px;
    line-height: 31.37px;
    letter-spacing: 7.506px;
    text-transform: uppercase;
    color: var(--tw-white-color);
    font-weight: 600;
    margin: 0 0 0;
    font-family: titillium web,sans-serif;
}
.errorSearchForm{
    width: 100%;
}
.fofContentWrap {
    width: 100%;
    height: auto;
    position: relative;
    max-width: 746px;
    margin: 54px 0 39px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.errorSearchForm input{
    width: 100%;
    height: 86px;
    border-radius: 3px;
    background: var(--tw-white-color);
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    font-size: 18px;
    font-weight: 400;
    padding: 0 178px 0 29px;
    border: none;
    outline: unset;
}
.errorSearchForm input::placeholder{
    color: #47484a;
    opacity: 1;
}
.errorSearchForm input::-moz-placeholder{
    color: #47484a;
    opacity: 1;
}
.errorSearchForm input::-webkit-input-placeholder{
    color: #47484a;
    opacity: 1;
}
.errorSearchForm button{
    background: var(--tw-white-color);
    border: none;
    width: 92px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 0 0 3px;
    color: var(--tw-secondary-color);
    font-size: 22px;
    position: absolute;
    right: 92px;
    top: 0;
}
.errorSearchForm button i{
    font-weight: 600;
}
.errorSearchForm button:hover{
    color: var(--tw-primary-color);
}
.fofContentWrap::after {
    position: absolute;
    content: '';
    background: var(--tw-primary-color);
    width: 8px;
    height: 100%;
    left: -7px;
    top: 0;
    border-radius: 3px 0 0 3px;
    z-index: -1;
}
.errorSearchForm a{ 
    background: var(--tw-primary-color);
    border: none;
    width: 92px;
    height: 86px;
    line-height: 86px;
    border-radius: 0 3px 3px 0;
    color: #FFF;
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    text-align: center;
}
.errorSearchForm a:hover{
    background: var(--tw-secondary-color);
}
.errorContent .idoniBtn03{
    margin-top: 50px;
    min-width: 180px;
    text-transform: uppercase;
}
.portfolio_details.faqSec{
    padding: 70px 0 104px;
}

/* -- Scroll Top -- */
.scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999992;
    border-radius: 50%;
    color: var(--tw-secondary-color);
    background: var(--tw-white-color);
    -webkit-transition: all 350ms;
    -webkit-transition: -webkit-transform 350ms;
    transition: -webkit-transform 350ms;
    transition: transform 350ms;
    transition: transform 350ms, -webkit-transform 350ms;
    display: none;
    border: 0;
    outline: 0;
    overflow: hidden;
    mix-blend-mode: exclusion;
}
.scroll-top i {
    font-size: 18px;
    color: var(--tw-secondary-color);
}
.scroll-top:hover i,
.scroll-top:hover {
    color: var(--tw-white-color);
}

/*-----------------------------------------
/  17. Preloader
/-----------------------------------------*/
.preloader{
    position: fixed;
    z-index: 999998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #181818;
}
.spinner-eff{
    width: 76px;
    height: 76px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
}
.spinner-eff:before, .spinner-eff:after{
    content: "";
    display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after{
    content: "";
    display: block;
}

.productPagination.projectPagination {
    margin: 40px 0 30px;
}
.SldierVideoPupup .popup_video{
    position: absolute;
    bottom: 15px;
    right: 471px;
}

/* spinner-1 styles */
@-webkit-keyframes rotation-top{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-top{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-right{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-right{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-bottom{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-bottom{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-left{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-left{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
.spinner-eff.spinner-eff-1 .bar{
    width: 0;
    height: 0;
    border: 38px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0.5;
    z-index: -2;
}
.spinner-eff.spinner-eff-1 .bar-top{
    border-top: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-top 3.8s linear 0s infinite;
    animation: rotation-top 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-right{
    border-right: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-right 3.8s linear 0s infinite;
    animation: rotation-right 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-bottom{
    border-bottom: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-bottom 3.8s linear 0s infinite;
    animation: rotation-bottom 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-left{
    border-left: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-left 3.8s linear 0s infinite;
    animation: rotation-left 3.8s linear 0s infinite;
}

/* -- Js Animation all Css  -- */
body #magicMouseCursor.is-hover{
    border-color: var(--tw-primary-color) !important;
}
.aboutContentDesc{
    position: relative;
}

#serviceUNCursor{
    position: absolute;
    top:0;
    left:0;
    width: 2vw;
    height: 2vw;
    background: purple;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* --  Magic-mous -- */
#magic-mouse {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 999999;
    -webkit-transition: opacity 0.2s ease-in-out 0.5s;
    transition: opacity 0.2s ease-in-out 0.5s;
}
#ball {
    position: fixed;
    width: 80px;
    height: 80px;
    border: 2px solid #999999;
    border-radius: 50%;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999999;
}
.disable-cursor #ball {
    width: 0;
    height:0;
    opacity: 0;
    visibility: hidden;
    z-index: -5;
}
#ball > .firstLine, #ball > .secondLine {
    font-size: 15px;
    line-height: 17px;
    color: var(--tw-white-color);
    font-family: var(--primary-font);
    font-weight: 900;
    text-transform: capitalize;
    position: relative;
    margin: 0;
    padding: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}


/* Unite TEst  */
.stickyBTN {
    display: inline-block;
    width: auto;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0 12px;
    height: 30px;
    margin-bottom: 16px;
    line-height: 30px;
    border-radius: 5px;
    border: none;
    outline: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.stickyBTN:hover{
    background: var(--tw-secondary-color);
}
.blogRightSidebar .wp-block-heading,
.widget_block.widget_search label {
    font-size: 24px;
    line-height: 1;
    margin: 9px 0 27px;
    font-weight: 700;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
}
.widget_block.widget_search input {
    background: #F5F5F5;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    border: 0;
    outline: 0;
    width: 100%;
    min-height: 54px;
    padding: 0 54px 0 26px;
    color: var(--tw-secondary-color);
}
.widget_block.widget_search button {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    border: 0;
    outline: 0;
    padding: 0 15px;
    min-width: 54px;
    height: 54px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.widget_block.widget_search button:hover {
    background: var(--tw-secondary-color);
}
.wp-block-search__inside-wrapper {
    position: relative;
}
.sidebar .widget_archive ul li,
.sidebar .wp-block-archives-list a { 
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    background: var(--tw-white-color);
    color: inherit;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
}
.sidebar .wp-block-latest-posts li,
.sidebar .wp-block-page-list li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_pages ul li,
.sidebar .widget_categories ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    color: inherit;
    position: relative;
    z-index: 1;
    border: unset;
    cursor: pointer;
}
aside ul.wp-block-categories li{
    font-size: 14px;
    line-height: 40px;
    color: inherit;
    font-weight: 500;
}
.sidebar .wp-block-latest-posts li a,
aside ul.wp-block-categories li a{
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}
aside ul.wp-block-categories li a:hover{
    color: var(--tw-primary-color);
}
.sidebar .wp-block-page-list > li:first-child,
.sidebar .widget_nav_menu > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.sidebar .widget_nav_menu ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child{
    border-top: 0px;
}
.sidebar .wp-block-page-list li ul.wp-block-navigation__submenu-container,
.sidebar .widget_nav_menu ul li ul.sub-menu,
.sidebar .widget_pages ul li ul.children,
.sidebar .widget_categories ul li ul.children {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 15px;
}
.sidebar .wp-block-page-list li ul li,
.sidebar .widget_nav_menu ul li ul li,
.sidebar .widget_pages ul li ul li,
.sidebar .widget_categories ul li ul li{
    width: 100%;
}
.sidebar .wp-block-page-list li a,
.sidebar .widget_nav_menu ul li a,
.sidebar .widget_pages ul li a,
.sidebar .widget_categories ul li a{
    color:inherit;
    font-size: inherit;
    text-transform: capitalize;
}
.sidebar .wp-block-page-list li a:hover,
.sidebar .widget_nav_menu ul li a:hover,
.sidebar .widget_pages ul li a:hover,
.sidebar .widget_categories ul li a:hover{
    color: var(--tw-primary-color);
}
.sidebar .wp-block-archives-list a::after{
    color: var(--tw-primary-color);
    position: relative;
    content: "\e9d1";
    font-family: 'Themewar' !important;
}
.sidebar .widget_archive .wp-block-archives li a {
    background: transparent;
    display: inline-block;
    width: unset;
    margin: unset;
    padding: unset;
}
.sidebar .wp-block-archives li a::after{
   display:none;
}
.sidebar .widget_meta ul li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: var(--tw-body-color);
    line-height: 28px;
    position: relative;
    margin: 0 0 15px;
}
.sidebar .widget_meta ul li a{
    color: inherit;
    font-size: inherit;
}
.sidebar .widget_meta ul li a:hover{
    color: var(--tw-primary-color);
}
aside .wp-block-latest-comments__comment,
.widget_recent_comments ul li {
    font-size: 16px;
    color: var(--tw-body-color);
    margin-bottom: 15px;
    
}
.widget_block .wp-block-loginout > a{
    color: var(--tw-primary-color);
}
.widget_block .wp-block-loginout > a:hover{
    color: var(--tw-secondary-color);
}
.widget_block .wp-block-loginout #loginform label {
    font-size: 14px;
    display: block;
    line-height: 20px;
    margin: 0 0 5px;
    color: var(--tw-secondary-color);
}
.widget_block .wp-block-loginout #loginform input[type="text"] ,
.widget_block .wp-block-loginout #loginform input[type="password"]{
    font-size: 16px;
    display: block;
    line-height: 50px;
    margin: 0 0 5px;
    height: 50px;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    color: var(--tw-secondary-color);
    width: 100%;
    outline: 0;
    box-shadow: 0;
    padding: 0 15px;
    background: #fff;
}
.widget_block .wp-block-loginout #loginform input[type="submit"]{
    color: var(--tw-white-color);
    font-size: 14px;
    min-width: 44px;
    height: 44px;
    line-height: 40px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 10px;
    display: -webkit-inline-box;
    background: var(--tw-primary-color);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    padding: 0 28px;
}
.widget_block .wp-block-loginout #loginform input[type="submit"]:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-secondary-color);
}
aside .wp-block-latest-comments__comment a, 
aside .wp-block-latest-comments__comment span, 
.widget_recent_comments ul li a,
.widget_recent_comments ul li span{
    font-size: inherit;
    color: inherit;
}
.widget_recent_comments ul li a:hover{
    color:var(--tw-primary-color);
}
.widget_archive ul li a{
    font-size: inherit;
    color: inherit;
}
.sidebar .widget_archive ul li:hover,
.sidebar .wp-block-archives-list a:hover{
    color: var(--tw-primary-color);
}
.sidebar .wp-block-categories-list a:hover::after,
.sidebar .wp-block-archives-list a:hover::after,
.sidebar .wp-block-latest-posts__post-title:hover::after{
    color: var(--tw-white-color);
}
.wp-block-latest-comments{
    padding:0;
}
.blogPostStatic .wp-block-latest-comments__comment-meta a,
.blogPostStatic .wp-block-latest-comments__comment-meta{
    font-size: 16px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-body-color);
}

.blogPostStatic .wp-block-latest-comments__comment-meta a:hover{
    color: var(--tw-primary-color);
}
.blogSidebarCol .sidebar ul,
.widget.widget_rss ul,
.widget_categories ul,
.widget_archive ul,
.sidebar .wp-block-categories-list,
.sidebar .wp-block-archives-list {
    list-style: none;
    padding:0;
    margin: 0;
}

.widget_categories .nice-select,
.wp-block-archives .nice-select,
.textwidget .nice-select,
.widget_archive .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ECECEC;
    border-radius: 8px;
}
.sidebar .widget_archive .nice-select ul .option{
    padding-left: 18px; 
    padding-right: 29px;
}

.widget_categories .nice-select.open,
.wp-block-archives .nice-select.open,
.textwidget .nice-select.open,
.sidebar .widget_archive .nice-select.open,
.widget_archive .nice-selec.open{
    border-color: var(--tw-primary-color);
}

.widget_categories .nice-select::after,
.wp-block-archives .nice-select::after,
.textwidget .nice-select::after,
.widget_archive .nice-select:after {
    width: 7px;
    height: 7px;
    content: '';
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    display: block;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.widget_categories .nice-select ul.list,
.wp-block-archives .nice-select ul.list,
.textwidget .nice-select ul.list,
.widget_archive .nice-select ul.list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% + 47px);
    flex-wrap: wrap;
    top: 0;
    left:-17px;
}
.widget_categories .nice-select ul.list .option,
.wp-block-archives .nice-select ul.list .option,
.textwidget .nice-select ul.list .option,
.widget_archive .nice-select ul.list .option{
    width: 100%;
    margin:0;
}
.widget_categories .nice-select ul.list .option:hover,
.wp-block-archives .nice-select ul.list .option:hover,
.textwidget .nice-select ul.list .option:hover,
.widget_archive .nice-select ul.list .option:hover{
    background: var(--tw-primary-color);
    color: #FFF;
}
.wp-block-categories-dropdown .postform,
.textwidget form select {
    width: 100%;
    border: unset;
    outline: unset;
    height: 50px;
    padding: 0 30px 0 18px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: var(--tw-body-color);
}
.tagcloud, .wp-block-tag-cloud, .blogTagItems {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    row-gap: 7px;
}
.tagcloud a, .wp-block-tag-cloud a, .blogTagItems a {
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    font-size: 14px !important;
    font-weight: 500;
    height: 30px;
    line-height: 27px;
    padding: 0 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    border-radius: 100px;
    display: inline-block;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.tagcloud a:hover, .wp-block-tag-cloud a:hover, .blogTagItems a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}
.wp-block-categories-dropdown .postform {
    border: 1px solid #ECECEC !important;
    margin-bottom: 30px;
}
.wp-block-categories-dropdown .postform,
.textwidget form  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/down-arrow.png) no-repeat calc(100% - 22px) center #FFF;
    border: 1px solid #ECECEC;
    background-size: 10px;
}
.widget table {
    width: 100%;
    border: 1px solid #D9D9D9;
}
.widget table caption, .wp-block-calendar caption {
    font-size: 14px;
    color: var(--tw-secondary-color);
    font-weight: 600;
    line-height: .8;
    caption-side: top;
    padding: 16px 5px;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-bottom: none;
    text-transform: uppercase;
}
.singleComment table thead tr th,
.blogPostStatic table thead tr th,
.blogPostStatic table tbody tr th,
.singleComment table tbody tr th,
.widget table thead tr th {
    font-size: 14px;
    background: transparent;
    color: var(--tw-secondary-color);
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    padding: 7px 2px;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}
.widget table thead, .widget table tbody {
    border-left: 1px solid #D9D9D9;
}
.singleComment table tbody tr td,
.blogPostStatic table tbody tr td,
.widget table tbody tr td {
    font-size: 14px;
    color: var(--tw-body-color);
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    padding: 7px 2px;
}
.widget table tbody tr td#today {
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
}
.wp-calendar-nav{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: nowrap;
}
.wp-calendar-nav-next a,
.wp-calendar-nav-prev a{
    color: var(--tw-primary-color);
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
}
.wp-calendar-nav-next a:hover,
.wp-calendar-nav-prev a:hover{
    color: var(--tw-secondary-color);
}
.widget_categories ul.children {
    padding-left: 30px;
}
.wp-block-search__inside-wrapper {
    padding: 0;
    border: 1px solid transparent;
}
.textwidget img {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
}
.textwidget p, .wp-caption .wp-caption-text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
}
aside .wp-block-latest-posts__post-excerpt{
    font-size: 16px;
    line-height: 26px;
}
aside .wp-block-latest-posts__post-excerpt > a{
    font-size: 14px;
}
.widget_rss .widgetTitle{
    margin-bottom: 18px;
}
.widget_rss .widgetTitle a{
    font-size: 20px;
    line-height: 20px;
}
.rssSummary{
    font-size: 16px;
    line-height: 26px;
}
.widgetTitle a {
    color: var(--tw-secondary-color) !important;
}
.textwidget form{
    margin-top: 12px;
}
.rss-date,
.wp-block-rss__item-publish-date {
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    display: block;
}
.widget_recent_entries ul li a,
.wp-block-rss__item-title a,
.rsswidget {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}
.widget_recent_entries ul li a:hover,
.wp-block-rss__item-title a:hover,
.rsswidget:hover{
    color: var(--tw-primary-color);
}
.widget.widget_rss ul li:not(:last-child){
    margin-bottom: 32px;
}
.wp-block-rss__item .wp-block-rss__item-author,
.widget.widget_rss ul li cite {
    font-weight: 700;
    margin-top: 6px;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
}
.wp-block-rss__item .wp-block-rss__item-author{
    margin: 0 0 2px;
    font-size: 14px;
}


/* content test  */
.blogPostStatic > ul {
    padding: 0 0 0 16px;
}

.singleComment ul,
.singleComment ol{
    list-style: none;
    padding:0;
    margin-left: 0px;
}
.singleComment > ul > li,
.singleComment > ol > li,
.blogPostStatic > ul > li,
.blogPostStatic > ol > li{
    margin: 0 0 12px;
}
.wp-block-post-template.is-layout-flow li > h2{
    margin: 0 0 25px;
}
.wp-block-query-pagination{
    margin: 42px 0px 30px;
}
.wp-block-query-pagination-numbers{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
}
.PaginInner > a,
.PaginInner > span,
.post-navigation-link-next a,
.blogPostStatic .wp-block-query-pagination .page-numbers.dots, 
.post-navigation-link-previous a,
.wp-block-query-pagination-prev,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span{
    width: 50px;
    height: 50px;
    background: #F5F5F5;
    color: var(--tw-primary-color);
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.blogPostStatic .PaginInner > a:hover, 
.blogPostStatic .wp-block-query-pagination .page-numbers.dots:hover, 
.blogPostStatic .post-navigation-link-next a:hover,
.blogPostStatic .post-navigation-link-previous a:hover,
.blogPostStatic .wp-block-query-pagination-prev:hover,
.blogPostStatic .wp-block-query-pagination-next:hover,
.blogPostStatic .wp-block-query-pagination-numbers a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.PaginInner > span.current,
.wp-block-query-pagination-numbers span.current{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.wp-block-query-pagination-prev,
.wp-block-query-pagination-next{
    width: unset;
    padding: 0 15px;
}
.PaginInner{
    margin-bottom: 48px;
}
.PaginInner a, 
.PaginInner span{
    margin:0 6px;
}
.post-navigation-link-previous a,
.post-navigation-link-next a{
    width: unset;
    padding: 0 15px;
    margin-bottom: 15px;
}
.blogPageWrap .blogPostStatic .wp-block-avatar img ,
.blogPageWrap .blogPostStatic .wp-block-latest-comments__comment img {
    width: auto;
    margin-bottom: 10px;
}
.wp-block-post-author p{
    margin-bottom: 12px;
}
.taxonomy-category.wp-block-post-terms a {
    color: var(--tw-body-color);
}
.taxonomy-category.wp-block-post-terms a:hover {
    color: var(--tw-primary-color);
}
.wp-block-read-more {
    height: 40px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--tw-white-color);
    margin-right: 0;
    font-family: var(--secondary-font);
    border-radius: 5px;
    position: relative;
    font-weight: 700;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--tw-primary-color);
    margin-bottom: 15px;
}
.wp-block-read-more:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.wp-block-archives-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}
.wp-block-comment-author-name a,
.wp-block-comment-date a,
.wp-block-comment-edit-link a,
.wp-block-comment-reply-link a{
    color: var(--tw-body-color);
}
.wp-block-comment-author-name a:hover,
.wp-block-comment-date a:hover,
.wp-block-comment-edit-link a:hover,
.wp-block-comment-reply-link a:hover{
    color: var(--tw-primary-color);
}
.wp-block-post-comments-form .logged-in-as a{
    color: var(--tw-primary-color);
}
.wp-block-post-comments-form .logged-in-as a:hover{
    color: var(--tw-secondary-color);
}
.form-submit input[type="submit"]{
    display: inline-block;
    width: auto;
    height: 55px;
    line-height: 55px;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0 32px;
    border-radius: 8px;
    border: none;
    outline: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.form-submit input[type="submit"]:hover{
    background: var(--tw-secondary-color);
}
.logged-in.wp-block-loginout a{
    color: var(--tw-primary-color);
}
.logged-in.wp-block-loginout a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic .wp-block-page-list a,
.blogPostStatic .wp-block-archives-list a,
.blogPostStatic .wp-block-categories-list a,
.blogPostStatic .wp-block-latest-posts__post-title{
    color:var(--tw-body-color);
}
.blogPostStatic .wp-block-page-list a:hover,
.blogPostStatic .wp-block-archives-list a:hover,
.blogPostStatic .wp-block-categories-list a:hover,
.blogPostStatic .wp-block-latest-posts__post-title:hover{
    color:var(--tw-primary-color);
}
.blogPostStatic  table tbody tr td a, .blogPostStatic  table tbody tr th a, .blogPostStatic table tbody tr td a {
    text-decoration: none;
    color: var(--tw-primary-color);
}
.blogPostStatic table tbody tr th, .blogPostStatic table thead tr th{
    background: transparent;
}
.blogPostStatic nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}
.blogPostStatic .wp-block-rss{
    padding: 0;
}
.blogPostStatic .wp-block-tag-cloud a {
    border: 1px solid #ECECEC;
    margin: 0;
    color: var(--tw-body-color);
}
.blogPostStatic .wp-block-tag-cloud a:hover{
    color: var(--tw-white-color);
}
.blogPostStatic .wp-block-search__input {
    background: #F5F5F5;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    padding: 0 75px 0 26px;
    border: 0;
    outline: 0;
    width: 100%;
    min-height: 54px;
}
.blogPostStatic .wp-block-search__button {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    border: 0;
    outline: 0;
    padding: 0 15px;
    min-width: 54px;
    height: 54px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.blogPostStatic form.wp-block-search__text-button,
.blogPostStatic form.wp-block-search{
    margin-bottom: 40px;
}
.wp-block-query.is-layout-flow .wp-block-post-excerpt__excerpt{
    margin-bottom: 32px;
}
.singleComment table tr td a,
.singleComment p a{
    color: var(--tw-primary-color);
}
.wp-block-buttons{
    margin-bottom: 20px;
}
.wp-block-navigation__submenu-container li a.wp-block-navigation-item__content{
    padding: 8px 16px;
}
.singleComment table tr td a:hover,
.singleComment p a:hover{
    color: var(--tw-secondary-color);
}
.wp-block-navigation__responsive-container-content > ul{
    padding: 27px 0 25px;
}
.blogPageWrap .blogPostStatic p > img,
.blogPageWrap .blogPostStatic .wp-caption > img,
.blogPageWrap .blogPostStatic .wp-block-image.size-full img{
    width: auto;
}
.wp-block-image .aligncenter img{
    margin-bottom: 10px;
}
.blogPageWrap .blogPostStatic .wp-caption  a > img,
.blogPageWrap .blogPostStatic .wp-caption > img{
    margin-bottom: 12px;
}
.postContent .alignnone, .postContent .aligncenter{
    margin: auto;
    text-align: center;
    display: block;
    width: auto !important;
}
.blogPostStatic .gallery dt.gallery-icon img{
    margin-bottom: 10px;
} 
.blogPostStatic .wp-block-cover {
    margin-bottom: 20px;
}
.wp-block-image .aligncenter>figcaption {
    display: block;
}
.blogPostStatic pre, .blogPostStatic pre {
    max-height: 300px;
    overflow: scroll;
    max-width: 100%;
    background: #F6F6F6;
    color: #696969;
    padding: 25px;
    margin: 25px 0 32px;
}
.blogPostStatic code, .blogPostStatic code {
    color: var(--tw-primary-color);
}
.blogPostStatic .alignleft {
    margin: 0 20px 10px 0;
    float: left;
    clear: both;
}
.blogPostStatic .wp-block-button.aligncenter, .wp-block-button {
    margin-bottom: 30px;
}
.wp-block-button.is-style-squared a {
    border-radius: 0;
}
.blogPostStatic .alignright {
    margin: 10px 0 10px 15px;
    float: right;
    clear: both;
    width: auto !important;
}
.blogPostStatic figcaption.blocks-gallery-caption {
    margin-bottom: 30px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote {
    padding: 24px 10px 25px 70px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote:before{
    width: 62px;
    font-size: 25px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote p{
    font-size:16px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote cite {
    font-size: 14px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large {
    padding: 31px 40px 32px 164px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite > br {
    display: none;
}
.postContent p > a,
.blogPostStatic blockquote a,
.blogPostStatic .wp-block-file a{
    color: var(--tw-primary-color);
}
.postContent  p > a:hover,
.blogPostStatic blockquote a:hover,
.blogPostStatic .wp-block-file a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic .wp-block-file .wp-block-file__button{
    color: var(--tw-white-color);
}
.blogPostStatic .wp-block-file .wp-block-file__button:hover{
    color: var(--tw-primary-color);
}
.blogPostStatic > ul a{
    color: var(--tw-secondary-color);
}
.blogPostStatic > ul a:hover{
    color: var(--tw-primary-color);
}
.singleComment table,
.blogPostStatic table {
    width: 100%;
    border: 1px solid #D9D9D9;
    background: transparent;
    margin: 30px 0 30px;
}
.blogPostStatic table thead {
    border-left: 1px solid #D9D9D9;
}
.blogPostStatic dd{
    margin-bottom: 20px;
}
.singleComment table a,
.blogPostStatic dd a{
    color: var(--tw-primary-color);
}
.singleComment table a:hover,
.blogPostStatic dd a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic > ul > li ol,
.blogPostStatic > ol > li ul,
.singleComment > ul > li ul,
.singleComment > ol > li ol,
.postContent > ul > li ul,
.postContent > ol > li ol {
    margin-top: 10px;
    padding-left: 16px;
    margin-left: 0px;
}
.blogPostStatic > ul > li > ol li,
.blogPostStatic > ol > li ul li,
.singleComment > ul > li > ul li,
.singleComment > ol > li > ol li,
.postContent > ul > li > ul li,
.postContent > ol > li > ol li{
    margin-bottom: 12px;
}
.singleComment.pingbackcomments {
    padding-left: 0;
    min-height: auto;
}
.singleComment > p{
    margin-bottom: 16px;
}
.blogPostStatic input[type="password"] {
    display: block;
    max-width: 240px;
    width: 100%;
    height: 50px;
    background: #F5F5F5;
    padding: 0 20px;
    border: unset;
    border-radius: 10px 0 0 10px;
    font-size: 14px;
    margin: 10px 0 0;
    color: #8799a3;
    float: left;
    outline: unset;
}
.blogPostStatic input[type="submit"] {
    font-size: 16px;
    border: none;
    outline: none;
    height: 100%;
    position: relative;
    top: 10px;
    padding: 0 20px;
    margin: 0 0 0 -5px;
    background: var(--tw-primary-color);
    color: #fff;
    line-height: 50px;
    border-radius:0 10px 10px 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.blogPostStatic input[type="submit"]:hover{
    background: var(--tw-secondary-color);
}
.protected-post-form p{
    position: relative;
    overflow: hidden;
}
.protected-post-form p br{
    display: none;
}
.blogPostStatic iframe, .blogPostStatic .twitter-tweet {
    max-width: 100% !important;
}
.wp-block-button__link:hover{
    color: var(--tw-primary-color) !important;
}