@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;
0,300;
0,400;
0,500;
0,600;
1,200;
1,300;
1,400;
1,500;
1,600&family=Urbanist:ital,wght@0,300;
0,400;
0,500;
0,600;
0,700;
0,800;
1,300;
1,400;
1,500;
1,600;
1,700;
1,800&display=swap);
 :root{
    --tg-body-font-family:var(--primary-font);
    --tg-heading-font-family:var(--header-font);
    --tg-primary-color:var(--primary-color);
    --tg-secondary-color:var(--secondary-color);
    --tg-body-font-color:var(--text-color);
    --tg-heading-font-color:var(--heading-color);
    --tg-paragraph-color:var(--text-color);
    --tg-section-background:#f8faff;
    --tg-body-font-size:16px;
    --tg-body-font-weight:500;
    --tg-heading-font-weight:700;
    --tg-body-line-height:1.62;
    --tg-heading-line-height:1.2;
    --tg-text-transform:capitalize;
    --tg-blue:#0049dc;
    --tg-metallic-blue:#324b7d;
    --tg-cornflower-blue:#b3ccff;
    --tg-steel-blue:#b6c1db;
    --tg-lavender:#e6eeff;
    --tg-indigo:#6610f2;
    --tg-purple:#6f42c1;
    --tg-pink:#ff005c;
    --tg-red:#ff3c3c;
    --tg-orange:#fd7e14;
    --tg-yellow:#ffb930;
    --tg-green:#219653;
    --tg-teal:#20c997;
    --tg-cyan:#0dcaf0;
    --tg-white:#fff;
    --tg-black:#000;
    --tg-gray:#f1f4fc;
    --tg-gray-two:#f1f5ff;
    --tg-gray-three:#96a1b8;
    --tg-gray-four:#667594;
    --tg-border-color:#e1e5ee;
    --facebook:#3b5998;
    --twitter:#00acee;
    --linkedin:#1976d2;
    --pinterest:#3b5998;
    --youtube:#c4302b;
    --skype:#00aff0
}
body{
    color:var(--tg-body-font-color);
    font-family:var(--tg-body-font-family);
    font-size:var(--tg-body-font-size);
    font-style:normal;
    font-weight:var(--tg-body-font-weight);
    line-height:var(--tg-body-line-height)
}
.img,img{
    max-width:100%;
    transition:all .3s ease-out 0s
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.fix{
    overflow:hidden
}
a,button{
    transition:all .3s ease-out 0s
}
.btn:focus,a:focus,button:focus{
    box-shadow:none;
    outline:none;
    text-decoration:none
}
.footer -menu li a:hover,.portfolio-cat a:hover,a,a:hover,button{
    color:var(--tg-primary-color);
    text-decoration:none
}
a,button{
    outline:medium none
}
.btn:focus,button:focus,input:focus,textarea,textarea:focus{
    outline:0
}
.uppercase{
    text-transform:uppercase
}
.capitalize{
    text-transform:capitalize
}
h1,h2,h3,h4,h5,h6{
    color:var(--tg-heading-font-color);
    font-family:var(--tg-heading-font-family);
    font-style:normal;
    font-weight:var(--tg-heading-font-weight);
    line-height:var(--tg-heading-line-height);
    margin-bottom:.7rem;
    margin-top:0
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
h1{
    font-size:2.5rem
}
h2{
    font-size:2rem
}
h3{
    font-size:1.75rem
}
h4{
    font-size:1.5rem
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1rem
}
.list-wrap{
    margin:0;
    padding:0
}
.list-wrap li{
    list-style:none
}
p{
    color:var(--tg-paragraph-color);
    font-size:var(--tg-body-font-size);
    font-weight:var(--tg-body-font-weight);
    line-height:var(--tg-body-line-height);
    margin-bottom:15px
}
hr{
    border-bottom:1px solid var(--tg-primary-color);
    border-top:0;
    margin:30px 0;
    padding:0
}
label{
    color:var(--tg-body-font-color);
    cursor:pointer;
    font-size:16px;
    font-weight:400
}
::-moz-selection{
    background:var(--tg-primary-color);
    color:var(--tg-white);
    text-shadow:none
}
::selection{
    background:var(--tg-primary-color);
    color:var(--tg-white);
    text-shadow:none
}
::-moz-placeholder{
    color:var(--tg-body-font-color);
    font-size:var(--tg-body-font-size);
    opacity:1
}
::placeholder{
    color:var(--tg-body-font-color);
    font-size:var(--tg-body-font-size);
    opacity:1
}
.theme-overlay{
    position:relative
}
.theme-overlay:before{
    background:var(--tg-primary-color) none repeat scroll 0 0;
    content:"";
    height:100%;
    inset-inline-start:0;
    opacity:.6;
    position:absolute;
    top:0;
    width:100%
}
.separator{
    border-top:1px solid var(--tg-primary-color)
}
.container{
    padding-inline-end:15px;
    padding-inline-start:15px
}
.row{
    --bs-gutter-x:30px
}
.row.g-0{
    --bs-gutter-x:0
}
.gutter-y-30{
    --bs-gutter-y:30px
}
.btn{
    align-items:center;
    background:var(--tg-primary-color) none repeat scroll 0 0;
    border:0;
    border-radius:30px;
    color:var(--tg-white);
    cursor:pointer;
    display:inline-flex;
    font-size:14px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1;
    margin-bottom:0;
    padding:18px 18px 18px 22px;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    touch-action:manipulation;
    transition:all .3s ease 0s;
    -webkit-user-select:none;
    user-select:none;
    -moz-user-select:none;
    vertical-align:middle;
    white-space:nowrap;
    z-index:1
}
.btn:after{
    content:"\f054";
    font-family:Font Awesome\ 5 Free;
    font-weight:700;
    margin-inline-start:45px
}
.btn:before{
    background:var(--primary-hover-color);
    border-radius:30px;
    content:"";
    height:50px;
    inset-inline-end:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .3s ease 0s;
    width:50px;
    z-index:-1
}
.btn:hover:before{
    width:100%
}
.btn:hover{
    color:var(--tg-white)
}
.btn.btn-two:after{
    display:none
}
.transparent-btn{
    background:transparent;
    border:2px solid var(--tg-primary-color);
    color:var(--tg-primary-color)
}
.btn-three{
    padding:19px 30px
}
.btn-three:before,.transparent-btn-two:before{
    display:none
}
.btn-three:after,.transparent-btn-two:after{
    background-image:url(../img/icons/right-arrow.svg);
    content:"";
    filter:brightness(0) invert(1);
    height:12px;
    margin-inline-start:12px;
    width:18px
}
.btn-three:hover{
    background:var(--tg-secondary-color)
}
.transparent-btn-two{
    background:transparent;
    border:2px solid var(--tg-primary-color);
    color:var(--tg-primary-color);
    padding:17px 30px
}
.transparent-btn-two:after{
    filter:none;
    transition:all .3s ease 0s
}
.transparent-btn-two:hover{
    background:var(--tg-primary-color)
}
.transparent-btn-two:hover:after{
    filter:brightness(0) invert(1)
}
.breadcrumb>.active{
    color:var(--tg-primary-color)
}
.scroll-top{
    background:var(--tg-primary-color);
    border:none;
    border-radius:6px;
    bottom:-10%;
    color:var(--tg-white);
    cursor:pointer;
    font-size:var(--tg-body-font-size);
    height:35px;
    inset-inline-end:30px;
    line-height:35px;
    position:fixed;
    text-align:center;
    transition:1s ease;
    width:35px;
    z-index:99
}
.scroll-top.open{
    bottom:30px
}
.scroll-top:after{
    background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,transparent 80%);
    content:"";
    height:10px;
    inset-inline-start:5%;
    opacity:1;
    position:absolute;
    top:100%;
    width:90%;
    z-index:-1
}
.scroll-top:hover{
    background:var(--tg-secondary-color)
}
.custom-container{
    max-width:1310px
}
.custom-container-two{
    max-width:1360px
}
.custom-container-three{
    max-width:1800px
}
.transparent-header{
    height:auto;
    inset-inline-start:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9
}
#header-fixed-height.active-height{
    display:block;
    height:96px
}
.header-top-wrap{
    background:var(--tg-secondary-color);
    overflow:hidden;
    padding:9px 0
}
.header-top-left .list-wrap{
    align-items:center;
    display:flex;
    gap:10px 35px
}
.header-top-left .list-wrap li{
    align-items:center;
    color:var(--tg-lavender);
    display:flex;
    font-size:14px;
    line-height:1.28;
    position:relative
}
.header-top-left .list-wrap li:before{
    background:var(--tg-metallic-blue);
    content:"";
    height:500%;
    inset-inline-end:-16px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1px
}
.header-top-left .list-wrap li:last-child:before{
    display:none
}
.header-top-left .list-wrap li i{
    color:var(--tg-cornflower-blue);
    font-size:20px;
    line-height:0;
    margin-inline-end:8px
}
.header-top-left .list-wrap li a{
    color:var(--tg-lavender)
}
.header-top-left .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.header-top-right{
    align-items:center;
    display:flex;
    justify-content:flex-end
}
.header-contact{
    margin-inline-end:35px;
    position:relative
}
.header-contact:before{
    background:var(--tg-metallic-blue);
    content:"";
    height:500%;
    inset-inline-end:-16px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1px
}
.header-contact a{
    align-items:center;
    color:var(--tg-lavender);
    display:flex;
    font-size:14px;
    line-height:1.28
}
.header-contact a i{
    font-size:20px;
    margin-inline-end:8px
}
.header-contact a:hover{
    color:var(--tg-primary-color)
}
.header-social .list-wrap{
    align-items:center;
    display:flex;
    gap:12px
}
.header-social .list-wrap li a{
    color:var(--tg-lavender);
    font-size:15px
}
.header-social .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.menu-nav{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
.f-logo img,.fw-logo img,.logo img{
    max-height:54px
}
.navbar-wrap{
    display:flex;
    flex-grow:1
}
.navbar-wrap ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0;
    padding:0
}
.navbar-wrap ul li{
    display:block;
    list-style:none;
    position:relative
}
.navbar-wrap ul li a{
    color:var(--tg-secondary-color);
    display:block;
    font-size:16px;
    font-weight:500;
    line-height:1;
    padding:25px 15px;
    position:relative;
    z-index:1
}
.navbar-wrap>ul>li.active>a,.navbar-wrap>ul>li:hover>a{
    color:var(--tg-primary-color)
}
.navbar-wrap>ul>li.menu-item-has-children>a:after{
    color:var(--tg-paragraph-color);
    content:"\f107";
    font-family:Font Awesome\ 5 Free;
    font-weight:700;
    margin-inline-start:8px;
    transition:all .3s ease-out 0s
}
.navbar-wrap>ul>li.menu-item-has-children.active>a:after,.navbar-wrap>ul>li.menu-item-has-children:hover>a:after{
    color:var(--tg-primary-color)
}
.main-menu .navigation li.menu-item-has-children .dropdown-btn{
    display:none
}
.header-action>ul{
    align-items:center;
    display:flex;
    margin-inline-start:25px
}
.header-action>ul li{
    margin-inline-start:25px;
    position:relative
}
.header-action ul li:first-child{
    margin-inline-start:0
}
.header-action ul li a{
    color:var(--tg-heading-font-color);
    font-size:14px
}
.header-action ul li.header-search{
    line-height:0
}
.header-action ul li.header-search a{
    color:#334770;
    font-size:22px;
    line-height:0;
    transition:all .3s ease-out 0s
}
.header-action ul li.header-search a:hover{
    color:var(--tg-primary-color)
}
.header-action .header-btn .btn{
    border:2px solid transparent;
    color:var(--tg-white);
    font-size:15px;
    padding:16px 33px
}
.header-action .header-btn .btn:before{
    display:none
}
.header-action .header-btn .btn:hover{
    background:transparent;
    border-color:var(--tg-primary-color);
    color:var(--tg-primary-color)
}
.navbar-wrap ul li .sub-menu{
    background:var(--tg-white);
    border:1px solid #f5f5f5;
    border-radius:5px;
    box-shadow:0 30px 70px 0 hsla(216,2%,55%,.15);
    display:block;
    inset-inline-end:0;
    inset-inline-start:0;
    margin:0;
    min-width:230px;
    opacity:0;
    padding:18px 0;
    position:absolute;
    top:100%;
    transform:scaleY(0);
    transform-origin:0 0;
    transition:all .3s ease-in-out;
    visibility:hidden;
    z-index:9
}
.navbar-wrap ul li .sub-menu .sub-menu{
    inset-inline-end:auto;
    inset-inline-start:100%;
    top:0
}
.navbar-wrap ul li .sub-menu li{
    display:block;
    margin-inline-start:0;
    text-align:start
}
.navbar-wrap ul li .sub-menu li a{
    align-items:center;
    color:var(--tg-secondary-color);
    display:flex;
    font-size:16px;
    font-weight:500;
    gap:5px;
    line-height:1.4;
    padding:9px 15px 9px 25px;
    transition:all .3s ease-in-out
}
.navbar-wrap ul li .sub-menu li a:before{
    background:var(--tg-primary-color);
    border-radius:2px;
    content:"";
    display:block;
    height:2px;
    transition:.3s ease-in-out;
    width:0
}
.navbar-wrap ul li .sub-menu li a:hover,.navbar-wrap ul li .sub-menu>li.active>a{
    color:var(--tg-primary-color)
}
.navbar-wrap ul li .sub-menu li a:hover:before,.navbar-wrap ul li .sub-menu>li.active>a:before{
    width:10px
}
.navbar-wrap ul li:hover>.sub-menu{
    opacity:1;
    transform:scale(1);
    visibility:visible
}
.sticky-menu{
    animation:fadeInDown 1s ease-in-out 0s 1 normal none running;
    background:var(--tg-white);
    border-radius:0;
    box-shadow:0 10px 15px rgba(25,25,25,.1);
    inset-inline-start:0;
    margin:auto;
    position:fixed;
    top:0;
    width:100%;
    z-index:99
}
.header-style-four .header-top-wrap,.header-style-two .header-top-wrap{
    padding:0
}
.header-style-two .header-top-left{
    padding-inline-start:25px
}
.header-style-two .header-top-right{
    gap:20px
}
.header-top-btn a{
    align-items:center;
    background:#b10615;
    color:var(--tg-white);
    display:flex;
    font-size:14px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:0;
    padding:17px 25px;
    text-transform:uppercase
}
.header-top-btn a i{
    font-size:16px;
    margin-inline-end:10px
}
.header-top-btn a:hover{
    background:var(--primary-hover-color)
}
.header-style-two .menu-area{
    background:var(--tg-white);
    box-shadow:0 2px 50px rgba(0,0,0,.05);
    padding:0 0 0 30px
}
.header-style-two .navbar-wrap ul{
    margin:0 0 0 60px
}
.header-style-two .navbar-wrap ul li a{
    padding:32px 15px
}
.header-contact-two{
    align-items:center;
    display:flex;
    margin-inline-end:30px
}
.header-contact-two .icon{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:20px;
    height:40px;
    justify-content:center;
    line-height:0;
    margin-inline-end:7px;
    width:40px
}
.header-contact-two .content span{
    color:var(--tg-paragraph-color);
    display:block;
    font-size:12px;
    font-weight:500;
    line-height:1;
    margin-bottom:5px
}
.header-contact-two .content a{
    color:var(--tg-secondary-color);
    display:block;
    font-size:16px;
    font-weight:700;
    line-height:1
}
.header-contact-two .content a:hover{
    color:var(--tg-primary-color)
}
.header-style-two .header-action ul>li>a{
    align-items:center;
    display:block;
    display:flex;
    min-height:80px;
    padding:29px
}
.header-action .offcanvas-menu a{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:5px;
    justify-content:center;
    min-width:26px;
    padding:29px
}
.header-action .offcanvas-menu a span{
    background:var(--tg-paragraph-color);
    border-radius:2px;
    height:2px;
    transition:.3s linear;
    width:26px
}
.header-action .offcanvas-menu a span:nth-child(2){
    width:23px
}
.header-action .offcanvas-menu a span:nth-child(3){
    width:15px
}
.header-style-two .header-action .offcanvas-menu a:hover span{
    background:var(--tg-primary-color)
}
.header-style-two .header-action>ul li{
    margin-inline-start:0
}
.header-style-two .header-action>ul li:before{
    background:#d9d9d9;
    content:"";
    height:100%;
    inset-inline-start:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1px
}
.header-style-two .header-action>ul li:first-child:before,.header-style-two.sticky-menu .header-top-wrap{
    display:none
}
.header-style-two.sticky-menu .menu-area{
    box-shadow:none
}
.header-action .offcanvas-menu.offcanvas-menu-two a{
    padding:0
}
.header-style-three .header-action>ul li{
    margin-inline-start:20px
}
.header-style-three .header-action>ul li:first-child{
    margin-inline-start:0
}
.header-style-three .header-action>ul{
    margin-inline-start:50px
}
.header-style-four .menu-area{
    background:var(--tg-white);
    box-shadow:0 2px 50px rgba(0,0,0,.05)
}
.header-style-six .menu-area{
    background:var(--tg-white)
}
.nav-outer .mobile-nav-toggler{
    color:var(--tg-white);
    cursor:pointer;
    display:none;
    float:right;
    font-size:40px;
    line-height:50px;
    margin-inline-end:30px;
    position:relative;
    top:15px
}
.nav-logo img{
    max-width:135px
}
.mobile-search{
    padding:0 20px 25px 25px
}
.mobile-search form{
    position:relative
}
.mobile-search input{
    background:var(--tg-gray);
    border:none;
    color:var(--tg-secondary-color);
    display:block;
    font-size:14px;
    font-weight:500;
    height:45px;
    padding:10px 45px 10px 20px;
    width:100%
}
.mobile-search input::-moz-placeholder{
    color:var(--tg-heading-font-color);
    font-size:14px;
    font-weight:500
}
.mobile-search input::placeholder{
    color:var(--tg-heading-font-color);
    font-size:14px;
    font-weight:500
}
.mobile-search button{
    background:transparent;
    border:none;
    color:var(--tg-secondary-color);
    inset-inline-end:20px;
    line-height:1;
    padding:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.mobile-menu{
    border-radius:0;
    height:100%;
    inset-inline-end:0;
    max-width:100%;
    padding-inline-end:30px;
    position:fixed;
    top:0;
    transform:translateX(101%);
    transition:all .3s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all .3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition:all e .3s cubic-bezier(.785,.135,.15,.86);
    -o-transition:all .3s cubic-bezier(.785,.135,.15,.86);
    width:320px;
    z-index:99
}
.mobile-menu .navbar-collapse{
    display:block!important
}
.mobile-menu .nav-logo{
    padding:30px 25px;
    position:relative;
    text-align:start
}
.mobile-menu-visible{
    overflow:hidden
}
.mobile-menu-visible .mobile-menu{
    transform:translateX(0)
}
.mobile-menu .navigation li.current>a:before{
    height:100%
}
.menu-backdrop{
    background:rgba(0,0,0,.5);
    height:100%;
    inset-inline-end:0;
    opacity:0;
    position:fixed;
    top:0;
    transition:all .7s ease;
    -moz-transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    visibility:hidden;
    width:100%;
    z-index:2
}
.mobile-menu-visible .menu-backdrop{
    opacity:1;
    visibility:visible
}
.mobile-menu .menu-box{
    background:var(--tg-white);
    box-shadow:-9px 0 14px 0 rgba(0,0,0,.06);
    height:100%;
    inset-inline-start:0;
    max-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:5
}
.mobile-menu-visible .mobile-menu .menu-box{
    opacity:1;
    visibility:visible
}
.mobile-menu .close-btn{
    color:#292b37;
    cursor:pointer;
    font-size:20px;
    inset-inline-end:15px;
    line-height:30px;
    position:absolute;
    text-align:center;
    top:28px;
    transition:all .9s ease;
    width:35px;
    z-index:10
}
.mobile-menu-visible .mobile-menu .close-btn{
    transform:rotate(1turn)
}
.mobile-menu .navigation{
    display:block;
    float:none;
    margin:0;
    padding:0;
    position:relative;
    width:100%
}
.mobile-menu .navigation ul{
    margin:0;
    padding:0
}
.mobile-menu .navigation li{
    border-top:1px solid rgba(0,0,0,.1);
    display:block;
    position:relative
}
.mobile-menu .navigation:last-child{
    border-bottom:1px solid rgba(0,0,0,.1)
}
.mobile-menu .navigation li>ul>li:first-child{
    border-top:1px solid rgba(0,0,0,.1)
}
.mobile-menu .navigation li>a{
    border:none;
    color:var(--tg-heading-font-color);
    display:block;
    font-size:16px;
    font-weight:700;
    line-height:24px;
    padding:10px 60px 10px 25px;
    position:relative;
    transition:all .5s ease
}
.mobile-menu .navigation li ul li>a{
    font-size:16px;
    margin-inline-start:20px
}
.mobile-menu .navigation li ul li ul li a{
    margin-inline-start:40px
}
.mobile-menu .navigation li ul li ul li ul li a{
    margin-inline-start:60px
}
.mobile-menu .navigation li>a:before{
    content:"";
    height:0;
    inset-inline-start:0;
    position:absolute;
    top:0;
    transition:all .5s ease
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn{
    background:var(--tg-gray);
    border-radius:2px;
    color:#292b37;
    cursor:pointer;
    font-size:16px;
    height:32px;
    inset-inline-end:15px;
    line-height:32px;
    position:absolute;
    text-align:center;
    top:6px;
    transition:all .5s ease;
    width:32px;
    z-index:5
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn i{
    transition:all .5s ease
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open i{
    color:var(--tg-primary-color);
    transform:rotate(45deg)
}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul{
    display:none
}
.mobile-menu .social-links ul{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:30px 20px 20px;
    position:relative;
    text-align:center
}
.mobile-menu .social-links li{
    display:inline-block;
    margin:0 6px 10px;
    position:relative
}
.mobile-menu .social-links li a{
    align-items:center;
    border:1px solid var(--tg-gray);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    color:var(--tg-heading-font-color);
    display:flex;
    font-size:16px;
    height:40px;
    justify-content:center;
    line-height:32px;
    position:relative;
    transition:all .5s ease;
    width:40px
}
.mobile-menu .social-links li a:hover{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    color:var(--tg-white)
}
.menu-area .mobile-nav-toggler{
    border:2px solid var(--tg-primary-color);
    color:var(--tg-primary-color);
    cursor:pointer;
    display:none;
    float:right;
    font-size:27px;
    line-height:1;
    margin-bottom:6px;
    margin-top:6px;
    padding:5px 10px;
    position:relative
}
.search-popup-wrap{
    background:hsla(0,0%,100%,.9);
    display:none;
    height:100%;
    inset-inline-start:0;
    padding:100px 0;
    position:fixed;
    top:0;
    width:100%;
    z-index:99
}
.search-wrap{
    inset-inline-end:0;
    inset-inline-start:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:1
}
.search-wrap .title{
    font-size:47px;
    font-weight:700;
    margin:0 0 70px
}
.search-form{
    position:relative
}
.search-form input{
    background:transparent;
    border:none;
    border-bottom:1px solid var(--tg-primary-color);
    color:var(--tg-heading-font-color);
    font-size:30px;
    font-weight:500;
    padding:10px 50px 20px;
    text-align:center;
    width:100%
}
.search-form input::-moz-placeholder{
    color:var(--tg-heading-font-color);
    font-size:30px;
    opacity:.5
}
.search-form input::placeholder{
    color:var(--tg-heading-font-color);
    font-size:30px;
    opacity:.5
}
.search-btn{
    background:transparent;
    border:0;
    font-size:25px;
    inset-inline-end:20px;
    top:50%;
    transform:translateY(-50%)
}
.search-btn,.search-close{
    color:var(--tg-primary-color);
    position:absolute
}
.search-close{
    cursor:pointer;
    font-size:30px;
    inset-inline-end:5%;
    top:5%
}
.extra-info{
    background:var(--tg-white) none repeat scroll 0 0;
    height:100%;
    inset-inline-end:0;
    overflow-y:scroll;
    padding:30px;
    position:fixed;
    top:0;
    transform:translateX(100%);
    transition:all .7s ease 0s;
    width:340px;
    z-index:999
}
.extra-info.active{
    transform:translateX(0)
}
.close-icon{
    margin-top:-16px;
    text-align:end
}
.close-icon>button{
    background:transparent;
    border:0;
    color:var(--tg-primary-color);
    cursor:pointer;
    font-size:20px;
    padding:0
}
.extra-info .logo-side img{
    max-width:151px
}
.side-info{
    border-top:1px solid var(--tg-primary-color);
    padding-top:25px
}
.contact-list h4{
    color:var(--tg-heading-font-color);
    font-size:18px;
    font-weight:700
}
.contact-list p{
    color:var(--tg-paragraph-color);
    line-height:26px;
    margin:0 0 2px
}
.side-instagram{
    display:flex;
    flex-wrap:wrap;
    margin:-5px;
    overflow:hidden
}
.side-instagram li{
    flex:0 0 33.3333%;
    padding:5px;
    width:33.3333%
}
.side-instagram li>a{
    display:block
}
.side-instagram img{
    border-radius:5px;
    width:100%
}
.social-icon-right>a{
    color:var(--tg-primary-color);
    display:inline-block;
    margin-inline-end:20px;
    text-align:center
}
.social-icon-right>a:hover{
    color:var(--tg-secondary-color)
}
.offcanvas-overly{
    background:var(--tg-black);
    height:100%;
    inset-inline-start:0;
    opacity:0;
    position:fixed;
    top:0;
    transition:.3s;
    visibility:hidden;
    width:100%;
    z-index:99
}
.offcanvas-overly.active{
    opacity:.5;
    visibility:visible
}
.slider-bg{
    align-items:center;
    background-position:50%;
    background-size:cover;
    cursor:grab;
    display:flex!important;
    min-height:872px;
    overflow:hidden;
    padding:200px 0 120px;
    position:relative;
    z-index:1
}
.slider-content .sub-title{
    color:var(--tg-primary-color);
    display:block;
    font-size:14px;
    font-weight:600;
    letter-spacing:.06em;
    margin-bottom:10px;
    padding-top:18px;
    position:relative;
    text-transform:uppercase
}
.slider-content .sub-title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    top:0;
    width:30px
}
.slider-content .title{
    font-size:60px;
    font-weight:800;
    line-height:1;
    margin-bottom:20px
}
.slider-content p{
    color:var(--tg-paragraph-color);
    margin-bottom:45px;
    width:85%
}
.slider-shape{
    animation:alltuchtopdown 8s linear infinite;
    bottom:23%;
    inset-inline-start:15%;
    position:absolute;
    z-index:-1
}
.banner-bg-two{
    align-items:flex-end;
    background-position:50%;
    background-size:cover;
    display:flex;
    min-height:770px;
    overflow:hidden;
    padding:170px 0 0;
    position:relative;
    z-index:1
}
.banner-content-two{
    width:85%
}
.banner-content-two .sub-title{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50px;
    color:var(--tg-primary-color);
    display:inline-block;
    font-size:13px;
    font-weight:600;
    letter-spacing:.1em;
    margin-bottom:15px;
    padding:4px 13px
}
.banner-content-two .title{
    font-size:60px;
    font-weight:800;
    line-height:1;
    margin-bottom:20px
}
.banner-content-two p{
    color:var(--tg-paragraph-color);
    margin-bottom:30px
}
.banner-content-two .banner-btn{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.banner-content-two .banner-btn .play-btn{
    align-items:center;
    color:var(--tg-secondary-color);
    display:flex
}
.banner-content-two .banner-btn .play-btn span{
    text-decoration:underline
}
.banner-content-two .banner-btn .play-btn i{
    align-items:center;
    background:var(--tg-white);
    border-radius:50%;
    box-shadow:0 20px 30px rgba(0,0,0,.1);
    color:var(--tg-primary-color);
    display:flex;
    font-size:18px;
    height:50px;
    justify-content:center;
    margin-inline-end:12px;
    width:50px
}
.banner-content-two .banner-btn .play-btn:hover{
    color:var(--tg-primary-color)
}
.banner-shape-wrap img{
    position:absolute;
    z-index:-1
}
.banner-shape-wrap img:first-child{
    animation:float-bob-x 4s linear infinite;
    bottom:47%;
    inset-inline-start:47%
}
.banner-shape-wrap img:nth-child(2){
    animation:alltuchtopdown 8s linear infinite;
    bottom:22%;
    inset-inline-end:45%
}
.banner-shape-wrap img:nth-child(3){
    bottom:0;
    inset-inline-end:26%;
    z-index:-2
}
@keyframes float-bob-x{
    0%{
        transform:translateX(-30px)
    }
    50%{
        transform:translateX(-10px)
    }
    to{
        transform:translateX(-30px)
    }
}
.banner-area-three{
    overflow:hidden;
    padding:200px 0 60px;
    position:relative;
    z-index:1
}
.banner-area-three:after,.banner-area-three:before{
    background:#cef0ff;
    border-radius:50%;
    content:"";
    filter:blur(75px);
    height:550px;
    inset-inline-start:30px;
    opacity:.3;
    position:absolute;
    top:60px;
    width:550px;
    z-index:-3
}
.banner-area-three:after{
    background:#e4ceff;
    inset-inline-end:30%;
    inset-inline-start:auto;
    top:-105px
}
.banner-content-three{
    margin-top:60px
}
.banner-content-three .title{
    font-size:60px;
    font-weight:800;
    line-height:1.06;
    margin-bottom:25px
}
.banner-content-three p{
    color:var(--tg-paragraph-color);
    margin-bottom:15px
}
.banner-content-three .banner-form{
    position:relative;
    width:93%
}
.banner-content-three .banner-form input{
    background:var(--tg-white);
    border:1px solid #d7dff0;
    border-radius:30px;
    color:var(--tg-secondary-color);
    font-size:16px;
    font-weight:400;
    height:60px;
    padding:16px 70px 16px 28px;
    width:100%
}
.banner-content-three .banner-form input::-moz-placeholder{
    color:var(--tg-paragraph-color);
    font-size:16px;
    font-weight:400
}
.banner-content-three .banner-form input::placeholder{
    color:var(--tg-paragraph-color);
    font-size:16px;
    font-weight:400
}
.banner-content-three .banner-form button{
    align-items:center;
    background:var(--tg-primary-color);
    border:none;
    border-radius:50%;
    bottom:4px;
    color:var(--tg-white);
    display:flex;
    font-size:24px;
    height:52px;
    inset-inline-end:5px;
    justify-content:center;
    line-height:0;
    position:absolute;
    top:4px;
    width:52px
}
.banner-content-three .banner-form button:hover{
    background:var(--tg-secondary-color)
}
.ball{
    border-radius:50%;
    opacity:1;
    position:absolute;
    z-index:-2
}
.banner-img-three{
    padding-inline-end:80px;
    position:relative;
    text-align:end
}
.banner-img-three img.main-img{
    border-radius:5px;
    clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%)
}
.banner-img-three img:not(.main-img){
    position:absolute
}
.banner-img-three img.img-two{
    border-radius:10px;
    bottom:24%;
    box-shadow:0 4px 20px rgba(0,0,0,.15);
    inset-inline-start:6%
}
.banner-img-three img.img-three{
    border-radius:10px;
    box-shadow:0 0 20px rgba(0,0,0,.1);
    inset-inline-end:-4%;
    top:21%
}
.banner-shape-wrap-three img{
    position:absolute;
    z-index:-1
}
.banner-shape-wrap-three img:first-child{
    animation:ribbonRotate 6s linear infinite;
    bottom:41%;
    inset-inline-end:47.5%
}
.banner-shape-wrap-three img:nth-child(2){
    animation:alltuchtopdown 8s linear infinite;
    bottom:3%;
    inset-inline-end:18%
}
@keyframes ribbonRotate{
    0%,to{
        transform:rotate(0)
    }
    25%,75%{
        transform:rotate(15deg)
    }
    50%{
        transform:rotate(30deg)
    }
}
.banner-bg-four{
    background-position:50%;
    background-size:cover;
    overflow:hidden;
    padding:65px 0 0;
    position:relative;
    z-index:1
}
.banner-content-four{
    margin-top:105px
}
.banner-content-four .sub-title{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:30px;
    color:var(--tg-primary-color);
    display:inline-block;
    font-size:13px;
    font-weight:600;
    letter-spacing:.1em;
    margin-bottom:20px;
    padding:4px 13px
}
.banner-content-four .title{
    font-size:53px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:15px
}
.banner-content-four p{
    color:var(--tg-paragraph-color);
    margin-bottom:35px;
    width:90%
}
.banner-shape-wrap-four img{
    position:absolute;
    z-index:-1
}
.banner-shape-wrap-four img:first-child{
    animation:alltuchtopdown 8s linear infinite;
    bottom:25%;
    inset-inline-start:15%
}
.banner-shape-wrap-four img:nth-child(2){
    bottom:39%;
    inset-inline-end:46%
}
.banner-shape-wrap-four img:nth-child(3){
    inset-inline-end:15%;
    top:0
}
.banner-area-five{
    background:#f2f7ff;
    overflow:hidden;
    padding:140px 0 100px;
    position:relative;
    z-index:1
}
.banner-area-five:before{
    background:#fbedff;
    content:"";
    filter:blur(200px);
    height:460px;
    inset-inline-start:17%;
    position:absolute;
    top:-100px;
    width:460px;
    z-index:-1
}
.banner-area-five:after{
    background:linear-gradient(88.44deg,#e0faf3 .58%,rgba(239,247,255,0) 67.54%);
    border-radius:326.687px;
    content:"";
    height:600px;
    inset-inline-end:-10%;
    position:absolute;
    top:-15%;
    transform:rotate(-42.01deg);
    width:1100px;
    z-index:-1
}
.banner-content-five .title{
    font-size:50px;
    font-weight:800;
    margin-bottom:20px
}
.banner-content-five .title span{
    position:relative;
    z-index:1
}
.banner-content-five .title span svg{
    bottom:-4px;
    inset-inline-start:0;
    position:absolute;
    width:100%;
    z-index:-1
}
.has-animation.active-animation .banner-content-five .title span svg path{
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    animation:dash_animation 10s linear forwards
}
@keyframes dash_animation{
    to{
        stroke-dashoffset:0
    }
}
.banner-content-five p{
    color:var(--tg-black);
    margin-bottom:25px
}
.banner-img-five{
    margin-inline-start:90px;
    position:relative;
    z-index:1
}
.banner-img-five img:not(.main-img){
    position:absolute
}
.banner-img-five .main-img{
    max-width:unset
}
.banner-img-five .shape-one{
    bottom:12%;
    inset-inline-end:-19%
}
.banner-img-five .shape-two{
    animation:float-bob-x 4s linear infinite;
    inset-inline-start:35%;
    top:38%
}
.banner-img-five .shape-three{
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-end:5%;
    top:23%
}
.breadcrumb-bg{
    background-position:50%;
    background-size:cover;
    padding:46px 0 46px;
    position:relative;
    z-index:1
}
.breadcrumb-bg:before{
    background:#03091b;
    content:"";
    height:100%;
    inset-inline-start:0;
    opacity:.85;
    top:0;
    width:100%
}
.breadcrumb-bg:before,.breadcrumb-shape-wrap img{
    position:absolute;
    z-index:-1
}
.breadcrumb-shape-wrap img:first-child{
    inset-inline-start:0;
    top:0
}
.breadcrumb-shape-wrap img:nth-child(2){
    inset-inline-end:10%;
    top:0
}
.breadcrumb-content{
    text-align:center
}
.breadcrumb-content .title{
    color:var(--tg-white);
    font-size:40px;
    line-height:1.1;
    margin-bottom:12px
}
.breadcrumb-content .breadcrumb{
    justify-content:center;
    margin-bottom:0
}
.breadcrumb-content .breadcrumb-item{
    color:var(--tg-primary-color);
    font-size:14px;
    font-weight:500
}
.breadcrumb-content .breadcrumb-item a{
    color:#9fa9be
}
.breadcrumb-content .breadcrumb-item a:hover{
    color:var(--tg-primary-color)
}
.breadcrumb-content .breadcrumb-item+.breadcrumb-item:before{
    color:#9fa9be;
    content:"\f054";
    font-family:Font Awesome\ 5 Free;
    font-size:12px;
    font-weight:700;
    line-height:1;
    margin-top:7px;
    padding-inline-end:10px
}
.breadcrumb-content .breadcrumb-item+.breadcrumb-item{
    padding-inline-start:10px
}
.about-bg{
    background-position:50%;
    background-size:cover;
    padding:140px 0 200px
}
.about-img-wrap{
    margin-top:16px;
    padding-bottom:15px;
    position:relative;
    text-align:center;
    z-index:1
}
.about-img-wrap img:not(.main-img){
    position:absolute;
    z-index:-1
}
.about-img-wrap img:nth-child(2){
    bottom:0;
    inset-inline-start:50%;
    transform:translateX(-50%)
}
.about-img-wrap img.main-img{
    border:5px solid var(--tg-white);
    border-radius:50%;
    height:314px;
    -o-object-fit:cover;
    object-fit:cover;
    width:314px
}
.about-img-wrap img:nth-child(3){
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-end:19%;
    top:-10%
}
.about-content{
    width:88%
}
.section-title .sub-title{
    color:var(--tg-primary-color);
    display:inline-block;
    font-size:15px;
    font-weight:600;
    letter-spacing:.06em;
    margin-bottom:10px;
    padding-top:18px;
    position:relative
}
.section-title .sub-title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    top:0;
    width:30px
}
.section-title .title{
    font-size:40px;
    margin-bottom:0
}
.about-content p{
    color:var(--tg-paragraph-color);
    margin-bottom:0
}
.about-area-two{
    position:relative
}
.about-area-two:before{
    background:linear-gradient(154.68deg,#8894ff 11.62%,#ff8585 90.47%);
    content:"";
    filter:blur(75px);
    height:630px;
    inset-inline-start:13%;
    opacity:.1;
    position:absolute;
    top:0;
    width:630px;
    z-index:-1
}
.about-content-two p{
    color:var(--tg-paragraph-color);
    margin-bottom:20px
}
.about-list .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:20px 0;
    margin-bottom:30px
}
.about-list .list-wrap li{
    align-items:flex-start;
    color:var(--tg-paragraph-color);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    width:50%
}
.about-list .list-wrap li img{
    margin-inline-end:10px
}
.success-wrap .list-wrap{
    align-items:center;
    border-top:1px solid #d9d9d9;
    display:flex;
    margin-bottom:40px;
    padding-top:30px
}
.success-wrap .list-wrap li{
    width:50%
}
.success-wrap .list-wrap li .count{
    font-size:36px;
    font-weight:800;
    letter-spacing:2px;
    line-height:.8;
    margin-bottom:8px
}
.success-wrap .list-wrap li p{
    font-size:14px;
    line-height:1;
    margin-bottom:0
}
.about-content-two .btn{
    background:transparent;
    border-color:var(--tg-primary-color);
    color:var(--tg-primary-color)
}
.about-content-two .btn:after,.about-content-two .btn:hover{
    color:var(--tg-white)
}
.about-img-two{
    padding-inline-start:218px;
    position:relative
}
.about-img-two .main-img{
    position:relative;
    text-align:end
}
.about-img-two .main-img img{
    border:9px solid var(--tg-white);
    border-radius:15px;
    box-shadow:0 4px 50px rgba(0,0,0,.2)
}
.about-img-two .main-img .play-btn{
    align-items:center;
    background:rgba(0,85,255,.8);
    border-radius:50%;
    box-shadow:-8px -1px 10px hsla(0,0%,100%,.1);
    color:var(--tg-white);
    display:flex;
    font-size:25px;
    height:82px;
    inset-inline-start:50%;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:82px
}
.about-img-two .main-img .play-btn:after{
    animation:pulse-border 1.5s ease-out infinite;
    border:1px solid var(--tg-white);
    border-radius:50%;
    content:"";
    height:100%;
    inset-inline-start:50%;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    width:100%
}
.about-img-two img:nth-child(2){
    border:9px solid #fff;
    border-radius:15px;
    bottom:70px;
    box-shadow:0 4px 50px rgba(0,0,0,.2);
    inset-inline-start:40px;
    position:absolute;
    transform:rotate(-2.71deg)
}
.about-shape-wrap img{
    position:absolute;
    z-index:-1
}
.about-shape-wrap img:first-child{
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-end:41%;
    top:13%
}
.about-shape-wrap img:nth-child(2){
    bottom:0;
    inset-inline-end:0
}
@keyframes pulse-border{
    0%{
        opacity:1;
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)
    }
    to{
        opacity:0;
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5)
    }
}
@keyframes alltuchtopdown{
    0%{
        transform:rotateX(0deg) translateY(0)
    }
    50%{
        transform:rotateX(0deg) translateY(-50px)
    }
    to{
        transform:rotateX(0deg) translateY(0)
    }
}
.about-area-three{
    padding:80px 0;
    position:relative
}
.about-img-wrap-three{
    padding-bottom:90px;
    position:relative;
    text-align:center
}
.about-img-wrap-three img:first-child{
    border-radius:100px 0 0 0
}
.about-img-wrap-three img:nth-child(2){
    border:8px solid var(--tg-white);
    border-radius:0 50px 0 0;
    bottom:25px;
    inset-inline-end:0;
    position:absolute;
    z-index:2
}
.about-img-wrap-three .experience-wrap{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:0 0 0 60px;
    bottom:0;
    display:flex;
    inset-inline-start:0;
    padding:40px 195px 50px 45px;
    position:absolute;
    text-align:start;
    width:506px
}
.about-img-wrap-three .experience-wrap .title{
    color:var(--tg-white);
    font-size:64px;
    line-height:.8;
    margin-bottom:0;
    margin-inline-end:13px;
    padding-inline-end:13px;
    position:relative;
    text-align:center
}
.about-img-wrap-three .experience-wrap .title span{
    display:block;
    font-size:24px;
    font-weight:600;
    letter-spacing:.1em;
    margin-top:5px
}
.about-img-wrap-three .experience-wrap .title:before{
    background:var(--tg-white);
    content:"";
    height:100%;
    inset-inline-end:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:2px
}
.about-img-wrap-three .experience-wrap p{
    color:var(--tg-white);
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
.section-title-two span{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50px;
    color:var(--tg-primary-color);
    display:inline-block;
    font-size:13px;
    font-weight:600;
    letter-spacing:.1em;
    margin-bottom:12px;
    padding:4px 13px
}
.section-title-two .title{
    font-size:40px;
    font-weight:800;
    margin-bottom:0
}
.about-content-three p{
    color:var(--tg-paragraph-color);
    margin-bottom:0;
    width:90%
}
.about-content-three p.info-one{
    margin-bottom:25px
}
.about-list-two .list-wrap{
    margin-bottom:20px
}
.about-list-two .list-wrap li{
    align-items:baseline;
    color:var(--tg-secondary-color);
    display:flex;
    font-size:18px;
    font-weight:600;
    margin-bottom:14px
}
.about-list-two .list-wrap li:last-child{
    margin-bottom:0
}
.about-list-two .list-wrap li i{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    flex:0 0 auto;
    font-size:12px;
    height:24px;
    justify-content:center;
    margin-inline-end:8px;
    width:24px
}
.about-author-info{
    align-items:center;
    display:flex;
    margin-top:35px
}
.about-author-info .thumb{
    border:3px solid var(--tg-white);
    border-radius:50%;
    box-shadow:0 10px 20px rgba(0,0,0,.25);
    flex:0 0 auto;
    margin-inline-end:15px;
    width:70px
}
.about-author-info .content .title{
    font-size:20px;
    margin-bottom:5px
}
.about-author-info .content span{
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:1
}
.about-author-info .signature{
    margin-inline-start:20px
}
.about-shape-wrap-two img{
    position:absolute;
    z-index:-1
}
.about-shape-wrap-two img:first-child{
    animation:alltuchtopdown 8s linear infinite;
    bottom:27%;
    inset-inline-start:15%
}
.about-shape-wrap-two img:nth-child(2){
    inset-inline-start:40%;
    top:5%
}
.about-shape-wrap-two img:nth-child(3){
    bottom:0;
    right:0
}
.about-content-four>p{
    color:var(--tg-paragraph-color);
    margin-bottom:35px
}
.about-list-three .list-wrap li{
    align-items:center;
    display:flex;
    margin-bottom:40px;
    padding-inline-start:13px
}
.about-list-three .list-wrap li:last-child{
    margin-bottom:0
}
.about-list-three .list-wrap li .icon{
    color:var(--tg-primary-color);
    font-size:50px;
    line-height:0;
    margin-inline-end:15px;
    position:relative
}
.about-list-three .list-wrap li .icon:before{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    content:"";
    height:46px;
    inset-inline-start:-13px;
    position:absolute;
    top:-15px;
    width:46px;
    z-index:-1
}
.about-list-three .list-wrap li .icon i{
    display:block;
    transform:rotateY(0);
    transition:.3s linear
}
.about-list-three .list-wrap li:hover .icon i{
    transform:rotateY(180deg)
}
.about-list-three .content .title{
    font-size:20px;
    margin-bottom:10px
}
.about-list-three .content p{
    color:var(--tg-paragraph-color);
    margin-bottom:0;
    width:75%
}
.about-img-wrap-four{
    margin-inline-end:-30px;
    position:relative
}
.mask-img-wrap{
    height:558px;
    margin-inline-start:auto;
    -webkit-mask-image:url(../img/images/mask_img.png);
    mask-image:url(../img/images/mask_img.png);
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100%;
    mask-size:100%;
    width:633px;
    z-index:-1
}
.mask-img-wrap img{
    max-width:unset
}
.about-img-wrap-four .img-two{
    border-radius:10px;
    bottom:14%;
    box-shadow:0 0 30px rgba(0,0,0,.1);
    inset-inline-start:10%;
    position:absolute
}
.about-shape-wrap-three img{
    position:absolute;
    z-index:-1
}
.about-shape-wrap-three img:first-child{
    animation:ribbonRotate 15s linear infinite;
    inset-inline-start:0;
    top:6%
}
.about-shape-wrap-three img:nth-child(2){
    animation:alltuchtopdown 8s linear infinite;
    bottom:7%;
    inset-inline-start:4%
}
.about-shape-wrap-three img:nth-child(3){
    animation:rotateme 8s linear infinite;
    inset-inline-end:23%;
    top:-2%
}
.about-img-wrap-four .icon{
    align-items:center;
    background:var(--tg-pink);
    border:5px solid var(--tg-white);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:50px;
    height:100px;
    inset-inline-start:8%;
    justify-content:center;
    line-height:0;
    position:absolute;
    top:21%;
    width:100px
}
@keyframes rotateme{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.about-area-five{
    padding:120px 0;
    position:relative
}
.about-img-wrap-five{
    padding-bottom:30px;
    position:relative
}
.about-img-wrap-five:before{
    background:var(--tg-primary-color);
    bottom:0;
    content:"";
    height:40px;
    inset-inline-end:0;
    position:absolute;
    width:380px;
    z-index:-1
}
.about-img-wrap-five img:first-child{
    clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%,0 100%)
}
.about-img-wrap-five img:nth-child(2){
    border-radius:10px;
    box-shadow:0 0 20px rgba(0,0,0,.1);
    inset-inline-start:-25%;
    position:absolute;
    top:14%
}
.about-img-wrap-five .experience-wrap{
    background:#d40012;
    bottom:0;
    inset-inline-end:0;
    max-width:200px;
    padding:36px 20px;
    position:absolute
}
.about-img-wrap-five .experience-wrap .title{
    color:var(--tg-white);
    font-size:60px;
    line-height:1;
    margin-bottom:0;
    text-align:center
}
.about-img-wrap-five .experience-wrap .title span{
    display:block;
    font-size:24px;
    font-weight:500
}
.about-content-five>p{
    color:var(--tg-paragraph-color);
    margin-bottom:50px;
    width:85%
}
.about-content-five{
    margin-inline-start:55px;
    width:85%
}
.about-content-five .about-list{
    flex:0 0 auto;
    width:60%
}
.about-content-five .about-list .list-wrap{
    gap:25px 0;
    margin-bottom:0
}
.about-content-five .about-list .list-wrap li{
    color:var(--tg-secondary-color);
    width:100%
}
.about-content-five .about-list .list-wrap li i{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    flex:0 0 auto;
    font-size:12px;
    height:24px;
    justify-content:center;
    margin-inline-end:8px;
    width:24px
}
.about-content-five .about-content-bottom{
    align-items:center;
    display:flex
}
.about-success-wrap .list-wrap li{
    align-items:center;
    display:flex;
    margin-bottom:30px
}
.about-success-wrap .list-wrap li:last-child{
    margin-bottom:0
}
.about-success-wrap .list-wrap li .icon{
    color:var(--tg-primary-color);
    flex:0 0 auto;
    font-size:60px;
    line-height:0;
    margin-inline-end:20px
}
.about-success-wrap .list-wrap li .content .count{
    font-size:50px;
    font-weight:800;
    line-height:.8;
    margin-bottom:5px
}
.about-success-wrap .list-wrap li .content p{
    color:var(--tg-secondary-color);
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1;
    margin-bottom:0
}
.about-shape-five img{
    animation:alltuchtopdown 8s linear infinite;
    bottom:35%;
    inset-inline-start:41%;
    position:absolute;
    z-index:-1
}
.about-area-six{
    overflow:hidden;
    padding:0 0 120px;
    position:relative
}
.about-area-six:before{
    background:#fae7ff;
    content:"";
    filter:blur(200px);
    height:310px;
    inset-inline-end:26%;
    position:absolute;
    top:16%;
    width:310px;
    z-index:-1
}
.about-img-six{
    margin-inline-start:-75px;
    padding-top:40px;
    position:relative
}
.about-img-six img:first-child{
    max-width:unset;
    position:unset
}
.about-img-six img{
    position:absolute;
    z-index:-1
}
.about-img-six img:nth-child(2){
    bottom:-40px;
    inset-inline-start:0
}
.about-img-six img:nth-child(3){
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-start:19%;
    top:14%
}
.about-content-six{
    width:88%
}
.about-content-six p{
    margin-bottom:30px
}
.about-content-six .about-list .list-wrap{
    margin-bottom:45px
}
.about-content-six .about-list .list-wrap li{
    color:var(--tg-secondary-color)
}
.about-content-six .about-list .list-wrap li i{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    flex:0 0 auto;
    font-size:12px;
    height:24px;
    justify-content:center;
    margin-inline-end:8px;
    width:24px
}
.about-content-seven{
    width:88%
}
.about-content-seven>p,.success-wrap-two{
    margin-bottom:25px
}
.success-wrap-two .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.success-wrap-two .list-wrap li{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:10px;
    display:flex;
    min-width:240px;
    padding:30px 25px;
    position:relative;
    transition:.3s
}
.success-wrap-two .list-wrap li:before{
    background:var(--tg-primary-color);
    border-radius:3px;
    content:"";
    height:28px;
    inset-inline-start:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:3px
}
.success-wrap-two .list-wrap li:hover{
    transform:translateY(-5px)
}
.success-wrap-two .list-wrap li .icon{
    color:var(--tg-primary-color);
    flex:0 0 auto;
    font-size:50px;
    line-height:0;
    margin-inline-end:18px
}
.success-wrap-two .list-wrap li .content .count{
    align-items:center;
    display:flex;
    font-size:36px;
    font-weight:800;
    line-height:.8;
    margin-bottom:4px
}
.success-wrap-two .list-wrap li .content p{
    line-height:1;
    margin-bottom:0
}
.about-img-seven-wrap{
    padding-bottom:90px;
    position:relative
}
.about-img-seven-wrap img:first-child{
    border-radius:10px
}
.about-img-seven-wrap img:nth-child(2){
    border:8px solid var(--tg-white);
    border-radius:10px;
    bottom:0;
    inset-inline-end:50px;
    position:absolute;
    z-index:3
}
.about-img-seven-wrap .shape{
    animation:alltuchtopdown 8s linear infinite;
    bottom:-8%;
    inset-inline-start:33%;
    position:absolute;
    z-index:-1
}
.about-img-seven-wrap .experience-wrap{
    align-items:center;
    background:var(--tg-primary-color);
    border:8px solid #fff;
    border-radius:19px 63px 24px 0;
    bottom:0;
    display:flex;
    flex-direction:column;
    inset-inline-end:0;
    max-width:197px;
    min-height:384px;
    padding:25px 20px;
    position:absolute;
    text-align:center
}
.about-img-seven-wrap .experience-wrap .title{
    color:var(--tg-white);
    font-size:38px;
    line-height:.8;
    margin-bottom:10px
}
.about-img-seven-wrap .experience-wrap p{
    color:var(--tg-white);
    font-family:var(--tg-heading-font-family);
    font-size:24px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:0
}
.about-img-eight img{
    border-radius:15px
}
.about-content-eight>p{
    margin-bottom:35px
}
.about-content-eight .about-content-inner{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:60px
}
.about-content-eight .about-content-inner .list-wrap{
    width:58%
}
.about-content-eight .about-content-inner .list-wrap li{
    align-items:flex-start;
    display:flex;
    margin-bottom:50px
}
.about-content-eight .about-content-inner .list-wrap li:last-child{
    margin-bottom:0
}
.about-content-eight .about-content-inner .list-wrap li .icon{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:15px;
    color:var(--tg-primary-color);
    display:flex;
    flex:0 0 auto;
    font-size:40px;
    height:80px;
    justify-content:center;
    line-height:0;
    margin-inline-end:20px;
    position:relative;
    width:80px
}
.about-content-eight .about-content-inner .list-wrap li .icon:before{
    background:var(--tg-primary-color);
    border-radius:3px;
    content:"";
    height:3px;
    inset-inline-start:50%;
    position:absolute;
    top:0;
    transform:translateX(-50%);
    width:16px
}
.about-content-eight .about-content-inner .content .title{
    font-size:20px;
    margin-bottom:8px
}
.about-content-eight .about-content-inner .content p{
    margin-bottom:0
}
.about-content-eight .right-slide-img{
    margin-inline-start:auto
}
.about-content-eight .right-slide-img img{
    border-radius:10px;
    box-shadow:0 0 30px rgba(0,0,0,.1)
}
.about-content-eight .about-content-bottom{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:30px 40px
}
.about-content-eight .about-content-bottom .about-author-info{
    margin-top:0
}
.about-area-ten{
    padding:120px 0;
    position:relative
}
.about-img-wrap-ten{
    padding-inline-start:120px
}
.about-img-wrap-ten img:nth-child(2){
    inset-inline-start:0
}
.about-area-ten .about-shape-five img{
    inset-inline-start:46%
}
.about-content-five.about-content-ten{
    margin-inline-end:30px;
    margin-inline-start:80px;
    width:auto
}
.about-content-ten .about-success-wrap .list-wrap{
    align-items:center;
    display:flex;
    gap:30px;
    margin-top:45px
}
.about-content-ten .about-success-wrap .list-wrap li{
    margin-bottom:0
}
.about-content-five.about-content-ten>p{
    margin-bottom:20px;
    width:100%
}
.about-area-eleven{
    padding:120px 0 0;
    position:relative
}
.about-area-eleven:before{
    background:#fae7ff;
    content:"";
    filter:blur(200px);
    height:300px;
    inset-inline-start:20%;
    position:absolute;
    top:32%;
    width:300px;
    z-index:-1
}
.about-content-eleven{
    width:85%
}
.about-content-eleven p{
    margin-bottom:25px
}
.about-content-eleven .about-list-two .list-wrap{
    margin-bottom:40px
}
.about-img-wrap-eleven{
    padding-bottom:30px;
    position:relative;
    text-align:center
}
.about-img-wrap-eleven .shape-one{
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-start:-5%;
    position:absolute;
    top:-2%;
    z-index:-1
}
.about-img-wrap-eleven .shape-two{
    bottom:0;
    inset-inline-start:-20px;
    max-width:unset;
    position:absolute;
    z-index:-2
}
.about-area-twelve{
    padding:140px 0
}
.about-img-six.about-img-twelve img:nth-child(2){
    bottom:-50px
}
.overview-area{
    overflow:hidden;
    position:relative
}
.overview-area:before{
    background:#d5ceff;
    border-radius:50%;
    content:"";
    filter:blur(75px);
    height:480px;
    inset-inline-start:0;
    opacity:.2;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:480px;
    z-index:-1
}
.overview-shape{
    height:342px;
    position:absolute;
    right:0;
    top:0;
    width:424px;
    z-index:-1
}
.overview-img-wrap{
    position:relative;
    text-align:center
}
.overview-img-wrap img:first-child{
    border-radius:280px
}
.overview-img-wrap img:nth-child(2){
    border-radius:10px;
    bottom:30px;
    box-shadow:0 0 30px rgba(0,0,0,.1);
    inset-inline-start:0;
    position:absolute
}
.overview-img-wrap img:nth-child(3){
    animation:alltuchtopdown 8s linear infinite;
    bottom:32%;
    inset-inline-start:-50px;
    position:absolute;
    z-index:-1
}
.overview-img-wrap .icon{
    align-items:center;
    background:var(--tg-primary-color);
    border:5px solid var(--tg-white);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:50px;
    height:100px;
    inset-inline-end:90px;
    justify-content:center;
    line-height:0;
    position:absolute;
    top:20px;
    width:100px
}
.overview-content{
    width:90%
}
.overview-content>p{
    color:var(--tg-paragraph-color);
    margin-bottom:0
}
.overview-content .info-one{
    margin-bottom:15px
}
.overview-content .info-two{
    margin-bottom:30px
}
.overview-content .content-bottom .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.overview-content .content-bottom .list-wrap li{
    align-items:center;
    border:1.2px solid #d4dced;
    border-radius:10px;
    display:flex;
    min-width:256px;
    padding:28px 20px 28px 30px
}
.overview-content .content-bottom .list-wrap li .icon{
    color:var(--tg-primary-color);
    font-size:50px;
    line-height:0;
    margin-inline-end:40px;
    position:relative
}
.overview-content .content-bottom .list-wrap li .icon:before{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    content:"";
    height:40px;
    inset-inline-start:-10px;
    position:absolute;
    top:-12px;
    width:40px;
    z-index:-1
}
.overview-content .content-bottom .list-wrap li .icon:after{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    content:"";
    height:38px;
    inset-inline-end:-20px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:2px;
    z-index:-1
}
.overview-content .content-bottom .list-wrap li .content .count{
    align-items:center;
    display:flex;
    font-size:36px;
    line-height:.8;
    margin-bottom:3px
}
.overview-content .content-bottom .list-wrap li .content p{
    margin-bottom:0
}
.overview-area-two{
    padding:0 0 120px;
    position:relative
}
.overview-area-two:before{
    background:#d5ceff;
    content:"";
    filter:blur(75px);
    height:600px;
    inset-inline-start:114px;
    opacity:.2;
    position:absolute;
    top:0;
    width:600px;
    z-index:-1
}
.overview-img-two{
    position:relative
}
.mask-img-two{
    height:534px;
    -webkit-mask-image:url(../img/images/mask_img02.png);
    mask-image:url(../img/images/mask_img02.png);
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100%;
    mask-size:100%;
    width:556px;
    z-index:-1
}
.mask-img-two img{
    max-width:unset
}
.overview-img-two .img-two{
    border-radius:10px;
    bottom:21%;
    box-shadow:0 0 30px rgba(0,0,0,.1);
    inset-inline-start:-13%;
    position:absolute
}
.overview-shape-wrap img{
    position:absolute;
    z-index:-1
}
.overview-shape-wrap img:first-child{
    animation:float-bob-x 4s linear infinite;
    inset-inline-end:7%;
    top:15%
}
.overview-shape-wrap img:nth-child(2){
    inset-inline-end:6%;
    top:25%
}
.overview-content-two{
    margin-inline-start:45px
}
.overview-content-two p{
    color:var(--tg-paragraph-color);
    margin-bottom:30px
}
.features-area{
    margin-top:-100px;
    position:relative;
    z-index:1
}
.features-item{
    background:var(--tg-white);
    border:1px solid var(--tg-steel-blue);
    border-radius:10px;
    margin-bottom:40px;
    padding:35px 50px;
    position:relative
}
.features-item:before{
    background:var(--tg-gray);
    bottom:-5px;
    inset-inline-end:5px;
    inset-inline-start:5px;
    z-index:-1
}
.features-item:after,.features-item:before{
    border:1px solid var(--tg-steel-blue);
    border-radius:8px;
    content:"";
    height:70px;
    position:absolute;
    transition:.3s ease-in
}
.features-item:after{
    background:#dfe5f0;
    bottom:-10px;
    inset-inline-end:12px;
    inset-inline-start:12px;
    z-index:-2
}
.features-item:hover:after,.features-item:hover:before{
    bottom:3px
}
.features-content .content-top{
    align-items:center;
    display:flex;
    margin-bottom:15px
}
.features-content .content-top .icon{
    color:var(--tg-primary-color);
    font-size:50px;
    line-height:0;
    margin-inline-end:15px;
    position:relative;
    z-index:1
}
.features-content .content-top .icon:before{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    content:"";
    height:46px;
    inset-inline-start:-13px;
    position:absolute;
    top:-15px;
    transition:.3s ease-in;
    width:46px;
    z-index:-1
}
.features-item:hover .features-content .content-top .icon:before{
    inset-inline-start:0;
    top:0
}
.features-content .content-top .title{
    font-size:22px;
    margin-bottom:0
}
.features-content p{
    color:var(--tg-gray-four);
    margin-bottom:0
}
.features-item-wrap{
    border-bottom:1px solid var(--tg-lavender);
    padding-bottom:50px
}
.features-item-two{
    align-items:flex-start;
    display:flex;
    margin-bottom:30px
}
.features-icon-three,.features-icon-two{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:14px;
    color:var(--tg-primary-color);
    display:flex;
    flex:0 0 auto;
    font-size:40px;
    height:80px;
    justify-content:center;
    line-height:0;
    margin-inline-end:20px;
    position:relative;
    width:80px
}
.features-icon-three:before,.features-icon-two:before{
    background:var(--tg-primary-color);
    border-radius:3px;
    content:"";
    height:3px;
    inset-inline-start:50%;
    position:absolute;
    top:0;
    transform:translateX(-50%);
    width:16px
}
.features-icon-two i{
    transform:rotateY(0);
    transition:.3s linear
}
.features-item-two:hover .features-icon-two i{
    transform:rotateY(180deg)
}
.features-content-two .title{
    font-size:20px;
    margin-bottom:10px
}
.features-content-two p{
    color:var(--tg-paragraph-color);
    margin-bottom:0;
    width:80%
}
.features-area-three{
    overflow:hidden;
    padding:120px 0 90px;
    position:relative
}
.features-area-three:before{
    background:#cc3de3;
    border-radius:50%;
    inset-inline-start:-127px;
    top:90px
}
.features-area-three:after,.features-area-three:before{
    content:"";
    filter:blur(75px);
    height:530px;
    opacity:.05;
    position:absolute;
    width:530px;
    z-index:-1
}
.features-area-three:after{
    background:#5e3de3;
    inset-inline-end:-120px;
    top:80px
}
.features-item-three{
    background:var(--tg-white);
    border:1px solid var(--tg-border-color);
    border-radius:10px;
    margin-bottom:30px;
    padding:30px 30px 35px;
    position:relative;
    transition:.3s linear;
    z-index:1
}
.features-item-three:hover{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    box-shadow:0 20px 50px rgba(3,74,218,.29)
}
.features-item-three .features-icon-three{
    height:65px;
    margin-inline-end:0;
    margin-bottom:25px;
    transition:.3s;
    width:65px
}
.features-item-three:hover .features-icon-three{
    background:var(--tg-white)
}
.features-content-three .title{
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
    transition:.3s
}
.features-content-three p{
    color:var(--tg-paragraph-color);
    margin-bottom:17px;
    transition:.3s
}
.features-item-three:hover .features-content-three .title,.features-item-three:hover .features-content-three p{
    color:var(--tg-white)
}
.features-content-three .link-btn{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:inline-flex;
    font-size:14px;
    font-weight:600;
    letter-spacing:.02em
}
.features-content-three .link-btn img{
    margin-inline-start:10px;
    transition:.3s
}
.features-item-three:hover .features-content-three .link-btn{
    color:var(--tg-white)
}
.features-item-three:hover .features-content-three .link-btn img{
    filter:brightness(0) invert(1)
}
.features-item-wrap-two .row [class*=col-]:nth-child(2n) .features-item-three{
    margin-top:20px
}
.features-item-wrap-four{
    background:#fff5f5;
    border-radius:10px;
    box-shadow:0 4px 50px rgba(233,233,243,.5);
    margin-top:-90px;
    padding:102px 50px 13px;
    position:relative;
    z-index:1
}
.features-item-four{
    align-items:center;
    display:flex;
    margin-bottom:30px
}
.features-icon-four{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:14px;
    color:var(--tg-primary-color);
    display:flex;
    flex:0 0 auto;
    font-size:40px;
    height:80px;
    justify-content:center;
    line-height:0;
    margin-inline-end:20px;
    position:relative;
    width:80px
}
.features-icon-four:before{
    background:var(--tg-primary-color);
    border-radius:2px;
    content:"";
    height:16px;
    inset-inline-end:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:3px
}
.features-icon-four i{
    transform:rotateY(0);
    transition:.3s linear
}
.features-item-four:hover .features-icon-four i{
    transform:rotateY(180deg)
}
.features-content-four .title{
    font-size:20px;
    font-weight:700;
    margin-bottom:10px
}
.features-content-four p{
    color:var(--tg-paragraph-color);
    margin-bottom:0
}
.features-bg{
    background-position:50%;
    background-size:cover;
    overflow:hidden;
    padding:120px 0 80px;
    position:relative;
    z-index:1
}
.features-shape-wrap img{
    position:absolute;
    z-index:-1
}
.features-shape-wrap img:first-child{
    animation:float-bob-x 4s linear infinite;
    inset-inline-end:9%;
    top:10%
}
.features-shape-wrap img:nth-child(2){
    animation:animationFramesOne 18s linear infinite;
    bottom:10%;
    inset-inline-start:8%
}
.features-item-wrap-six{
    border:1px solid #e7eaf1;
    margin-top:0;
    position:relative;
    z-index:3
}
.features-area-seven{
    background:var(--tg-section-background);
    margin-top:-110px;
    padding:230px 0 120px;
    position:relative;
    z-index:1
}
.features-area-seven:before{
    background:#ff6ae7;
    bottom:70px;
    content:"";
    filter:blur(75px);
    height:390px;
    inset-inline-start:40%;
    opacity:.1;
    position:absolute;
    width:390px;
    z-index:-1
}
.features-content-seven{
    width:90%
}
.features-content-seven p{
    margin-bottom:0
}
.features-progress-wrap{
    width:90%
}
.inner-features-shape{
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.choose-bg{
    background-position:50%;
    background-size:cover;
    overflow:hidden;
    padding:120px 0;
    position:relative;
    z-index:1
}
.choose-bg:before{
    background:#001641;
    content:"";
    height:100%;
    inset-inline-start:0;
    opacity:.8;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.choose-shape{
    bottom:0;
    left:0;
    position:absolute;
    z-index:-1
}
.section-title-two.white-title .title{
    color:var(--tg-white)
}
.choose-content{
    width:90%
}
.choose-content p{
    color:#d0d0dd;
    margin-bottom:40px
}
.choose-content .play-btn{
    align-items:center;
    color:var(--tg-white);
    display:inline-flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:500
}
.choose-content .play-btn:hover{
    color:var(--tg-primary-color)
}
.choose-content .play-btn i{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:20px;
    height:82px;
    justify-content:center;
    margin-inline-end:35px;
    position:relative;
    width:82px
}
.choose-content .play-btn i:after{
    animation:pulse-border 1.5s ease-out infinite;
    border:1px solid var(--tg-white);
    border-radius:50%;
    content:"";
    height:100%;
    inset-inline-start:50%;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    width:100%
}
.skill-wrap{
    background:var(--tg-white);
    border-radius:10px;
    box-shadow:0 4px 20px rgba(0,0,0,.1);
    margin-inline-start:100px;
    padding:70px 60px
}
.skill-wrap .section-title-two .title{
    font-size:36px
}
.skill-wrap>p{
    color:var(--tg-paragraph-color);
    margin-bottom:25px
}
.progress-wrap{
    overflow:hidden;
    padding-top:5px
}
.progress-item{
    margin-bottom:25px
}
.progress-item:last-child{
    margin-bottom:0
}
.progress-item .title{
    color:var(--tg-paragraph-color);
    font-size:16px;
    font-weight:600;
    margin-bottom:10px
}
.progress-item .progress{
    background-color:var(--tg-lavender);
    border-radius:8px;
    height:8px;
    overflow:inherit
}
.progress-item .progress-bar{
    background-color:var(--tg-primary-color);
    border-radius:8px;
    overflow:inherit;
    position:relative
}
.progress-item .progress-bar span{
    background:var(--tg-primary-color);
    border-radius:2px;
    bottom:20px;
    color:var(--tg-white);
    display:block;
    font-family:var(--tg-heading-font-family);
    font-size:11px;
    font-weight:700;
    inset-inline-end:3px;
    line-height:1;
    padding:4px 7px;
    position:absolute
}
.progress-item .progress-bar span:before{
    background:var(--tg-primary-color);
    bottom:-5px;
    clip-path:polygon(100% 0,0 0,100% 100%);
    content:"";
    height:8px;
    inset-inline-end:0;
    position:absolute;
    width:8px
}
.choose-area-two{
    background:#001641;
    padding:120px 0 205px
}
.choose-area-two,.choose-img-two{
    position:relative;
    z-index:1
}
.choose-img-two img:nth-child(2){
    inset-inline-end:18%;
    position:absolute;
    top:10%;
    z-index:-1
}
.choose-img-two img:nth-child(3){
    inset-inline-end:14%;
    position:absolute;
    top:19%;
    z-index:-2
}
.choose-content-two{
    width:90%
}
.choose-content-two>p{
    color:#d0d0dd;
    margin-bottom:30px;
    width:90%
}
.choose-circle-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.circle-item{
    position:relative;
    width:160px
}
.circle-content{
    inset-inline-start:50%;
    padding:20px;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translate(-50%,-50%)
}
.circle-content .percentage{
    color:var(--tg-white);
    display:block;
    font-family:var(--tg-heading-font-family);
    font-size:36px;
    font-weight:800;
    line-height:1;
    margin-bottom:5px
}
.circle-content p{
    color:var(--tg-white);
    font-size:15px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:0
}
.choose-area-three{
    background:var(--tg-secondary-color);
    overflow:hidden;
    padding:120px 0;
    position:relative
}
.choose-content-three{
    margin-inline-end:65px
}
.choose-content-three>p{
    color:var(--tg-lavender);
    margin-bottom:35px
}
.accordion-wrap-two .accordion-item{
    background:var(--tg-primary-color);
    border:none;
    border-radius:5px;
    margin-bottom:10px;
    overflow:hidden
}
.accordion-wrap-two .accordion-item:last-child{
    margin-bottom:0
}
.accordion-wrap-two .accordion-item:first-of-type,.accordion-wrap-two .accordion-item:first-of-type .accordion-button{
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.accordion-wrap-two .accordion-item:last-of-type .accordion-button.collapsed{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
.accordion-wrap-two .accordion-button{
    background:#052462;
    color:var(--tg-white);
    font-size:20px;
    font-weight:600;
    padding:16px 60px 16px 22px;
    position:relative
}
.accordion-wrap-two .accordion-button:focus{
    box-shadow:none
}
.accordion-wrap-two .accordion-button:not(.collapsed){
    background-color:#1a66ff;
    box-shadow:none;
    color:var(--tg-white)
}
.accordion-wrap-two .accordion-button:after{
    background-image:none;
    color:var(--tg-primary-color);
    content:"\f102";
    font-family:flaticon;
    font-size:16px;
    height:auto;
    inset-inline-end:25px;
    position:absolute;
    top:18px;
    width:auto
}
.accordion-wrap-two .accordion-button:not(.collapsed):after{
    background-image:none;
    color:var(--tg-white);
    transform:rotate(-180deg)
}
.accordion-wrap-two .accordion-body{
    padding:20px 40px 30px 22px
}
.accordion-wrap-two .accordion-body p{
    color:var(--tg-white);
    margin-bottom:0
}
.choose-img-three{
    height:100%;
    inset-inline-end:0;
    position:absolute;
    top:0;
    width:50%
}
.choose-img-three img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.section-title.white-title .sub-title{
    color:var(--tg-lavender)
}
.section-title.text-center .sub-title:before{
    inset-inline-start:50%;
    transform:translateX(-50%)
}
.section-title.white-title .title{
    color:var(--tg-white)
}
.section-title p{
    color:var(--tg-gray-four);
    margin-bottom:0;
    margin-top:16px
}
.section-title.white-title p{
    color:var(--tg-lavender)
}
.services-bg{
    background-position:50%;
    background-size:cover;
    padding:120px 0
}
.services-item{
    background:var(--tg-white);
    border-radius:10px;
    margin-bottom:30px;
    padding:25px 35px 35px
}
.services-content .content-top{
    align-items:center;
    display:flex;
    margin-bottom:20px
}
.services-content .content-top .icon{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    color:var(--tg-primary-color);
    display:flex;
    font-size:30px;
    height:60px;
    justify-content:center;
    line-height:0;
    margin-inline-end:15px;
    transition:.3s ease-in;
    width:60px
}
.services-item:hover .services-content .content-top .icon{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.services-content .content-top .title{
    font-size:24px;
    margin-bottom:0
}
.services-thumb{
    border-radius:10px;
    margin-bottom:25px;
    overflow:hidden;
    position:relative
}
.services-thumb:before{
    background:var(--tg-primary-color);
    content:"";
    height:100%;
    inset-inline-start:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:.3s linear;
    width:100%
}
.services-item:hover .services-thumb:before{
    opacity:.8
}
.services-thumb .btn{
    background:transparent;
    border-color:var(--tg-white);
    color:var(--tg-white);
    inset-inline-start:50%;
    margin-top:-100px;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    visibility:hidden
}
.services-thumb .btn:before{
    background:var(--tg-white)
}
.services-thumb .btn:after,.services-thumb .btn:hover{
    color:var(--tg-primary-color)
}
.services-item:hover .services-thumb .btn{
    margin-top:0;
    opacity:1;
    visibility:visible
}
.services-content .list-wrap li{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:flex;
    margin-bottom:5px
}
.services-content .list-wrap li:last-child{
    margin-bottom:0
}
.services-content .list-wrap li:before{
    background:var(--tg-paragraph-color);
    border-radius:50px;
    content:"";
    flex:0 0 auto;
    height:6px;
    margin-inline-end:10px;
    width:6px
}
.services-active [class*=col-]{
    padding:0 15px
}
.services-active .slick-dots{
    display:flex;
    gap:10px;
    justify-content:center;
    margin:15px 0 0;
    padding:0
}
.services-active .slick-dots li{
    line-height:0;
    list-style:none
}
.services-active .slick-dots li button{
    background:transparent;
    border:2px solid var(--tg-lavender);
    border-radius:50%;
    height:15px;
    padding:0;
    text-indent:-9999999999px;
    width:15px
}
.services-active .slick-dots li.slick-active button{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color)
}
.services-bg-two{
    background-position:50%;
    background-size:cover;
    padding:120px 0 90px
}
.services-item-two{
    margin-bottom:30px;
    position:relative
}
.services-thumb-two{
    border:7px solid var(--tg-white);
    border-radius:8px;
    box-shadow:0 10px 30px #ced2dd;
    overflow:hidden;
    position:relative;
    z-index:1
}
.services-thumb-two:before{
    background:linear-gradient(1turn,#00194c 11.66%,rgba(0,25,76,0) 65.89%)
}
.services-thumb-two:after,.services-thumb-two:before{
    content:"";
    height:100%;
    inset-inline-start:0;
    position:absolute;
    top:0;
    width:100%
}
.services-thumb-two:after{
    background:linear-gradient(1turn,rgba(0,25,76,.55) 52.77%,rgba(0,25,76,0) 100%,#00194c 0);
    opacity:0;
    transition:.3s linear
}
.services-item-two:hover .services-thumb-two:after{
    opacity:1
}
.services-thumb-two img{
    width:100%
}
.services-thumb-two .item-shape{
    inset-inline-end:0;
    margin-top:-50px;
    opacity:0;
    position:absolute;
    top:0;
    transition:.3s linear
}
.services-item-two:hover .services-thumb-two .item-shape{
    margin-top:0;
    opacity:1
}
.services-content-two{
    bottom:25px;
    inset-inline-end:30px;
    inset-inline-start:30px;
    position:absolute;
    z-index:2
}
.services-content-two .icon{
    align-items:center;
    background:hsla(0,0%,100%,.2);
    border-radius:8px;
    color:var(--tg-white);
    display:flex;
    font-size:36px;
    height:55px;
    justify-content:center;
    line-height:0;
    margin-bottom:15px;
    transition:.3s linear;
    width:55px
}
.services-item-two:hover .services-content-two .icon{
    background:var(--tg-primary-color)
}
.services-content-two .title{
    color:var(--tg-white);
    font-size:24px;
    margin-bottom:10px
}
.services-content-two p{
    color:var(--tg-lavender);
    display:none;
    margin-bottom:5px
}
.services-area-three{
    background:var(--tg-section-background);
    padding:120px 0 90px;
    position:relative;
    z-index:1
}
.services-item-three{
    margin-bottom:30px;
    overflow:hidden;
    position:relative
}
.services-thumb-three{
    border-radius:10px 10px 0 0;
    overflow:hidden
}
.services-thumb-three img{
    transform:scale(1);
    transition:.3s ease-in-out;
    width:100%
}
.services-item-three:hover .services-thumb-three img{
    transform:scale(1.1)
}
.services-content-three{
    background:var(--tg-white);
    border-radius:0 0 10px 10px;
    padding:60px 30px 50px;
    position:relative
}
.services-content-three .services-icon{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:15px;
    box-shadow:0 10px 15px rgba(0,85,255,.2);
    color:var(--tg-white);
    display:flex;
    font-size:40px;
    height:70px;
    inset-inline-start:30px;
    justify-content:center;
    line-height:0;
    position:absolute;
    top:-35px;
    width:70px
}
.services-content-three .services-icon i{
    transition:.3s linear
}
.services-item-three:hover .services-icon i{
    transform:rotateY(180deg)
}
.services-content-three .title{
    font-size:22px;
    margin-bottom:10px
}
.services-content-three p{
    margin-bottom:0
}
.overlay-icon{
    bottom:-5px;
    color:var(--tg-lavender);
    font-size:60px;
    inset-inline-end:30px;
    line-height:0;
    position:absolute
}
.services-shape-four{
    inset-inline-end:0;
    opacity:.5;
    position:absolute;
    top:2%;
    z-index:-1
}
.services-area-four{
    overflow:hidden;
    padding:120px 0 90px;
    position:relative
}
.services-area-four:before{
    background:#e7f9ff;
    bottom:8%;
    height:390px;
    inset-inline-start:-30px;
    width:390px
}
.services-area-four:after,.services-area-four:before{
    content:"";
    filter:blur(200px);
    position:absolute;
    z-index:-1
}
.services-area-four:after{
    background:#f7e7ff;
    height:350px;
    inset-inline-end:80px;
    top:12%;
    width:350px
}
.section-title-three .sub-title{
    font-size:14px
}
.section-title-three .title{
    font-size:36px;
    font-weight:800
}
.section-title-three p{
    color:var(--tg-paragraph-color);
    margin:12px auto 0;
    width:90%
}
.services-item-four{
    background:var(--tg-white);
    border:1px solid #dde5f6;
    border-radius:30px;
    margin-bottom:30px;
    padding:55px 50px 65px;
    text-align:center;
    transition:.3s linear
}
.services-item-four:hover{
    filter:drop-shadow(0 14px 200px #e1e5ed)
}
.services-icon-four{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    color:var(--tg-primary-color);
    display:flex;
    font-size:50px;
    height:100px;
    justify-content:center;
    line-height:0;
    margin:0 auto 35px;
    transition:.3s linear;
    width:100px
}
.services-item-four:hover .services-icon-four{
    background:var(--tg-primary-color);
    box-shadow:0 10px 15px rgba(0,85,255,.2);
    color:var(--tg-white)
}
.services-content-four .title{
    font-size:22px;
    font-weight:800;
    margin-bottom:15px
}
.services-content-four p{
    margin-bottom:25px
}
.inner-services-bg{
    background-position:50%;
    background-size:cover;
    padding:120px 0 90px
}
.services-area-six{
    padding:120px 0 90px
}
.services-area-seven,.services-area-six{
    background:var(--tg-section-background)
}
.services-details-area .row .col-71{
    flex:0 0 auto;
    width:71%
}
.services-details-area .row .col-29{
    flex:0 0 auto;
    width:29%
}
.services-details-thumb{
    margin-bottom:20px
}
.services-details-thumb img{
    border-radius:10px
}
.services-details-content .title{
    font-size:36px;
    font-weight:800;
    margin-bottom:20px
}
.services-details-content>p{
    margin-bottom:15px
}
.sd-inner-wrap{
    margin-bottom:25px;
    margin-top:30px
}
.sd-inner-wrap .row .col-56{
    flex:0 0 auto;
    width:56.5%
}
.sd-inner-wrap .row .col-44{
    flex:0 0 auto;
    width:43.5%
}
.services-details-content .title-two{
    font-size:30px;
    margin-bottom:15px
}
.sd-inner-wrap .content p{
    margin-bottom:30px
}
.sd-inner-wrap .content .list-wrap{
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    gap:15px 0
}
.sd-inner-wrap .content .list-wrap li{
    align-items:flex-start;
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    width:50%
}
.sd-inner-wrap .content .list-wrap li img{
    margin-inline-end:10px
}
.sd-inner-wrap .thumb{
    position:relative
}
.sd-inner-wrap .thumb img{
    border-radius:10px;
    width:100%
}
.sd-inner-wrap .thumb .play-btn{
    align-items:center;
    background:var(--tg-white);
    border-radius:50%;
    display:flex;
    height:62px;
    inset-inline-start:50%;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:62px
}
.sd-inner-wrap .thumb .play-btn:after{
    animation:pulse-border 1.5s ease-out infinite;
    border:1px solid var(--tg-white);
    border-radius:50%;
    content:"";
    height:100%;
    inset-inline-start:50%;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    width:100%
}
.company-benefit-wrap{
    margin-top:40px
}
.company-benefit-wrap p{
    margin-bottom:25px
}
.accordion-wrap-three .accordion-item{
    background-color:transparent;
    border:none;
    border-radius:4px;
    margin-bottom:10px;
    overflow:hidden
}
.accordion-wrap-three .accordion-item:last-child{
    margin-bottom:0
}
.accordion-wrap-three .accordion-item:first-of-type .accordion-button{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.accordion-wrap-three .accordion-button{
    background-color:var(--tg-gray-two);
    border:none;
    color:var(--tg-secondary-color);
    font-family:var(--tg-heading-font-family);
    font-size:20px;
    font-weight:600;
    padding:16px 50px 16px 25px;
    position:relative;
    text-align:start
}
.accordion-wrap-three .accordion-button:not(.collapsed){
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.accordion-wrap-three .accordion-button:after{
    background-image:none;
    color:var(--tg-primary-color);
    content:"\f102";
    font-family:flaticon;
    font-size:16px;
    height:auto;
    inset-inline-end:25px;
    position:absolute;
    top:18px;
    width:auto
}
.accordion-wrap-three .accordion-button:not(.collapsed):after{
    background-image:none;
    color:var(--tg-white);
    transform:rotate(-180deg)
}
.accordion-wrap-three .accordion-body{
    border:1px solid #dfdfdf;
    border-radius:0 0 4px 4px;
    border-top:none!important;
    margin-top:-1px;
    padding:20px 40px 30px 30px
}
.accordion-wrap-three .accordion-body p{
    margin-bottom:0
}
.accordion-wrap-three .accordion-button:focus{
    border-color:#dfdfdf;
    box-shadow:none
}
.sd-inner-wrap-two{
    margin-bottom:50px;
    margin-top:35px
}
.sd-inner-wrap-two .row .col-58{
    flex:0 0 auto;
    width:58.4%
}
.sd-inner-wrap-two .row .col-42{
    flex:0 0 auto;
    width:41.6%
}
.sd-inner-wrap-two .thumb img{
    border-radius:10px
}
.services-details-list .list-wrap li{
    align-items:flex-start;
    display:flex;
    margin-bottom:40px
}
.services-details-list .list-wrap li:last-child{
    margin-bottom:0
}
.services-details-list .list-wrap li .icon{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:14px;
    color:var(--tg-primary-color);
    display:flex;
    flex:0 0 auto;
    font-size:40px;
    height:80px;
    justify-content:center;
    line-height:0;
    margin-inline-end:20px;
    position:relative;
    width:80px
}
.services-details-list .list-wrap li .icon:before{
    background:var(--tg-primary-color);
    border-radius:3px;
    content:"";
    height:3px;
    inset-inline-start:50%;
    position:absolute;
    top:0;
    transform:translateX(-50%);
    width:16px
}
.services-details-list .list-wrap li .content .title{
    font-size:20px;
    margin-bottom:8px
}
.services-details-list .list-wrap li .content p{
    margin-bottom:0
}
.industrial-working-wrap p{
    margin-bottom:25px
}
.industrial-working-wrap .info-two{
    margin-bottom:0
}
.industrial-working-wrap img{
    border-radius:10px;
    margin-bottom:25px
}
.services-details-list-two{
    margin-inline-end:15px
}
.services-details-list-two .list-wrap li{
    align-items:flex-start;
    background:var(--tg-white);
    border:1px solid #dadfee;
    border-radius:6px;
    box-shadow:0 0 40px rgba(0,0,0,.1);
    display:flex;
    margin-bottom:20px;
    padding:25px 30px
}
.services-details-list-two .list-wrap li:last-child{
    margin-bottom:0
}
.services-details-list-two .list-wrap li .icon{
    color:var(--tg-primary-color);
    flex:0 0 auto;
    font-size:35px;
    line-height:0;
    margin-inline-end:10px
}
.services-details-list-two .list-wrap li .content .title{
    font-size:22px;
    margin-bottom:10px
}
.services-details-list-two .list-wrap li .content p{
    margin-bottom:0
}
.sd-inner-wrap-three .col-43{
    flex:0 0 auto;
    width:43%
}
.sd-inner-wrap-three .col-57{
    flex:0 0 auto;
    width:57%
}
.sd-inner-wrap-three{
    margin-bottom:50px;
    margin-top:40px
}
.sd-inner-wrap-four .row .col-55{
    flex:0 0 auto;
    width:55%
}
.sd-inner-wrap-four .row .col-45{
    flex:0 0 auto;
    width:45%
}
.sd-inner-wrap-four .thumb img{
    border-radius:10px
}
.sd-inner-wrap-four .content .list-wrap li{
    align-items:flex-start;
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:15px
}
.sd-inner-wrap-four .content .list-wrap li:last-child{
    margin-bottom:0
}
.sd-inner-wrap-four .content .list-wrap li img{
    margin-inline-end:10px
}
.sd-inner-wrap-four{
    margin-bottom:40px
}
.services-details-list-three .list-wrap{
    align-items:center;
    display:flex;
    gap:25px
}
.services-details-list-three .list-wrap li{
    align-items:flex-start;
    background:var(--tg-white);
    border:1px solid #dadfee;
    border-radius:10px;
    box-shadow:0 0 40px rgba(0,0,0,.1);
    display:flex;
    padding:25px 30px
}
.services-details-list-three .list-wrap li .icon{
    color:var(--tg-primary-color);
    font-size:50px;
    line-height:0;
    margin-inline-end:15px
}
.services-details-list-three .list-wrap li .content .title{
    font-size:22px;
    margin-bottom:10px
}
.services-details-list-three .list-wrap li .content p{
    margin-bottom:0
}
.services-details-list-three{
    margin-bottom:30px
}
.services-details-thumb-two{
    margin-bottom:20px;
    margin-top:25px
}
.services-details-thumb-two img{
    border-radius:10px
}
.speed-optimized-wrap{
    margin-bottom:45px;
    margin-top:50px
}
.speed-optimized-wrap p{
    margin-bottom:0
}
.sd-inner-wrap-five .row .col-50{
    flex:0 0 auto;
    width:50%
}
.sd-inner-wrap-five .left-side-content{
    margin-inline-end:30px
}
.sd-inner-wrap-five .left-side-content p{
    margin-bottom:0
}
.sd-inner-wrap-five .right-side-content p{
    margin-bottom:15px
}
.sd-inner-wrap-five .right-side-content .list-wrap li{
    align-items:flex-start;
    color:var(--tg-secondary-color);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:15px
}
.sd-inner-wrap-five .right-side-content .list-wrap li:last-child{
    margin-bottom:0
}
.sd-inner-wrap-five .right-side-content .list-wrap li img{
    margin-inline-end:10px
}
.services-sidebar{
    padding-inline-end:20px
}
.services-cat-list .list-wrap li{
    margin-bottom:10px
}
.services-cat-list .list-wrap li:last-child{
    margin-bottom:0
}
.services-cat-list .list-wrap li a{
    align-items:center;
    background:var(--tg-white);
    border:1px solid #e0e6f2;
    border-radius:5px;
    color:var(--tg-secondary-color);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    justify-content:space-between;
    padding:15px 22px
}
.services-cat-list .list-wrap li a i{
    color:var(--tg-gray-four);
    font-size:22px;
    line-height:0;
    margin-inline-start:10px;
    transition:all .3s ease-out 0s
}
.services-cat-list .list-wrap li a:hover,.services-cat-list .list-wrap li.active a{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    color:var(--tg-white)
}
.services-cat-list .list-wrap li a:hover i,.services-cat-list .list-wrap li.active a i{
    color:var(--tg-white)
}
.services-widget{
    background:var(--tg-section-background);
    border-radius:10px;
    margin-bottom:30px;
    padding:30px 30px 35px
}
.services-widget:last-child{
    margin-bottom:0
}
.services-widget .sw-title{
    font-size:24px;
    margin-bottom:15px;
    padding-bottom:10px;
    position:relative
}
.services-widget .sw-title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.services-brochure-wrap p{
    margin-bottom:15px
}
.services-brochure-wrap .download-btn{
    align-items:center;
    background:var(--tg-white);
    border:1px solid #e0e6f2;
    border-radius:5px;
    color:var(--tg-secondary-color);
    display:flex;
    font-size:14px;
    font-weight:500;
    margin-bottom:10px;
    padding:13px 20px
}
.services-brochure-wrap .download-btn i{
    color:var(--tg-primary-color);
    font-size:16px;
    margin-inline-end:10px;
    transition:all .3s ease-out 0s
}
.services-brochure-wrap .download-btn:hover{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    color:var(--tg-white)
}
.services-brochure-wrap .download-btn:hover i{
    color:var(--tg-white)
}
.services-brochure-wrap .download-btn:last-child{
    margin-bottom:0
}
.services-widget-form .form-grp{
    margin-bottom:10px
}
.services-widget-form .form-grp input,.services-widget-form .form-grp textarea{
    background:var(--tg-white);
    border:1px solid #e0e6f2;
    border-radius:5px;
    color:var(--tg-paragraph-color);
    display:block;
    font-size:14px;
    font-weight:500;
    height:50px;
    padding:13px 16px;
    width:100%
}
.services-widget-form .form-grp input::-moz-placeholder,.services-widget-form .form-grp textarea::-moz-placeholder{
    color:var(--tg-gray-four);
    font-size:14px;
    font-weight:500
}
.services-widget-form .form-grp input::placeholder,.services-widget-form .form-grp textarea::placeholder{
    color:var(--tg-gray-four);
    font-size:14px;
    font-weight:500
}
.services-widget-form .form-grp textarea{
    max-height:120px;
    min-height:120px
}
.submit-btn{
    background:var(--tg-primary-color);
    border:none;
    border-radius:5px;
    color:var(--tg-white);
    font-size:16px;
    font-weight:700;
    height:50px;
    padding:13px 20px;
    width:100%
}
.submit-btn:hover{
    background:var(--tg-secondary-color)
}
.services-sidebar-contact{
    background:var(--tg-paragraph-color);
    text-align:center
}
.services-sidebar-contact .title{
    color:var(--tg-white);
    font-size:22px;
    margin-bottom:30px
}
.services-sidebar-contact a{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:6px;
    color:var(--tg-white);
    display:inline-flex;
    font-size:18px;
    font-weight:600;
    justify-content:center;
    padding:9px 22px
}
.services-sidebar-contact a i{
    line-height:0;
    margin-inline-end:5px
}
.services-sidebar-contact a:hover{
    background:var(--tg-secondary-color)
}
.services-cat-list-two .list-wrap li a{
    background:#f8f8fa;
    position:relative;
    z-index:1
}
.services-cat-list-two .list-wrap li a:before{
    background:var(--tg-primary-color);
    border-radius:3px;
    content:"";
    height:30px;
    inset-inline-start:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    z-index:-1
}
.cta-area{
    margin-top:-105px
}
.cta-inner-wrap,.cta-inner-wrap-two{
    background-position:50%;
    background-size:cover;
    border-radius:10px;
    padding:70px
}
.cta-content,.cta-info-wrap{
    align-items:center;
    display:flex
}
.cta-info-wrap{
    flex:0 0 auto;
    position:relative;
    width:46%
}
.cta-info-wrap:before{
    background:var(--tg-primary-color);
    content:"";
    height:74px;
    inset-inline-end:50px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:3px
}
.cta-info-wrap .icon{
    color:var(--tg-white);
    font-size:50px;
    line-height:0;
    margin-inline-end:15px
}
.cta-info-wrap .content span{
    display:block;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px
}
.cta-info-wrap .content a,.cta-info-wrap .content span{
    color:var(--tg-white);
    font-family:var(--tg-heading-font-family);
    line-height:1
}
.cta-info-wrap .content a{
    display:inline-block;
    font-size:30px;
    font-weight:700
}
.cta-info-wrap .content a:hover{
    color:var(--tg-primary-color)
}
.cta-content .title{
    color:var(--tg-white);
    font-size:30px;
    font-weight:800;
    line-height:1.13;
    margin-bottom:0
}
.cta-inner-wrap-two .cta-info-wrap:before{
    background:var(--tg-white)
}
.cta-inner-wrap-two .cta-info-wrap a:hover{
    color:var(--tg-secondary-color)
}
.cta-inner-wrap-two .cta-btn .btn{
    background:transparent;
    border:2px solid var(--tg-white);
    padding:16px 30px
}
.cta-inner-wrap-two .cta-btn .btn:hover{
    background:rgba(var(--primary-color-rgb)/20%);
    border-color:rgba(var(--primary-color-rgb)/20%)
}
.cta-area-three{
    background:#f8f8fa
}
.cta-inner-wrap-three{
    margin-top:-85px;
    position:relative;
    z-index:1
}
.cta-info-wrap.cta-info-wrap-two .icon{
    align-items:center;
    background:var(--tg-white);
    border-radius:50%;
    box-shadow:0 24px 50px rgba(0,0,0,.3);
    color:var(--tg-primary-color);
    display:flex;
    font-size:35px;
    height:70px;
    justify-content:center;
    line-height:0;
    margin-inline-end:15px;
    width:70px
}
.cta-info-wrap.cta-info-wrap-two .content a{
    font-size:24px
}
.cta-info-wrap.cta-info-wrap-two:before{
    display:none
}
.cta-inner-wrap-three{
    background-position:50%;
    background-size:cover;
    border-radius:10px;
    padding:50px 45px
}
.cta-inner-wrap-three .btn-three{
    background:var(--tg-white);
    color:var(--tg-primary-color)
}
.cta-inner-wrap-three .btn-three:after{
    filter:unset
}
.cta-inner-wrap-three .btn-three:hover{
    background:var(--tg-secondary-color);
    color:var(--tg-white)
}
.cta-inner-wrap-three .btn-three:hover:after{
    filter:brightness(0) invert(1)
}
.cta-area-four{
    margin-top:-100px
}
.cta-area-five{
    position:relative;
    z-index:3
}
.counter-bg{
    background-position:50%;
    background-size:cover;
    overflow:hidden;
    padding:120px 0 90px;
    position:relative;
    z-index:1
}
.counter-item{
    margin-bottom:30px;
    text-align:center
}
.counter-item .count{
    align-items:center;
    display:flex;
    font-size:60px;
    font-weight:800;
    justify-content:center;
    line-height:.8;
    margin-bottom:5px
}
.counter-item p{
    margin-bottom:0
}
.counter-shape-wrap img{
    position:absolute;
    z-index:-1
}
.counter-shape-wrap img:first-child{
    animation:animationFramesOne 15s linear infinite;
    inset-inline-start:10%;
    top:25%
}
.counter-shape-wrap img:nth-child(2){
    animation:animationFramesOne 20s linear infinite;
    inset-inline-end:10%;
    top:45%
}
@keyframes animationFramesOne{
    0%{
        transform:translate(0) rotate(0deg)
    }
    20%{
        transform:translate(73px,-1px) rotate(36deg)
    }
    40%{
        transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        transform:translate(-40px,72px) rotate(144deg)
    }
    to{
        transform:translate(0) rotate(0deg)
    }
}
.animationFramesOne{
    animation:animationFramesOne 12s linear infinite
}
.counter-area-two{
    background:#f8f8fa;
    padding:75px 0 45px
}
.counter-item-two{
    margin-bottom:30px;
    position:relative;
    text-align:center
}
.counter-item-two:before{
    background:#d5ddec;
    content:"";
    height:95px;
    inset-inline-end:-15px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1px
}
.counter-item-wrap .row [class*=col-]:last-child .counter-item-two:before{
    display:none
}
.counter-item-two .count{
    align-items:center;
    display:inline-flex;
    font-size:60px;
    font-weight:800;
    justify-content:center;
    line-height:.8;
    margin-bottom:5px;
    position:relative
}
.counter-item-two .count:before{
    background:rgba(var(--primary-color-rgb)/20%)!important;
    border-radius:50%;
    content:"";
    height:50px;
    inset-inline-start:-24px;
    position:absolute;
    top:-18px;
    width:50px
}
.counter-item-two p{
    margin-bottom:0
}
.counter-item-three{
    align-items:center;
    border:1.2px solid #d4dced;
    border-radius:10px;
    display:flex;
    margin-bottom:30px;
    padding:28px 30px;
    transform:translateY(0);
    transition:.3s linear
}
.counter-item-three:hover{
    transform:translateY(-5px)
}
.counter-icon{
    color:var(--tg-primary-color);
    font-size:60px;
    line-height:0;
    margin-inline-end:40px;
    position:relative
}
.counter-icon:before{
    border-radius:50%;
    height:40px;
    inset-inline-start:-14px;
    top:-15px;
    transition:.3s linear;
    width:40px;
    z-index:-1
}
.counter-icon:after,.counter-icon:before{
    background:rgba(var(--primary-color-rgb)/20%);
    content:"";
    position:absolute
}
.counter-icon:after{
    height:38px;
    inset-inline-end:-20px;
    top:50%;
    transform:translateY(-50%);
    width:2px
}
.counter-item-three:hover .counter-icon:before{
    inset-inline-start:0;
    top:0
}
.counter-content .count{
    align-items:center;
    display:flex;
    font-size:36px;
    line-height:.8;
    margin-bottom:10px
}
.counter-content p{
    color:var(--tg-gray-four);
    line-height:1.2;
    margin-bottom:0
}
.counter-area-four{
    background:var(--tg-section-background);
    margin-top:-100px;
    overflow:hidden;
    padding:220px 0 120px;
    position:relative;
    z-index:1
}
.counter-area-four:before{
    background:#5e3de3;
    bottom:60px;
    content:"";
    filter:blur(75px);
    height:390px;
    inset-inline-end:38%;
    opacity:.07;
    position:absolute;
    width:390px;
    z-index:-1
}
.counter-content-four{
    width:90%
}
.counter-content-four p{
    margin-bottom:0
}
.counter-item-wrap-four .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:24px 0;
    margin:0 -12px
}
.counter-item-wrap-four .list-wrap li{
    padding:0 12px;
    width:50%
}
.counter-item-wrap-four .list-wrap li .counter-item-three{
    background:var(--tg-white);
    margin-bottom:0
}
.inner-counter-shape{
    inset-inline-end:0;
    position:absolute;
    top:0;
    z-index:-1
}
.estimate-area{
    background:#f8f8fa;
    padding:120px 0 0;
    position:relative;
    z-index:1
}
.estimate-content{
    padding:0 40px 0 80px
}
.estimate-tab-wrap .nav-tabs{
    border-bottom:none;
    gap:5px;
    margin-bottom:20px
}
.estimate-tab-wrap .nav-tabs .nav-link{
    background:var(--tg-gray-four);
    border:none;
    border-radius:6px;
    color:var(--tg-white);
    font-size:16px;
    font-weight:600;
    margin-bottom:0;
    padding:7px 20px
}
.estimate-tab-wrap .nav-tabs .nav-link.active{
    background:var(--tg-primary-color)
}
.estimate-form-wrap .form-grp{
    margin-bottom:10px
}
.estimate-form-wrap .form-grp input,select{
    background:var(--tg-white);
    border:1px solid #d0d6e1;
    border-radius:5px;
    color:var(--tg-secondary-color);
    font-size:14px;
    font-weight:500;
    height:50px;
    padding:15px 20px;
    width:100%
}
.estimate-form-wrap .form-grp input::-moz-placeholder{
    color:var(--tg-gray-four);
    font-size:14px;
    font-weight:500
}
.estimate-form-wrap .form-grp input::placeholder{
    color:var(--tg-gray-four);
    font-size:14px;
    font-weight:500
}
.range-slider-wrap{
    margin-bottom:30px
}
.range-slider-wrap .content-top{
    align-items:center;
    display:flex;
    gap:20px;
    justify-content:space-between;
    margin-bottom:15px;
    margin-top:20px
}
.range-slider-wrap .content-top p{
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.range-slider-wrap .content-top span{
    align-items:center;
    color:var(--tg-secondary-color);
    display:flex;
    font-size:16px;
    font-weight:600
}
.range-slider-wrap .content-top span strong{
    font-size:16px;
    font-weight:600
}
.range-slider-wrap input{
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    background:#d9d9d9;
    border-radius:10px;
    height:15px;
    outline:none;
    overflow:hidden;
    width:100%
}
.range-slider-wrap .range::-webkit-slider-thumb{
    -webkit-appearance:none;
    background:var(--tg-primary-color);
    border:none;
    border-radius:50%;
    box-shadow:-807px 0 0 800px #69f;
    cursor:pointer;
    height:15px;
    width:15px
}
.estimate-form-wrap .btn.btn-three:after{
    display:none
}
.estimate-shape{
    inset-inline-end:0;
    position:absolute;
    top:0;
    z-index:-1
}
.project-bg{
    background-position:50%;
    background-size:cover;
    overflow:hidden
}
.project-top-content{
    margin-inline-start:40px;
    margin-bottom:50px
}
.project-top-content p{
    color:var(--tg-paragraph-color);
    margin-bottom:0
}
.project-item{
    margin-bottom:30px
}
.project-thumb{
    border-radius:10px;
    overflow:hidden
}
.project-thumb img{
    filter:grayscale(0)
}
.project-item:hover .project-thumb img{
    filter:grayscale(100%)
}
.project-content{
    background:var(--tg-white);
    border-radius:9px;
    box-shadow:0 4px 30px rgba(0,0,0,.1);
    margin:-85px 18px 0;
    overflow:hidden;
    padding:22px 80px 22px 30px;
    position:relative
}
.project-content .tag{
    display:inline-block;
    font-size:15px;
    font-weight:500;
    margin-bottom:5px
}
.project-content .tag:hover{
    color:var(--tg-secondary-color)
}
.project-content .title{
    font-size:22px;
    margin-bottom:0
}
.project-content .link-arrow{
    background:var(--tg-primary-color);
    border-radius:50%;
    bottom:-51px;
    color:var(--tg-white);
    display:block;
    font-size:22px;
    height:113px;
    inset-inline-end:-38px;
    line-height:0;
    opacity:0;
    padding:24px 32px;
    position:absolute;
    transform:translateY(50px);
    visibility:hidden;
    width:113px
}
.project-item:hover .project-content .link-arrow{
    opacity:1;
    transform:translateY(0);
    visibility:visible
}
.project-content .link-arrow:hover{
    background:var(--tg-secondary-color)
}
.swiper-container.project-active{
    margin-inline-end:-422px;
    overflow:hidden
}
.project-bg-two{
    background-position:50%;
    background-size:cover
}
.project-content-top{
    margin-bottom:30px
}
.project-content-top p{
    margin-bottom:0;
    margin-inline-start:auto;
    width:90%
}
.project-item-two{
    margin-bottom:30px;
    position:relative
}
.project-thumb-two img{
    border-radius:10px;
    transition:.3s linear
}
.project-item-two:hover .project-thumb-two img{
    filter:grayscale(100%)
}
.project-content-two{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/80%);
    border-radius:10px;
    bottom:10px;
    display:flex;
    flex-direction:column;
    inset-inline-end:10px;
    inset-inline-start:10px;
    justify-content:center;
    opacity:0;
    padding:30px;
    position:absolute;
    top:10px;
    transform:scale(.8);
    transition:.3s linear;
    visibility:hidden
}
.project-item-two:hover .project-content-two{
    opacity:1;
    transform:scale(1);
    visibility:visible
}
.project-content-two .title{
    color:var(--tg-white);
    font-size:30px;
    font-weight:700;
    margin-bottom:10px
}
.project-content-two .title a:hover{
    color:var(--tg-white)
}
.project-content-two span{
    color:var(--tg-white);
    display:block;
    line-height:1
}
.project-content-two .link-btn{
    align-items:center;
    background:var(--tg-white);
    border-radius:50%;
    bottom:28px;
    color:var(--tg-secondary-color);
    display:flex;
    font-size:18px;
    height:50px;
    inset-inline-end:28px;
    justify-content:center;
    position:absolute;
    width:50px
}
.project-content-two .link-btn:hover{
    background:var(--tg-secondary-color);
    color:var(--tg-white)
}
.project-item-three{
    margin-bottom:30px
}
.project-thumb-three{
    overflow:hidden
}
.project-thumb-three img{
    transform:scale(1);
    transition:.3s linear
}
.project-item-three:hover .project-thumb-three img{
    transform:scale(1.1)
}
.project-area-four{
    background:var(--tg-section-background);
    padding:120px 0 190px
}
.project-item-four{
    margin-bottom:30px
}
.project-thumb-four{
    margin-bottom:20px;
    position:relative
}
.project-thumb-four:before{
    background:var(--tg-primary-color);
    content:"";
    height:100%;
    inset-inline-start:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:.3s linear;
    width:100%
}
.project-thumb-four .project-link{
    font-size:50px;
    inset-inline-start:50%;
    line-height:0;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    visibility:hidden;
    width:50px
}
.project-item-four:hover .project-thumb-four:before{
    opacity:.9
}
.project-item-four:hover .project-thumb-four .project-link{
    opacity:1;
    visibility:visible
}
.project-content-four .title{
    font-size:24px;
    margin-bottom:5px
}
.project-content-four span{
    color:var(--tg-gray-four);
    display:block;
    font-weight:400;
    line-height:1
}
.project-details-wrap .row .col-71{
    flex:0 0 auto;
    width:71%
}
.project-details-wrap .row .col-29{
    flex:0 0 auto;
    width:29%
}
.project-details-thumb{
    margin-bottom:30px
}
.project-details-thumb img{
    border-radius:10px
}
.project-details-info{
    border:1px solid #e0e6f2;
    border-radius:5px;
    margin-bottom:30px;
    padding:25px 35px 28px
}
.project-details-info .title{
    font-size:24px;
    margin-bottom:15px;
    padding-bottom:12px;
    position:relative
}
.project-details-info .title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.project-details-info>.list-wrap>li{
    align-items:center;
    border-bottom:1px solid #dfe3e7;
    color:var(--tg-gray-four);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:16px;
    font-weight:500;
    margin-bottom:15px;
    padding-bottom:15px
}
.project-details-info>.list-wrap>li:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0
}
.project-details-info>.list-wrap>li span{
    color:var(--tg-paragraph-color);
    flex:0 0 auto;
    font-size:18px;
    font-weight:700;
    width:40%
}
.project-details-info>.list-wrap>li.social .list-wrap{
    align-items:center;
    display:flex;
    gap:12px
}
.project-details-info>.list-wrap>li.social .list-wrap li a{
    color:var(--tg-gray-four)
}
.project-details-info>.list-wrap>li.social .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.project-details-content .title{
    font-size:36px;
    font-weight:800;
    margin-bottom:20px
}
.project-details-content>p{
    margin-bottom:15px
}
.project-details-content .title-two{
    font-size:30px;
    margin-bottom:15px
}
.pd-optimized-wrap{
    margin-bottom:60px;
    margin-top:50px
}
.pd-optimized-wrap p{
    margin-bottom:0
}
.pd-inner-wrap .row .col-41{
    flex:0 0 auto;
    width:41.3%
}
.pd-inner-wrap .row .col-59{
    flex:0 0 auto;
    width:58.7%
}
.pd-inner-wrap .content{
    margin-inline-end:20px
}
.pd-inner-wrap .content p{
    margin-bottom:0
}
.pd-inner-wrap .content .info-one{
    margin-bottom:30px
}
.pd-inner-wrap .content .list-wrap{
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    gap:18px 0;
    margin-bottom:25px
}
.pd-inner-wrap .content .list-wrap li{
    align-items:flex-start;
    color:var(--tg-paragraph-color);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    width:50%
}
.pd-inner-wrap .content .list-wrap li img{
    margin-inline-end:10px
}
.pd-inner-wrap .thumb{
    position:relative
}
.pd-inner-wrap .thumb img{
    border-radius:10px
}
.pd-inner-wrap .thumb .play-btn{
    align-items:center;
    background:var(--tg-white);
    border-radius:50%;
    display:flex;
    height:62px;
    inset-inline-start:50%;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:62px
}
.pd-inner-wrap .thumb .play-btn:after{
    animation:pulse-border 1.5s ease-out infinite;
    border:1px solid var(--tg-white);
    border-radius:50%;
    content:"";
    height:100%;
    inset-inline-start:50%;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    width:100%
}
.faq-area{
    padding:0 0 120px;
    position:relative;
    z-index:1
}
.faq-bg-shape{
    background-position:50%;
    background-size:cover;
    height:100%;
    inset-inline-start:0;
    top:0;
    width:40.3%
}
.faq-bg-shape,.faq-shape-wrap img{
    position:absolute;
    z-index:-1
}
.faq-shape-wrap img:first-child{
    bottom:0;
    inset-inline-end:0
}
.faq-shape-wrap img:nth-child(2){
    animation:alltuchtopdown 8s linear infinite;
    bottom:12%;
    inset-inline-start:14%
}
.faq-img-wrap{
    margin-inline-end:45px;
    position:relative;
    text-align:end
}
.faq-img-wrap img:first-child{
    border:8px solid var(--tg-white);
    border-radius:10px;
    box-shadow:0 0 50px rgba(0,0,0,.15)
}
.faq-img-wrap img:nth-child(2){
    border-radius:10px;
    bottom:20%;
    box-shadow:0 0 30px rgba(0,0,0,.1);
    inset-inline-start:0;
    position:absolute
}
.faq-content>p{
    margin-bottom:30px;
    width:85%
}
.faq-content .accordion-wrap{
    width:90%
}
.faq-content .accordion-item:first-of-type .accordion-button{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.faq-content .accordion-item{
    background-color:transparent;
    border:none;
    border-radius:6px;
    margin-bottom:10px;
    overflow:hidden
}
.faq-content .accordion-item:last-child{
    margin-bottom:0
}
.faq-content .accordion-button{
    background-color:var(--tg-gray-two);
    border:1px solid #dfdfdf;
    color:var(--tg-secondary-color);
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:700;
    padding:17px 50px 17px 30px;
    position:relative;
    text-align:start
}
.faq-content .accordion-button.collapsed{
    border:transparent
}
.faq-content .accordion-button:not(.collapsed){
    background-color:transparent;
    box-shadow:none;
    color:var(--tg-primary-color)
}
.faq-content .accordion-button:focus{
    border-color:#dfdfdf;
    box-shadow:none
}
.faq-content .accordion-body{
    border:1px solid #dfdfdf;
    border-top:none;
    padding:20px 30px 30px
}
.faq-content .accordion-body p{
    color:var(--tg-gray-four);
    margin-bottom:0
}
.faq-content .accordion-button:after{
    background-image:none;
    color:var(--tg-primary-color);
    content:"\f102";
    font-family:flaticon;
    font-size:16px;
    height:auto;
    inset-inline-end:25px;
    position:absolute;
    top:18px;
    width:auto
}
.faq-content .accordion-button:not(.collapsed):after{
    background-image:none;
    transform:rotate(-180deg)
}
.request-area.request-bg{
    background-position:50%;
    background-size:cover;
    overflow:hidden;
    padding:80px 0;
    position:relative;
    z-index:1
}
.request-content .title{
    color:var(--tg-white);
    font-size:32px;
    font-weight:800;
    margin-bottom:0
}
.request-content-right{
    align-items:center;
    display:flex;
    gap:20px;
    justify-content:flex-end
}
.request-contact{
    align-items:center;
    background:hsla(0,0%,100%,.1);
    border-radius:30px;
    display:flex;
    padding:5px 22px
}
.request-contact .icon{
    color:var(--tg-white);
    font-size:30px;
    line-height:0;
    margin-inline-end:10px
}
.request-contact .content span{
    color:var(--tg-white);
    display:block;
    font-size:13px;
    line-height:1;
    margin-bottom:2px
}
.request-contact .content a{
    color:var(--tg-white);
    display:inline-block;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1
}
.request-contact .content a:hover{
    color:var(--tg-primary-color)
}
.request-shape{
    animation:animationFramesOne 15s linear infinite;
    inset-inline-start:6%;
    position:absolute;
    top:10%;
    z-index:-1
}
.request-area-two{
    background:var(--tg-secondary-color);
    overflow:hidden;
    padding:120px 0;
    position:relative;
    z-index:1
}
.request-shape-wrap img{
    position:absolute;
    z-index:-1
}
.request-shape-wrap img:first-child{
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-start:13%;
    top:45%
}
.request-shape-wrap img:nth-child(2){
    right:0;
    top:0
}
.request-content-two p{
    color:#d0d0dd;
    margin-bottom:0;
    width:90%
}
.request-form-wrap .form-grp input{
    background:var(--tg-white);
    border:none;
    border-radius:4px;
    color:var(--tg-secondary-color);
    font-size:13px;
    font-weight:500;
    height:50px;
    padding:15px 20px;
    width:100%
}
.request-form-wrap .form-grp input::-moz-placeholder{
    color:var(--tg-paragraph-color);
    font-size:13px;
    font-weight:500
}
.request-form-wrap .form-grp input::placeholder{
    color:var(--tg-paragraph-color);
    font-size:13px;
    font-weight:500
}
.request-form-wrap .row{
    gap:15px 0;
    margin:0 -7px
}
.request-form-wrap .row [class*=col-]{
    padding:0 7px
}
.request-form-wrap button{
    background:var(--tg-primary-color);
    border:none;
    border-radius:4px;
    color:var(--tg-white);
    font-size:16px;
    font-weight:800;
    height:50px;
    padding:10px 20px;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
.request-form-wrap button:hover{
    background:var(--tg-white);
    color:var(--tg-primary-color)
}
.team-bg{
    background-position:50%;
    background-size:cover;
    padding:120px 0 90px
}
.team-item{
    background:var(--tg-white);
    border:1px solid #dfe3ec;
    border-radius:10px;
    margin-bottom:30px;
    transition:.3s linear
}
.team-item:hover{
    border-color:var(--tg-white);
    filter:drop-shadow(0 14px 30px #dde1eb)
}
.team-thumb{
    position:relative
}
.team-thumb img{
    border-radius:8px 8px 180px
}
.team-social .list-wrap{
    background:var(--tg-paragraph-color);
    border-radius:0 0 50px 50px;
    display:flex;
    flex-direction:column-reverse;
    inset-inline-end:17px;
    padding:16px 13px;
    position:absolute;
    top:0;
    transition:.3s linear
}
.team-social .list-wrap li a{
    color:var(--tg-white);
    display:block;
    font-size:16px;
    transform:rotate(-90deg)
}
.team-item:hover .team-social .list-wrap{
    background:var(--tg-primary-color)
}
.team-content{
    padding:20px 25px 25px
}
.team-content .title{
    font-size:22px;
    font-weight:600;
    margin-bottom:3px
}
.team-content span{
    color:var(--tg-gray-four);
    display:block;
    font-size:13px;
    padding-bottom:15px;
    position:relative
}
.team-content span:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.team-area-two{
    overflow:hidden;
    padding:120px 0 90px;
    position:relative
}
.team-shape{
    left:0;
    position:absolute;
    top:30%;
    z-index:-1
}
.section-top-content p{
    color:var(--tg-paragraph-color);
    margin-bottom:0;
    margin-inline-start:auto;
    width:90%
}
.team-item-two{
    margin-bottom:30px;
    position:relative;
    transition:.3s
}
.team-item-two:hover{
    transform:translateY(-5px)
}
.team-thumb-two{
    position:relative
}
.team-thumb-two img{
    border-radius:10px
}
.team-social-two .list-wrap{
    background:#0045ce;
    border-radius:50px;
    bottom:25px;
    display:flex;
    flex-direction:column-reverse;
    inset-inline-start:30px;
    padding:16px 13px;
    position:absolute
}
.team-social-two .list-wrap li a{
    color:var(--tg-white);
    display:block;
    font-size:16px;
    transform:rotate(-90deg);
    transition:.3s
}
.team-social-two .list-wrap li a:hover{
    transform:rotate(0)
}
.team-content-two{
    inset-inline-end:30px;
    inset-inline-start:30px;
    position:absolute;
    top:25px
}
.team-content-two .title{
    color:var(--tg-white);
    font-size:24px;
    margin-bottom:5px
}
.team-content-two .title a:hover{
    color:var(--tg-secondary-color)
}
.team-content-two span{
    color:var(--tg-lavender);
    display:block;
    font-size:14px;
    font-weight:500;
    position:relative
}
.team-content-two span:before{
    background:var(--tg-white);
    border-radius:2px;
    bottom:-10px;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.team-area-three{
    overflow:hidden;
    padding:120px 0 90px;
    position:relative
}
.team-area-three:before{
    background:#ced0ff;
    bottom:0;
    content:"";
    filter:blur(75px);
    height:600px;
    inset-inline-start:50px;
    opacity:.2;
    position:absolute;
    width:600px;
    z-index:-1
}
.team-item-three{
    background:var(--tg-section-background);
    border-radius:10px;
    margin-bottom:30px;
    overflow:hidden
}
.team-thumb-three{
    padding-top:25px;
    position:relative;
    z-index:1
}
.team-thumb-three:before{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:115px;
    bottom:-31px;
    content:"";
    height:450px;
    inset-inline-end:-68px;
    position:absolute;
    transform:rotate(45deg);
    transition:.3s ease-in-out;
    width:230px;
    z-index:-1
}
.team-item-three:hover .team-thumb-three:before{
    background:var(--tg-primary-color)
}
.team-content-three{
    padding:20px 30px 25px
}
.team-content-three .title{
    font-size:24px;
    margin-bottom:8px
}
.team-content-three span{
    color:var(--tg-primary-color);
    display:block
}
.team-social-three{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:30px;
    inset-inline-start:20px;
    position:absolute;
    top:20px
}
.team-social-three .list-wrap{
    align-items:center;
    display:flex;
    display:none;
    flex-direction:column;
    gap:5px;
    padding:0 0 15px;
    text-align:center
}
.team-social-three .social-toggle-icon{
    align-items:center;
    border-radius:50%;
    color:var(--tg-primary-color);
    cursor:pointer;
    display:flex;
    font-size:20px;
    height:50px;
    justify-content:center;
    line-height:0;
    transition:all .3s ease-out 0s;
    width:50px
}
.team-social-three .list-wrap a{
    font-size:18px
}
.team-social-three .list-wrap a:hover{
    color:var(--tg-secondary-color)
}
.team-item-four{
    margin-bottom:30px
}
.team-thumb-four{
    margin-bottom:20px;
    position:relative
}
.team-thumb-four img{
    border-radius:10px
}
.team-content-four .title{
    font-size:24px;
    margin-bottom:5px
}
.team-content-four span{
    color:var(--tg-primary-color);
    display:block;
    font-size:14px;
    font-weight:500
}
.team-item-four .team-social-three{
    bottom:20px;
    display:flex;
    flex-direction:column-reverse;
    inset-inline-end:20px;
    inset-inline-start:auto;
    top:auto
}
.team-item-four .team-social-three .list-wrap{
    padding:15px 0 0
}
.team-item-five{
    border:1px solid #d4dced;
    border-radius:30px;
    margin-bottom:30px;
    padding:40px 40px 50px;
    text-align:center
}
.team-thumb-five{
    margin-bottom:20px
}
.team-thumb-five img{
    border-radius:50%
}
.team-content-five .title{
    font-size:22px;
    margin-bottom:5px
}
.team-content-five span{
    color:var(--tg-gray-four);
    display:block;
    margin-bottom:15px;
    padding-bottom:15px;
    position:relative
}
.team-content-five span:before{
    background:var(--tg-primary-color);
    border-radius:5px;
    bottom:0;
    content:"";
    height:5px;
    inset-inline-start:50%;
    position:absolute;
    transform:translateX(-50%);
    width:30px
}
.team-social-four .list-wrap{
    align-items:center;
    display:flex;
    gap:10px;
    justify-content:center
}
.team-social-four .list-wrap li a{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    display:flex;
    font-size:15px;
    height:45px;
    justify-content:center;
    width:45px
}
.team-social-four .list-wrap li a:hover{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.team-area-six{
    background:var(--tg-section-background);
    margin-top:-100px;
    padding:220px 0 90px
}
.team-details-info-wrap{
    margin-inline-end:30px
}
.team-details-thumb{
    margin-bottom:30px
}
.team-details-thumb img{
    border-radius:10px
}
.team-details-info .list-wrap{
    margin-bottom:30px
}
.team-details-info .list-wrap li{
    align-items:flex-start;
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    margin-bottom:10px
}
.team-details-info .list-wrap li:last-child{
    margin-bottom:0
}
.team-details-info .list-wrap li i{
    align-items:center;
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:50%;
    color:var(--tg-primary-color);
    display:flex;
    font-size:20px;
    height:36px;
    justify-content:center;
    line-height:0;
    margin-inline-end:10px;
    transform:translateY(-4px);
    width:36px
}
.td-info-bottom{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.td-info-bottom .share-btn{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:30px;
    display:block;
    height:52px;
    padding:13px 24px;
    text-transform:uppercase
}
.td-info-bottom .share-btn img{
    margin-inline-end:10px;
    transition:all .3s ease-out 0s
}
.td-info-bottom .share-btn:hover{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.td-info-bottom .share-btn:hover img{
    filter:brightness(0) invert(1)
}
.team-details-content>.title{
    font-size:36px;
    margin-bottom:8px
}
.team-details-content>span{
    color:var(--tg-gray-four);
    display:block;
    line-height:1;
    margin-bottom:25px;
    padding-bottom:20px;
    position:relative
}
.team-details-content>span:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.team-details-content p{
    margin-bottom:0
}
.team-skill-wrap{
    margin-top:45px
}
.team-skill-wrap>.title-two{
    font-size:30px;
    margin-bottom:15px;
    padding-bottom:20px;
    position:relative
}
.team-skill-wrap>.title-two:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.team-skill-wrap p{
    margin-bottom:0
}
.team-skill-wrap .progress-wrap{
    margin:25px 0 40px
}
.testimonial-bg{
    background-position:0;
    background-size:cover;
    padding:120px 0
}
.testimonial-img{
    position:relative;
    text-align:center
}
.testimonial-img>img{
    border:6px solid var(--tg-white);
    border-radius:30px 85px 30px 95px;
    box-shadow:0 20px 50px rgba(0,0,0,.25)
}
.testimonial-img .review-wrap{
    background:var(--tg-white);
    border-radius:20px;
    bottom:17%;
    inset-inline-start:-30px;
    max-width:180px;
    padding:20px 25px;
    position:absolute
}
.testimonial-img .review-wrap img{
    margin-bottom:15px
}
.testimonial-img .review-wrap .content{
    align-items:center;
    display:flex
}
.testimonial-img .review-wrap .content .title{
    color:var(--tg-primary-color);
    font-size:40px;
    font-weight:800;
    line-height:1;
    margin-bottom:0;
    margin-inline-end:10px
}
.testimonial-img .review-wrap .content p{
    color:var(--tg-secondary-color);
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:0
}
.testimonial-content{
    width:82%
}
.testimonial-content .content-top{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
.testimonial-content .content-top .rating{
    align-items:center;
    color:var(--tg-yellow);
    display:flex;
    font-size:20px;
    gap:5px
}
.testimonial-content p{
    color:var(--tg-white);
    font-family:var(--tg-heading-font-family);
    font-size:20px;
    font-style:italic;
    font-weight:500;
    margin-bottom:25px
}
.testimonial-info .title{
    color:var(--tg-white);
    font-size:22px;
    margin-bottom:8px
}
.testimonial-info span{
    color:var(--tg-lavender);
    display:block;
    font-family:var(--tg-heading-font-family);
    line-height:1;
    padding-bottom:16px;
    position:relative
}
.testimonial-info span:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:40px
}
.testimonial-nav{
    align-items:center;
    display:flex;
    gap:8px;
    margin-top:40px
}
.testimonial-nav button{
    align-items:center;
    background:#0f2d6a;
    border:none;
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:22px;
    height:50px;
    justify-content:center;
    line-height:0;
    width:50px
}
.testimonial-nav button.slick-prev{
    transform:rotate(-180deg)
}
.testimonial-nav button:hover{
    background:var(--tg-primary-color)
}
.testimonial-bg-two{
    background-position:50%;
    background-size:cover;
    padding:120px 0
}
.section-title-two.white-title .sub-title{
    background:#1e376a;
    color:var(--tg-white)
}
.testimonial-item-wrap-two{
    padding:0 30px;
    position:relative
}
.testimonial-item-two{
    background:var(--tg-white);
    border-radius:10px;
    padding:40px
}
.testimonial-content-two .rating{
    align-items:center;
    color:var(--tg-yellow);
    display:flex;
    font-size:20px;
    gap:5px;
    margin-bottom:20px
}
.testimonial-content-two>p{
    color:var(--tg-paragraph-color);
    font-family:var(--tg-heading-font-family);
    font-size:20px;
    font-style:italic;
    font-weight:500;
    line-height:1.5;
    margin-bottom:20px
}
.testimonial-avatar{
    align-items:center;
    display:flex;
    flex-wrap:wrap
}
.testimonial-avatar .avatar-thumb{
    flex:0 0 auto;
    margin-inline-end:30px;
    width:65px
}
.testimonial-avatar .avatar-thumb img{
    border-radius:50%
}
.testimonial-avatar .avatar-info{
    position:relative
}
.testimonial-avatar .avatar-info:before{
    background:var(--tg-primary-color);
    border-radius:2px;
    content:"";
    height:36px;
    inset-inline-start:-15px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:4px
}
.testimonial-avatar .avatar-info .title{
    color:var(--tg-paragraph-color);
    font-size:22px;
    margin-bottom:5px
}
.testimonial-avatar .avatar-info span{
    display:block;
    font-family:var(--tg-heading-font-family);
    font-weight:400;
    line-height:1
}
.testimonial-active-two [class*=col-]{
    padding:0 15px
}
.testimonial-nav-two .slick-arrow{
    align-items:center;
    background:#0f2d6a;
    border:none;
    border-radius:50px;
    color:var(--tg-white);
    display:flex;
    font-size:22px;
    height:50px;
    inset-inline-start:-40px;
    justify-content:center;
    line-height:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px
}
.testimonial-nav-two .slick-arrow.slick-next{
    inset-inline-end:-40px;
    inset-inline-start:auto
}
.testimonial-nav-two .slick-arrow.slick-prev i{
    transform:rotate(-180deg)
}
.testimonial-nav-two .slick-arrow:hover{
    background:var(--tg-white);
    color:#0f2d6a
}
.testimonial-area-three .row .col-37{
    flex:0 0 auto;
    width:37%
}
.testimonial-area-three .row .col-63{
    flex:0 0 auto;
    width:63%
}
.testimonial-img-three img{
    clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%);
    width:100%
}
.testimonial-item-wrap-three{
    background:var(--tg-section-background);
    background-position:50%;
    background-size:cover;
    border-radius:10px;
    padding:100px 80px;
    position:relative
}
.testimonial-content-three .rating{
    align-items:center;
    color:var(--tg-yellow);
    display:flex;
    font-size:20px;
    gap:5px;
    margin-bottom:30px
}
.testimonial-content-three p{
    font-family:var(--tg-heading-font-family);
    font-size:20px;
    font-style:italic;
    font-weight:600;
    line-height:1.5;
    margin-bottom:35px
}
.testimonial-content-three .testimonial-info .title,.testimonial-content-three p{
    color:var(--tg-secondary-color)
}
.testimonial-content-three .testimonial-info span{
    color:var(--tg-paragraph-color)
}
.testimonial-nav-three{
    align-items:center;
    bottom:25%;
    display:flex;
    gap:10px;
    inset-inline-start:45%;
    position:absolute
}
.testimonial-nav-three .slick-arrow{
    align-items:center;
    background:var(--tg-secondary-color);
    border:none;
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:22px;
    height:50px;
    justify-content:center;
    line-height:0;
    width:50px
}
.testimonial-nav-three .slick-arrow:hover{
    background:var(--tg-primary-color)
}
.testimonial-nav-three .slick-arrow.slick-prev{
    transform:rotate(-180deg)
}
.testimonial-bg-four{
    background-position:50%;
    background-size:cover;
    overflow:hidden;
    padding:120px 0;
    position:relative;
    z-index:1
}
.testimonial-img-four{
    padding-inline-start:42px;
    position:relative;
    z-index:1
}
.testimonial-img-four:before{
    background:#fff9e4;
    border-radius:50%;
    bottom:1px;
    content:"";
    height:335px;
    inset-inline-start:10.2%;
    position:absolute;
    width:335px;
    z-index:-1
}
.testimonial-img-four .icon{
    align-items:center;
    background:var(--tg-primary-color);
    border-radius:59% 41% 28% 72%/38% 37% 63% 62%;
    display:flex;
    height:80px;
    inset-inline-start:7%;
    justify-content:center;
    position:absolute;
    top:18%;
    width:80px
}
.testimonial-img-four .shape{
    bottom:-20px;
    inset-inline-start:0;
    position:absolute;
    z-index:-2
}
.testimonial-item-wrap-four{
    padding-inline-end:125px;
    position:relative
}
.testimonial-content-four .rating{
    align-items:center;
    color:var(--tg-yellow);
    display:flex;
    gap:5px;
    margin-bottom:35px
}
.testimonial-content-four>p{
    color:var(--tg-white);
    font-family:var(--tg-heading-font-family);
    font-size:22px;
    font-style:italic;
    font-weight:500;
    margin-bottom:30px
}
.testimonial-content-four .testimonial-info span:before{
    display:none
}
.testimonial-content-four .testimonial-info span{
    padding-bottom:0
}
.testimonial-content-four .testimonial-info{
    padding-inline-start:16px;
    position:relative
}
.testimonial-content-four .testimonial-info:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    content:"";
    height:40px;
    inset-inline-start:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:4px
}
.testimonial-nav-four{
    display:flex;
    flex-direction:column;
    gap:15px;
    inset-inline-end:25px;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.testimonial-nav-four .slick-arrow{
    align-items:center;
    background:#0f2d6a;
    border:none;
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:22px;
    height:50px;
    justify-content:center;
    line-height:0;
    width:50px
}
.testimonial-nav-four .slick-arrow:hover{
    background:var(--tg-primary-color)
}
.testimonial-nav-four .slick-arrow.slick-next{
    transform:rotate(180deg)
}
.testimonial-shape-wrap-four img{
    position:absolute;
    z-index:-1
}
.testimonial-shape-wrap-four img:first-child{
    bottom:0;
    inset-inline-start:0
}
.testimonial-shape-wrap-four img:nth-child(2){
    inset-inline-end:0;
    top:0
}
.testimonial-area-five{
    overflow:hidden;
    padding:120px 0;
    position:relative
}
.testimonial-area-five:before{
    background:#fae7ff;
    border-radius:50%;
    bottom:22%;
    content:"";
    filter:blur(200px);
    height:350px;
    inset-inline-end:22%;
    position:absolute;
    width:350px;
    z-index:-1
}
.testimonial-img-five{
    position:relative;
    text-align:center
}
.testimonial-img-five img:not(:first-child){
    position:absolute;
    z-index:-1
}
.testimonial-img-five .shape-one{
    bottom:7px;
    inset-inline-start:3%
}
.testimonial-img-five .shape-two{
    animation:alltuchtopdown 8s linear infinite;
    inset-inline-start:17%;
    top:35%
}
.testimonial-img-five .shape-three{
    animation:rotateme 8s linear infinite;
    bottom:12%;
    inset-inline-start:11%
}
.testimonial-content-five{
    padding-inline-end:112px
}
.testimonial-item-wrap-five{
    position:relative
}
.testimonial-item-wrap-five .testimonial-content p{
    color:var(--tg-paragraph-color)
}
.testimonial-item-wrap-five .testimonial-content{
    width:100%
}
.testimonial-item-wrap-five .testimonial-quote img{
    opacity:.4
}
.testimonial-active-five{
    margin:-15px 0
}
.testimonial-active-five .testimonial-item{
    padding:15px 0
}
.testimonial-nav-five{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:15px;
    inset-inline-end:-120px;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.testimonial-nav-five .slick-arrow{
    align-items:center;
    background:transparent;
    border:1px solid #c2c2c2;
    border-radius:50%;
    color:var(--tg-primary-color);
    display:flex;
    font-size:20px;
    height:50px;
    justify-content:center;
    line-height:0;
    transform:rotate(-90deg);
    width:50px
}
.testimonial-nav-five .slick-arrow.slick-next{
    transform:rotate(90deg)
}
.testimonial-nav-five .slick-arrow:hover{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    color:var(--tg-white)
}
.pricing-area{
    overflow:hidden;
    padding:120px 0 90px;
    position:relative
}
.pricing-area:before{
    background:linear-gradient(154.68deg,#8894ff 11.62%,#ff8585 90.47%);
    border-radius:50%;
    content:"";
    filter:blur(75px);
    height:760px;
    inset-inline-start:50%;
    opacity:.1;
    position:absolute;
    top:-35%;
    transform:translateX(-50%);
    width:760px;
    z-index:-1
}
.pricing-item-wrap .pricing-tab{
    align-items:center;
    display:flex;
    justify-content:center;
    margin-bottom:40px;
    position:relative
}
.pricing-item-wrap .pricing-tab .tab-btn{
    color:var(--tg-paragraph-color);
    cursor:pointer;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    transition:.3s;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.pricing-item-wrap .pricing-tab .tab-btn.monthly_tab_title{
    color:var(--tg-primary-color)
}
.pricing-item-wrap .pricing-tab .tab-btn.monthly_tab_title.active{
    color:var(--tg-paragraph-color)
}
.pricing-item-wrap .pricing-tab .annual_tab_title.active{
    color:var(--tg-primary-color)
}
.pricing-tab .pricing-tab-switcher{
    background:var(--tg-primary-color);
    border-radius:30px;
    cursor:pointer;
    display:inline-block;
    height:30px;
    margin:0 15px;
    position:relative;
    transform:translateY(0);
    width:70px
}
.pricing-tab .pricing-tab-switcher:before{
    background:var(--tg-white);
    border-radius:50%;
    bottom:2px;
    content:"";
    inset-inline-start:2px;
    position:absolute;
    top:2px;
    transition:.3s;
    width:26px
}
.pricing-tab .pricing-tab-switcher.active:before{
    inset-inline-start:calc(100% - 28px)
}
.pricing-price.change-subs-duration .monthly_price{
    display:none
}
.pricing-price.change-subs-duration .annual_price{
    display:flex
}
.pricing-box{
    background:var(--tg-white);
    border:1px solid #e1e1e9;
    border-radius:10px;
    margin-bottom:30px;
    margin-top:16px;
    padding:40px;
    position:relative;
    text-align:center
}
.pricing-box .popular-tag{
    background:var(--tg-red);
    border-radius:30px;
    color:var(--tg-white);
    display:inline-block;
    font-size:15px;
    font-weight:600;
    inset-inline-start:50%;
    line-height:1.2;
    padding:7px 18px;
    position:absolute;
    top:-16px;
    transform:translateX(-50%)
}
.pricing-head .title{
    font-size:24px;
    margin-bottom:10px
}
.pricing-head p{
    color:var(--tg-gray-four);
    margin-bottom:24px
}
.pricing-price{
    margin-bottom:25px
}
.pricing-price .price{
    align-items:flex-end;
    background:#f3f6fe;
    border-radius:30px;
    display:flex;
    font-size:30px;
    justify-content:center;
    line-height:1;
    margin-bottom:0;
    padding:15px 20px
}
.pricing-price .price strong{
    font-family:var(--tg-body-font-family);
    font-size:16px;
    font-weight:500;
    margin:4px 3px auto 0
}
.pricing-price .price span{
    color:#798eb9;
    font-family:var(--tg-body-font-family);
    font-size:13px;
    font-weight:500;
    margin-inline-start:5px;
    margin-bottom:7px;
    text-transform:lowercase
}
.pricing-price .annual_price{
    display:none
}
.pricing-list .list-wrap{
    margin-bottom:25px
}
.pricing-list .list-wrap li{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:flex;
    justify-content:center;
    margin-bottom:15px
}
.pricing-list .list-wrap li:last-child{
    margin-bottom:0
}
.pricing-list .list-wrap li img{
    margin-inline-end:10px
}
.pricing-btn .btn{
    background:rgba(var(--primary-color-rgb)/20%);
    color:var(--tg-primary-color)
}
.pricing-btn .btn:before{
    background:var(--tg-cornflower-blue)
}
.pricing-box.active .pricing-btn .btn{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.pricing-box.active .pricing-btn .btn:before{
    background:rgba(var(--primary-color-rgb)/20%)
}
.pricing-area-two{
    overflow:hidden;
    padding:120px 0 90px;
    position:relative
}
.pricing-shape{
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.pricing-box-two{
    border:1px solid #e1e1e9;
    border-radius:10px;
    margin-bottom:30px;
    position:relative
}
.pricing-box-two .popular{
    background:var(--tg-red);
    border-radius:30px 0 0 30px;
    color:var(--tg-white);
    display:block;
    font-size:15px;
    font-weight:600;
    inset-inline-end:0;
    line-height:1;
    padding:8px 18px;
    position:absolute;
    top:80px;
    z-index:-1
}
.pricing-head-two{
    border-bottom:1px solid #e1e1e9;
    padding:50px 50px 40px
}
.pricing-head-two .title{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px
}
.pricing-price-two .price{
    align-items:flex-end;
    display:flex;
    font-size:40px;
    font-weight:800;
    line-height:1;
    margin-bottom:0
}
.pricing-price-two .price strong{
    font-size:20px;
    font-weight:600;
    margin:4px 3px auto 0
}
.pricing-price-two .price span{
    color:#798eb9;
    font-family:var(--tg-body-font-family);
    font-size:13px;
    font-weight:500;
    margin-inline-start:2px;
    margin-bottom:7px;
    text-transform:lowercase
}
.pricing-price-two .annual_price{
    display:none
}
.pricing-price-two.change-subs-duration .annual_price{
    display:flex
}
.pricing-price-two.change-subs-duration .monthly_price{
    display:none
}
.pricing-bottom{
    padding:30px 50px 50px
}
.pricing-box-two .pricing-list .list-wrap{
    margin-bottom:30px
}
.pricing-box-two .pricing-list .list-wrap li{
    justify-content:start
}
.pricing-btn-two{
    text-align:center
}
.pricing-area-three{
    background:#f8f8fa;
    overflow:hidden;
    padding:120px 0 90px;
    position:relative;
    z-index:1
}
.pricing-box-three{
    background:var(--tg-white);
    border:1px solid #e1e1e9;
    border-radius:20px;
    margin-bottom:30px;
    padding:50px 50px 60px;
    text-align:center
}
.pricing-box-three .pricing-icon{
    color:var(--tg-primary-color);
    font-size:65px;
    line-height:0;
    margin-bottom:20px
}
.pricing-box-three .pricing-plan .title{
    color:var(--tg-gray-four);
    font-size:20px;
    font-weight:500;
    margin-bottom:20px
}
.pricing-box-three .pricing-price-two{
    margin-bottom:30px
}
.pricing-box-three .pricing-price-two .price{
    justify-content:center
}
.pricing-box-three .pricing-list .list-wrap{
    margin-bottom:35px
}
.contact-bg{
    background-position:50%;
    background-size:cover;
    padding:120px 0;
    position:relative;
    z-index:1
}
.contact-content p{
    margin-bottom:0
}
.contact-form{
    margin:0 30px 0 80px
}
.contact-form .form-grp{
    margin-bottom:15px
}
.contact-form .form-grp input,.contact-form .form-grp textarea{
    background:var(--tg-white);
    border:1px solid #d5dae4;
    border-radius:4px;
    color:var(--tg-secondary-color);
    display:block;
    font-size:13px;
    font-weight:500;
    height:50px;
    padding:14px 18px;
    width:100%
}
.contact-form .form-grp input::-moz-placeholder,.contact-form .form-grp textarea::-moz-placeholder{
    color:var(--tg-paragraph-color);
    font-size:13px;
    font-weight:500
}
.contact-form .form-grp input::placeholder,.contact-form .form-grp textarea::placeholder{
    color:var(--tg-paragraph-color);
    font-size:13px;
    font-weight:500
}
.contact-form .form-grp textarea{
    max-height:96px;
    min-height:96px
}
.contact-form form button{
    background:var(--tg-primary-color);
    border:none;
    border-radius:30px;
    color:var(--tg-white);
    font-size:16px;
    font-weight:600;
    padding:14px 20px;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
.contact-form form button:hover{
    background:var(--tg-secondary-color)
}
.contact-shape{
    animation:animationFramesOne 15s linear infinite;
    inset-inline-start:31%;
    position:absolute;
    top:10%;
    z-index:-1
}
.inner-contact-info{
    padding-inline-start:80px
}
.inner-contact-info .title{
    font-size:36px;
    font-weight:800;
    margin-bottom:25px;
    padding-bottom:20px;
    position:relative
}
.inner-contact-info .title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.contact-info-item{
    margin-bottom:50px
}
.contact-info-item:last-child{
    margin-bottom:0
}
.contact-info-item .title-two{
    font-size:24px;
    margin-bottom:20px
}
.contact-info-item .list-wrap li{
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    line-height:1.33;
    margin-bottom:10px
}
.contact-info-item .list-wrap li:last-child{
    margin-bottom:0
}
.contact-map{
    height:500px;
    width:100%
}
.contact-map iframe{
    height:100%;
    mix-blend-mode:luminosity;
    width:100%
}
.blog-post-area{
    padding:120px 0 90px;
    position:relative;
    z-index:1
}
.blog-post-area .blog-bg{
    background-position:50%;
    background-size:cover;
    height:62%;
    inset-inline-start:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.blog-post-item{
    background:var(--tg-white);
    border-radius:10px;
    box-shadow:0 0 20px rgba(0,0,0,.1);
    margin-bottom:30px
}
.blog-post-thumb{
    border-radius:10px 10px 0 0;
    overflow:hidden;
    position:relative
}
.blog-post-thumb img{
    transform:scale(1);
    width:100%
}
.blog-post-item:hover .blog-post-thumb img{
    transform:scale(1.1)
}
.blog-post-thumb .date{
    background:var(--tg-primary-color);
    border-radius:0 0 30px 30px;
    color:var(--tg-white);
    display:block;
    font-size:16px;
    font-weight:500;
    inset-inline-start:30px;
    line-height:1;
    padding:15px 20px;
    position:absolute;
    text-align:center;
    top:0
}
.blog-post-thumb .date strong{
    display:block;
    font-family:var(--tg-heading-font-family);
    font-size:24px;
    font-weight:700;
    line-height:1
}
.blog-post-content{
    border-radius:0 0 10px 10px;
    padding:25px 30px 30px
}
.blog-post-content .tag{
    display:inline-block;
    font-size:14px;
    margin-bottom:8px
}
.blog-post-content .tag:hover{
    color:var(--tg-secondary-color)
}
.blog-post-content .title{
    font-size:24px;
    margin-bottom:10px
}
.blog-post-content p{
    margin-bottom:20px
}
.blog-post-content .link-btn{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:inline-flex;
    letter-spacing:.02em;
    text-transform:uppercase
}
.blog-post-content .link-btn i{
    color:var(--tg-primary-color);
    font-size:22px;
    line-height:0;
    margin-inline-start:10px
}
.blog-post-content .link-btn:hover{
    color:var(--tg-primary-color)
}
.blog-bg-two{
    background-position:50%;
    background-size:cover;
    padding:120px 0 90px
}
.section-title-two p{
    color:var(--tg-paragraph-color);
    margin:15px auto 0;
    width:90%
}
.blog-post-item-two{
    margin-bottom:30px
}
.blog-post-thumb-two{
    border-radius:10px 10px 0 0;
    overflow:hidden;
    position:relative
}
.blog-post-thumb-two img{
    min-height:275px;
    transition:.3s linear;
    width:100%
}
.blog-post-item-two:hover .blog-post-thumb-two img{
    transform:scale(1.1)
}
.blog-post-thumb-two .tag{
    background:var(--tg-primary-color);
    bottom:0;
    color:var(--tg-white);
    display:block;
    font-size:14px;
    font-weight:700;
    inset-inline-start:0;
    padding:9px 16px;
    position:absolute
}
.blog-post-thumb-two .tag:hover{
    background:var(--tg-secondary-color)
}
.blog-post-content-two{
    background:var(--tg-white);
    border:1px solid #e7e7e7;
    border-radius:0 0 10px 10px;
    border-top:none;
    padding:35px 30px
}
.blog-post-content-two .title{
    font-size:24px;
    margin-bottom:10px
}
.blog-post-content-two p{
    margin-bottom:25px
}
.blog-meta .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:15px 10px;
    justify-content:space-between
}
.blog-meta .list-wrap li{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:flex;
    font-size:13px
}
.blog-meta .list-wrap li i{
    color:var(--tg-primary-color);
    font-size:20px;
    margin-inline-end:8px
}
.blog-meta .list-wrap li a{
    color:var(--tg-paragraph-color);
    font-size:16px
}
.blog-meta .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.blog-meta .list-wrap li a img{
    border-radius:50%;
    flex:0 0 auto;
    height:40px;
    margin-inline-end:10px;
    -o-object-fit:cover;
    object-fit:cover;
    width:40px
}
.blog-post-thumb-two .tag-two{
    background:var(--tg-primary-color);
    border-radius:30px;
    bottom:auto;
    color:var(--tg-white);
    display:block;
    font-size:14px;
    font-weight:500;
    inset-inline-start:30px;
    padding:6px 16px;
    position:absolute;
    top:25px
}
.blog-post-thumb-two .tag-two:hover{
    background:var(--tg-secondary-color)
}
.blog-post-thumb-four{
    border-radius:10px 10px 0 0;
    overflow:hidden
}
.blog-post-thumb-four img{
    width:100%
}
.blog-post-content-four{
    border:1px solid #e7e7e7;
    border-radius:0 0 10px 10px;
    border-top:none;
    margin-bottom:30px;
    padding:40px 35px 35px;
    position:relative
}
.blog-post-content-four .tag{
    background:var(--tg-primary-color);
    border-radius:30px;
    color:var(--tg-white);
    display:block;
    font-size:14px;
    font-weight:700;
    inset-inline-start:30px;
    padding:8px 16px;
    position:absolute;
    top:-18px
}
.blog-post-content-four .tag:hover{
    background:var(--tg-secondary-color)
}
.blog-meta-two .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:10px 25px;
    margin-bottom:20px
}
.blog-meta-two .list-wrap li{
    align-items:center;
    display:flex;
    font-size:13px;
    font-weight:600
}
.blog-meta-two .list-wrap li i{
    color:var(--tg-primary-color);
    font-size:20px;
    margin-inline-end:8px
}
.blog-meta-two .list-wrap li a{
    color:var(--tg-paragraph-color);
    margin-inline-start:5px
}
.blog-meta-two .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.blog-post-content-four .title{
    font-size:24px;
    margin-bottom:15px
}
.blog-post-content-four .link-btn{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:inline-flex;
    font-size:15px;
    font-weight:600;
    letter-spacing:.02em;
    text-transform:uppercase
}
.blog-post-content-four .link-btn i{
    color:var(--tg-primary-color);
    font-size:20px;
    line-height:0;
    margin-inline-start:10px
}
.blog-post-content-four .link-btn:hover{
    color:var(--tg-primary-color)
}
.inner-blog-wrap .row .col-71{
    flex:0 0 auto;
    width:71%
}
.inner-blog-wrap .row .col-29{
    flex:0 0 auto;
    width:29%
}
.pagination-wrap .pagination{
    flex-wrap:wrap;
    gap:10px;
    justify-content:center
}
.pagination-wrap .pagination .page-link{
    align-items:center;
    background:transparent;
    border:1px solid #e0e0e0;
    border-radius:50%;
    border-radius:3px;
    color:var(--tg-gray-four);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:20px;
    font-weight:500;
    height:50px;
    justify-content:center;
    line-height:1;
    margin-inline-start:0;
    padding:0;
    width:52px
}
.pagination-wrap .pagination .page-item.active .page-link,.pagination-wrap .pagination .page-link:hover{
    background:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    color:var(--tg-white)
}
.pagination-wrap .pagination .page-link:focus{
    background-color:var(--tg-primary-color);
    border-color:var(--tg-primary-color);
    box-shadow:none;
    color:var(--tg-white);
    outline:0
}
.blog-sidebar{
    margin-inline-start:15px
}
.sidebar-search{
    margin-bottom:30px
}
.sidebar-search form{
    position:relative
}
.sidebar-search form input{
    background:transparent;
    border:1px solid #e0e6f2;
    border-radius:10px;
    color:var(--tg-paragraph-color);
    font-size:14px;
    font-weight:400;
    height:65px;
    padding:20px 55px 20px 28px;
    width:100%
}
.sidebar-search form input::-moz-placeholder{
    color:var(--tg-gray-four);
    font-size:14px;
    font-weight:400
}
.sidebar-search form input::placeholder{
    color:var(--tg-gray-four);
    font-size:14px;
    font-weight:400
}
.sidebar-search form button{
    background:transparent;
    border:none;
    color:var(--tg-primary-color);
    font-size:24px;
    inset-inline-end:24px;
    line-height:0;
    padding:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.blog-widget{
    border:1px solid #e0e6f2;
    border-radius:10px;
    margin-bottom:30px;
    padding:25px 30px 30px
}
.blog-widget:last-child{
    margin-bottom:0
}
.blog-widget .bw-title{
    font-size:22px;
    margin-bottom:25px;
    padding-bottom:12px;
    position:relative
}
.blog-widget .bw-title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.bs-cat-list .list-wrap li{
    border-bottom:1px solid #d9d9d9;
    margin-bottom:15px;
    padding-bottom:12px
}
.bs-cat-list .list-wrap li:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0
}
.bs-cat-list .list-wrap li a{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:flex;
    font-size:16px;
    font-weight:500;
    justify-content:space-between
}
.bs-cat-list .list-wrap li a span{
    color:var(--tg-gray-four);
    font-size:14px;
    transition:all .3s ease-out 0s
}
.bs-cat-list .list-wrap li a:hover,.bs-cat-list .list-wrap li a:hover span{
    color:var(--tg-primary-color)
}
.rc-post-item{
    align-items:center;
    display:flex;
    margin-bottom:25px
}
.rc-post-item:last-child{
    margin-bottom:0
}
.rc-post-item .thumb{
    flex:0 0 auto;
    margin-inline-end:15px;
    width:75px
}
.rc-post-item .thumb img{
    border-radius:8px
}
.rc-post-item .content .date{
    align-items:center;
    color:var(--tg-gray-four);
    display:flex;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px
}
.rc-post-item .content .date i{
    color:var(--tg-primary-color);
    font-size:20px;
    margin-inline-end:8px
}
.rc-post-item .content .title{
    color:var(--tg-paragraph-color);
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.bs-tag-list .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.bs-tag-list .list-wrap li a{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:4px;
    display:block;
    font-size:16px;
    font-weight:500;
    padding:5px 15px
}
.bs-tag-list .list-wrap li a:hover{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.blog-details-wrap .row .col-71{
    flex:0 0 auto;
    width:71%
}
.blog-details-wrap .row .col-29{
    flex:0 0 auto;
    width:29%
}
.blog-details-thumb{
    margin-bottom:30px
}
.blog-details-thumb img{
    border-radius:10px
}
.blog-details-content>.title{
    font-size:36px;
    margin-bottom:20px
}
.blog-meta-three .list-wrap{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:25px
}
.blog-meta-three .list-wrap li{
    align-items:center;
    color:var(--tg-paragraph-color);
    display:flex;
    font-size:16px;
    font-weight:600;
    gap:5px
}
.blog-meta-three .list-wrap li i{
    color:var(--tg-primary-color);
    font-size:20px;
    line-height:0;
    margin-inline-end:5px
}
.blog-meta-three .list-wrap li img{
    border-radius:50%;
    margin-inline-end:5px
}
.blog-meta-three .list-wrap li a{
    color:var(--tg-paragraph-color)
}
.blog-meta-three .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.blog-details-content>p{
    margin-bottom:15px
}
.blog-details-content blockquote{
    background:var(--tg-section-background);
    margin:50px 50px 60px;
    padding:50px 120px 50px 50px;
    position:relative;
    z-index:1
}
.blog-details-content blockquote:before{
    background:var(--tg-primary-color);
    content:"";
    height:100%;
    inset-inline-start:0;
    position:absolute;
    top:0;
    width:6px
}
.blog-details-content blockquote:after{
    color:#e2e5f7;
    content:"\f10e";
    font-family:Font Awesome\ 5 Free;
    font-size:52px;
    font-weight:700;
    inset-inline-end:33px;
    line-height:1;
    position:absolute;
    top:27px;
    z-index:-1
}
.blog-details-content blockquote p{
    font-family:var(--tg-heading-font-family);
    font-size:20px;
    font-style:italic;
    font-weight:500;
    margin-bottom:0
}
.blog-details-content .title-two{
    font-size:30px;
    margin-bottom:20px
}
.bd-inner-wrap{
    margin:35px 0
}
.bd-inner-wrap .row .col-46{
    flex:0 0 auto;
    width:46%
}
.bd-inner-wrap .row .col-54{
    flex:0 0 auto;
    width:54%
}
.bd-inner-wrap .thumb{
    position:relative
}
.bd-inner-wrap .thumb img{
    border-radius:10px;
    width:100%
}
.bd-inner-wrap .thumb .play-btn{
    align-items:center;
    background:var(--tg-white);
    border-radius:50%;
    display:flex;
    height:62px;
    inset-inline-start:50%;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:62px
}
.bd-inner-wrap .thumb .play-btn:after{
    animation:pulse-border 1.5s ease-out infinite;
    border:1px solid var(--tg-white);
    border-radius:50%;
    content:"";
    height:100%;
    inset-inline-start:50%;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    width:100%
}
.bd-inner-wrap .content p{
    margin-bottom:15px
}
.bd-inner-wrap .content .list-wrap li{
    align-items:flex-start;
    color:var(--tg-secondary-color);
    display:flex;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:15px
}
.bd-inner-wrap .content .list-wrap li:last-child{
    margin-bottom:0
}
.bd-inner-wrap .content .list-wrap li img{
    margin-inline-end:10px
}
.bd-content-bottom{
    border-bottom:1px solid #e7e7e7;
    border-top:1px solid #e7e7e7;
    margin-bottom:70px;
    margin-top:40px;
    padding:15px 0
}
.bd-content-bottom .post-tags{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.bd-content-bottom .post-tags .title{
    color:var(--tg-paragraph-color);
    font-size:18px;
    margin-bottom:0
}
.bd-content-bottom .post-tags .list-wrap li{
    display:inline-block;
    margin:0 7px 10px 0
}
.bd-content-bottom .post-tags .list-wrap li a{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:4px;
    display:block;
    padding:9px 22px
}
.bd-content-bottom .post-tags .list-wrap li a:hover{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.bd-content-bottom .blog-post-share{
    align-items:center;
    display:flex;
    gap:10px;
    justify-content:flex-end
}
.bd-content-bottom .blog-post-share .title{
    color:var(--tg-paragraph-color);
    font-size:18px;
    margin-bottom:0
}
.bd-content-bottom .blog-post-share .list-wrap{
    align-items:center;
    display:flex;
    gap:12px
}
.bd-content-bottom .blog-post-share .list-wrap li a{
    color:var(--tg-gray-four)
}
.bd-content-bottom .blog-post-share .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.blog-avatar-wrap{
    align-items:flex-start;
    background:var(--tg-section-background);
    border:1px solid #e6eeff;
    border-radius:6px;
    display:flex;
    padding:42px
}
.blog-avatar-img{
    flex:0 0 auto;
    margin-inline-end:30px;
    width:115px
}
.blog-avatar-img img{
    border-radius:50%
}
.blog-avatar-info .designation{
    color:var(--tg-primary-color);
    display:block;
    font-size:15px;
    font-weight:500;
    line-height:1;
    margin-bottom:10px
}
.blog-avatar-info .name{
    font-size:20px;
    margin-bottom:10px
}
.blog-avatar-info p{
    margin-bottom:0
}
.latest-comments{
    margin-bottom:80px
}
.comments-wrap-title{
    font-size:24px;
    margin-bottom:25px
}
.comments-box{
    align-items:flex-start;
    border-bottom:1px solid #d6dce9;
    display:flex;
    margin-bottom:35px;
    padding-bottom:30px
}
.latest-comments .children{
    margin:0 0 0 45px;
    padding:0
}
.comments-avatar{
    flex:0 0 auto;
    margin-inline-end:25px;
    width:115px
}
.comments-avatar img{
    border-radius:50%
}
.comments-text .avatar-name{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:10px
}
.comments-text .avatar-name .name{
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.comments-text .avatar-name span{
    color:var(--tg-primary-color);
    display:block;
    font-size:15px;
    font-weight:500
}
.comments-text p{
    margin-bottom:15px
}
.comments-text .reply-btn{
    background:rgba(var(--primary-color-rgb)/20%);
    border-radius:5px;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    padding:6px 17px;
    text-transform:uppercase
}
.comments-text .reply-btn:hover{
    background:var(--tg-primary-color);
    color:var(--tg-white)
}
.comment-respond{
    background:var(--tg-section-background);
    border:1px solid #b3ccff;
    border-radius:8px;
    padding:35px 40px 50px
}
.comment-reply-title{
    font-size:24px;
    margin-bottom:10px
}
.comment-form .comment-notes,.comment-form .form-grp{
    margin-bottom:15px
}
.comment-form .form-grp input,.comment-form .form-grp textarea{
    background:var(--tg-white);
    border:1px solid var(--tg-lavender);
    border-radius:5px;
    color:var(--tg-paragraph-color);
    display:block;
    font-size:15px;
    font-weight:400;
    height:50px;
    padding:12px 15px;
    width:100%
}
.comment-form .form-grp input::-moz-placeholder,.comment-form .form-grp textarea::-moz-placeholder{
    color:var(--tg-gray-four);
    font-size:15px;
    font-weight:400
}
.comment-form .form-grp input::placeholder,.comment-form .form-grp textarea::placeholder{
    color:var(--tg-gray-four);
    font-size:15px;
    font-weight:400
}
.comment-form .form-grp textarea{
    max-height:130px;
    min-height:130px
}
.comment-form .checkbox-grp{
    align-items:center;
    display:flex;
    margin:25px 0
}
.comment-form .checkbox-grp input{
    cursor:pointer;
    height:22px;
    margin-inline-end:9px;
    width:22px
}
.comment-form .checkbox-grp label{
    color:var(--tg-paragraph-color);
    font-size:14px;
    font-weight:400;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.comment-form .submit-btn{
    border-radius:30px;
    letter-spacing:.02em;
    padding:13px 25px;
    text-transform:uppercase;
    width:auto
}
.comment-form .row{
    margin:0 -10px
}
.comment-form .row [class*=col-]{
    padding:0 10px
}
.brand-active [class*=col-]{
    padding:0 15px
}
.brand-item{
    align-items:center;
    display:flex;
    justify-content:center;
    min-height:0px;
    height: 0px;
}
.brand-item img{
    cursor:pointer;
    filter:grayscale(100%);
    opacity:.5
}
.brand-item:hover img{
    filter:grayscale(0);
    opacity:1
}
.brand-item-wrap{
    border-bottom:1px solid #dee4f0;
    padding-bottom:40px
}
.brand-item-wrap .title{
    color:var(--tg-paragraph-color);
    font-family:var(--tg-body-font-family);
    font-size:13px;
    font-weight:600;
    margin-bottom:25px
}
.brand-area-seven,.brand-item-wrap-two{
    border-top:1px solid #dee4f0;
    padding:70px 0
}
.error-area{
    padding:210px 0
}
.error-content{
    text-align:center
}
.error-content .error-404{
    font-size:400px;
    font-weight:800;
    line-height:.74;
    margin-bottom:50px
}
.error-content .error-404 span{
    color:var(--tg-primary-color)
}
.error-content .title{
    font-size:36px;
    font-weight:600;
    margin-bottom:20px
}
.error-content p{
    color:var(--tg-gray-four);
    font-weight:400;
    margin-bottom:35px
}
.footer-bg{
    background-position:50%;
    background-size:cover
}
.footer-top{
    padding:100px 0 40px
}
.footer-widget{
    margin-bottom:40px
}
.footer-widget .fw-title{
    color:var(--tg-white);
    font-size:24px;
    margin-bottom:16px;
    padding-bottom:18px;
    position:relative
}
.footer-widget .fw-title:before{
    background:var(--tg-primary-color);
    border-radius:4px;
    bottom:0;
    content:"";
    height:4px;
    inset-inline-start:0;
    position:absolute;
    width:30px
}
.footer-info .list-wrap li{
    align-items:flex-start;
    display:flex;
    margin-bottom:25px
}
.footer-info .list-wrap li:last-child{
    margin-bottom:0
}
.footer-info .list-wrap li .icon{
    color:var(--tg-lavender);
    font-size:22px;
    line-height:0;
    margin-top:3px;
    margin-inline-end:12px
}
.footer-info .list-wrap li .content a,.footer-info .list-wrap li .content p{
    color:var(--tg-gray-three);
    margin-bottom:0
}
.footer-info .list-wrap li .content p span{
    color:var(--tg-white);
    font-weight:700
}
.footer-info .list-wrap li .content a:hover{
    color:var(--tg-white)
}
.footer-link .list-wrap li{
    margin-bottom:10px
}
.footer-link .list-wrap li:last-child{
    margin-bottom:0
}
.footer-link .list-wrap li a{
    color:var(--tg-gray-three);
    position:relative
}
.footer-link .list-wrap li a:hover{
    color:var(--tg-white)
}
.footer-link .list-wrap li a:before{
    background:var(--tg-white);
    bottom:-1px;
    content:"";
    height:1px;
    inset-inline-start:0;
    position:absolute;
    transform:scaleX(0);
    transform-origin:right top;
    transition:transform .4s cubic-bezier(.74,.72,.27,.24);
    width:100%
}
.footer-link .list-wrap li a:hover:before{
    transform:scale(1);
    transform-origin:left top
}
.footer-top .row [class*=col-]:nth-child(3) .footer-widget{
    margin-inline-start:40px
}
.footer-newsletter p{
    color:var(--tg-gray-three);
    margin-bottom:20px;
    width:90%
}
.footer-newsletter form{
    margin-bottom:15px;
    position:relative
}
.footer-newsletter form input{
    background:#1e2e4e;
    border:none;
    border-radius:30px;
    color:var(--tg-white);
    font-size:14px;
    font-weight:500;
    height:46px;
    padding:12px 125px 12px 22px;
    width:100%
}
.footer-newsletter form input::-moz-placeholder{
    color:var(--tg-white);
    font-size:14px;
    font-weight:500
}
.footer-newsletter form input::placeholder{
    color:var(--tg-white);
    font-size:14px;
    font-weight:500
}
.footer-newsletter form button{
    background:var(--tg-primary-color);
    border:none;
    border-radius:30px;
    color:var(--tg-white);
    font-size:14px;
    font-weight:700;
    height:46px;
    inset-inline-end:0;
    padding:12px 23px;
    position:absolute;
    top:0
}
.footer-newsletter form button:hover{
    background:var(--tg-secondary-color)
}
.footer-newsletter span{
    color:var(--tg-gray-three);
    display:block;
    font-size:15px
}
.footer-bottom{
    border-top:1px solid #253352;
    padding:48px 0
}
.footer-bottom .f-logo{
    margin-bottom:10px
}
.copyright-text p{
    color:#7c8db1;
    font-size:14px;
    margin-bottom:0
}
.footer-social .list-wrap{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:flex-end
}
.footer-social .list-wrap li a{
    align-items:center;
    background:#1a2948;
    border-radius:50%;
    color:var(--tg-white);
    display:flex;
    font-size:20px;
    height:45px;
    justify-content:center;
    width:45px
}
.footer-social .list-wrap li a:hover{
    background:var(--tg-primary-color)
}
.footer-bg-two{
    background-position:50%;
    background-size:cover
}
.footer-top-two{
    padding:100px 0 40px
}
.footer-top-two .fw-logo{
    margin-bottom:30px
}
.footer-content>p{
    margin-bottom:20px;
    width:90%
}
.footer-top-two .footer-info .list-wrap li .icon{
    color:var(--tg-primary-color)
}
.footer-top-two .footer-info .list-wrap li .content a,.footer-top-two .footer-info .list-wrap li .content p{
    color:var(--tg-paragraph-color)
}
.footer-top-two .footer-info .list-wrap li .content a:hover,.footer-top-two .footer-info .list-wrap li .content p span{
    color:var(--tg-primary-color)
}
.footer-top-two .footer-widget .fw-title{
    color:var(--tg-secondary-color)
}
.footer-top-two .footer-link .list-wrap li a{
    color:var(--tg-paragraph-color)
}
.footer-top-two .footer-link .list-wrap li a:hover{
    color:var(--tg-primary-color)
}
.footer-top-two .footer-link .list-wrap li a:before{
    background:var(--tg-primary-color)
}
.footer-top-two .footer-newsletter p{
    color:var(--tg-paragraph-color)
}
.footer-top-two .footer-newsletter form input{
    background:#eef1f5;
    color:var(--tg-paragraph-color)
}
.footer-top-two .footer-newsletter form input::-moz-placeholder{
    color:var(--tg-paragraph-color)
}
.footer-top-two .footer-newsletter form input::placeholder{
    color:var(--tg-paragraph-color)
}
.footer-top-two .footer-newsletter form{
    margin-bottom:20px
}
.footer-social.footer-social-two .list-wrap{
    justify-content:flex-start
}
.footer-social.footer-social-two .list-wrap li a{
    background:#f1f1f1;
    color:var(--tg-paragraph-color)
}
.footer-social.footer-social-two .list-wrap li a:hover{
    background:var(--tg-paragraph-color);
    color:var(--tg-white)
}
.footer-bottom-two{
    border-top:1px solid #e7e9ee;
    padding:27px 0
}
.copyright-text-two p{
    font-size:14px;
    margin-bottom:0
}
.footer-area-three{
    background:#051433
}
.footer-top-three{
    padding:100px 0 55px
}
.footer-top-three .fw-logo{
    margin-bottom:30px
}
.footer-top-three .footer-content>p{
    color:#96a1b8
}
.footer-social.footer-social-three .list-wrap{
    justify-content:flex-start
}
.footer-bottom-three{
    border-top:1px solid #1a264f;
    padding:27px 0
}
#preloader{
    background-color:var(--tg-white);
    height:100%;
    margin-top:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:999
}
#loading-center{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    position:relative;
    width:100%
}
.loader{
    border-radius:50%;
    display:inline-block;
    height:60px;
    margin:75px;
    position:relative;
    vertical-align:middle;
    width:60px
}
.loader .loader-outter{
    animation:loader-outter 1s cubic-bezier(.42,.61,.58,.41) infinite;
    border:4px solid var(--tg-primary-color);
    border-bottom:0;
    border-left:4px solid transparent;
    border-radius:50%;
    height:100%;
    position:absolute;
    width:100%
}
.loader .loader-inner{
    animation:loader-inner 1s cubic-bezier(.42,.61,.58,.41) infinite;
    border-bottom:4px solid var(--tg-primary-color);
    border-left:4px solid var(--tg-primary-color);
    border-radius:50%;
    border-right:0;
    border-top:4px solid transparent;
    height:40px;
    inset-inline-start:calc(50% - 20px);
    position:absolute;
    top:calc(50% - 20px);
    width:40px
}
@keyframes loader-outter{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
@keyframes loader-inner{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(-1turn)
    }
}
.show-admin-bar .mobile-menu,.show-admin-bar .sticky-menu{
    margin-top:40px
}
.request-form-wrap .form-grp textarea::-moz-placeholder{
    font-size:13px;
    font-weight:500
}
.request-form-wrap .form-grp textarea,.request-form-wrap .form-grp textarea::placeholder{
    font-size:13px;
    font-weight:500
}
.request-form-wrap .contact-form .contact-form-group{
    margin-bottom:unset
}
.overview-area .overview-content{
    width:100%
}
.action-header-style-1 ul{
    margin:0
}
.action-header-style-1:not(:last-child){
    align-self:stretch
}
.action-header-style-1:not(:last-child) ul{
    border-right:1px solid #d9d9d9;
    height:100%
}
.header-top-right{
    gap:20px
}
#sticky-header .custom-header{
    align-items:center;
    display:flex!important;
    flex-direction:row-reverse;
    justify-content:space-between
}
@media (max-width:991.8px){
    #sticky-header .custom-header{
        padding-bottom:6px;
        padding-top:6px
    }
}
.menu-nav{
    width:100%
}
.btn-404 i{
    margin-inline-start:20px
}
.btn-404:after{
    display:none!important
}
.rc-post-item{
    height:75px
}
.rc-post-item .thumb{
    align-self:stretch
}
.rc-post-item img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.blog-post-content-two h2.title,.blog-post-content-two p,.rc-post-item h2.title a{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    display:-webkit-box;
    overflow:hidden
}
.blog-meta .list-wrap li span{
    color:var(--tg-paragraph-color);
    font-size:16px
}
.blog-meta .list-wrap li span img{
    border-radius:50%;
    flex:0 0 auto;
    height:40px;
    margin-inline-end:10px;
    -o-object-fit:cover;
    object-fit:cover;
    width:40px
}
.blog-details-wrap .blog-meta-three img{
    width:40px
}
.blog-details-wrap .section .container{
    padding-inline-end:0;
    padding-inline-start:0
}
.blog-details-content .thumb img,.blog-details-thumb img{
    aspect-ratio:16/10;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.blog-details-content .bd-inner-wrap ul.list-wrap li{
    align-items:center;
    gap:10px
}
.blog-details-content .bd-inner-wrap ul.list-wrap li i{
    color:var(--tg-primary-color)
}
.blog-details-content .blog-post-share .list-wrap li a{
    color:var(--tg-paragraph-color)
}
.services-thumb img{
    aspect-ratio:16/9;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.features-icon-three img,.services-content-two .icon img{
    width:40px
}
.features-content-three i{
    margin-inline-start:20px
}
.truncate-2-custom{
    -webkit-line-clamp:2
}
.truncate-2-custom,.truncate-3-custom{
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
.truncate-3-custom{
    -webkit-line-clamp:3
}
.services-thumb-three img{
    aspect-ratio:16/10;
    -o-object-fit:cover;
    object-fit:cover
}
.features-content-three svg,.transparent-btn-two svg{
    margin-inline-start:10px
}
.btn.btn-three:after,.features-content-three:after,.transparent-btn-two:after{
    display:none
}
.btn.btn-three svg{
    margin-inline-start:10px
}
.services-item-three .services-icon img{
    transition:.3s linear
}
.services-item-three:hover .services-icon img{
    transform:rotateY(180deg)
}
.services-details-thumb img{
    aspect-ratio:429/241;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.menu-area .mobile-nav-toggler{
    margin-bottom:unset!important;
    margin-top:unset!important
}
.list-wrap li{
    align-items:center!important;
    gap:6px
}
.services-thumb-two img{
    aspect-ratio:269/333;
    -o-object-fit:cover;
    object-fit:cover
}
.services-content-three{
    padding-bottom:65px
}
.services-list-style-1 img{
    aspect-ratio:317/237
}
.footer-style{
    background:var(background-color)
}
.footer-style .footer-widget .fw-title{
    color:var(--footer-text-color)
}
.footer-style .footer-widget .fw-title:before{
    background:var(--footer-border-color)
}
.footer-style .footer-widget .footer-content .footer-info,.footer-style .footer-widget .footer-content .footer-info p,.footer-style .footer-widget .footer-content .footer-info ul li .content a,.footer-style .footer-widget .footer-content .footer-info ul li .content p,.footer-style .footer-widget .footer-content p,.footer-style .footer-widget .footer-link ul li a{
    color:var(--footer-text-muted-color)
}
.footer-style .footer-top-two .footer-newsletter p{
    color:var(--footer-text-color)
}
.footer-style .footer-bottom-two p{
    color:var(--footer-text-muted-color)
}
.header-style-four .header-top-wrap .header-top-btn a{
    padding:17px 24px
}
.item-shape img{
    aspect-ratio:auto!important;
    width:75px
}
.team-details-info{
    position:relative
}
.team-details-info .list-wrap a{
    color:inherit!important
}
.team-details-info .list-wrap i{
    transform:translateY(0)!important
}
.team-details-info .team-social-three{
    inset-inline-end:0;
    inset-inline-start:auto;
    top:0
}
.team-details-info .team-social-three .social-toggle-icon{
    font-size:18px;
    height:36px;
    width:36px
}
.team-details-info .team-social-three .list-wrap{
    margin-bottom:0;
    padding-bottom:0
}
.team-details-info .team-social-three .list-wrap li{
    justify-content:center;
    margin-bottom:5px
}
.team-details-info .team-social-three .list-wrap li i{
    background:unset!important;
    font-size:18px;
    margin-inline-end:0
}
.team-details-thumb img{
    aspect-ratio:46/59;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.header-top-btn a{
    justify-content:center
}
.header-style-two .header-action ul>li>a{
    padding:25px
}
@media (max-width:1800px){
    .faq-shape-wrap img:nth-child(2){
        left:9%
    }
}
@media (max-width:1199.98px){
    .about-img-two{
        padding-left:75px
    }
    .about-img-two .sub-image{
        border:5px solid #fff!important;
        left:0;
        max-width:215px
    }
}
@media (max-width:991.8px){
    .header-top-wrap{
        display:none
    }
    .header-style-two .menu-area{
        box-shadow:none
    }
    .mobile-nav-toggler{
        display:block!important
    }
    .custom-container{
        padding-bottom:18px;
        padding-top:18px
    }
    .about-shape-wrap img:first-child{
        left:25%;
        right:auto
    }
}
@media (min-width:992px){
    .header-style-three .custom-header{
        justify-content:center!important
    }
}
@media (max-width:1199.8px) and (min-width:992px){
    .header-style-three .container{
        max-width:100%
    }
    .header-style-three .container .header-action>ul{
        margin-inline-start:12px
    }
}
.about-img-two .main-image{
    aspect-ratio:463/570;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.about-img-two .sub-image{
    aspect-ratio:267/287;
    -o-object-fit:cover;
    object-fit:cover;
    width:267px
}
.faq-img-wrap img:first-child{
    aspect-ratio:416/489;
    -o-object-fit:cover;
    object-fit:cover;
    width:80%
}
.services-area .services-thumb img{
    aspect-ratio:317/238
}
.language-switcher a.dropdown-toggle{
    line-height:1
}
.language-switcher a.dropdown-toggle img{
    width:20px
}
.language-switcher .language-switcher-list li a.language-item{
    align-items:center;
    color:var(--tg-secondary-color);
    display:flex;
    font-size:16px;
    font-weight:500;
    gap:5px;
    line-height:1.4;
    padding:9px 15px 9px 25px;
    text-transform:capitalize;
    transition:all .3s ease-in-out
}
.language-switcher .language-switcher-list li a.language-item:hover{
    color:var(--tg-primary-color)
}
.language-switcher .language-switcher-list.show{
    inset:20px auto auto -10px!important
}
@media only screen and (max-width:991px){
    .menu-nav .language-switcher{
        display:none!important
    }
}
.mobile-menu .menu-title{
    font-size:20px;
    font-weight:700;
    margin-inline-start:10px
}
.mobile-menu .menu-title span{
    border-bottom:3px solid var(--tg-primary-color);
    padding-bottom:4px
}
.language-switcher-sidebar ul{
    list-style-type:none
}
.language-switcher-sidebar ul li a{
    border:none;
    color:var(--tg-heading-font-color);
    display:block;
    font-size:16px;
    font-weight:700;
    line-height:24px;
    margin-bottom:5px;
    position:relative;
    text-transform:capitalize;
    transition:all .5s ease
}
.language-switcher-sidebar ul li a:hover{
    color:var(--tg-primary-color)
}
.team-area-two .team-item-two .team-social-two .list-wrap{
    background:rgba(var(--secondary-color-rgb)/40%);
    padding-left:0;
    padding-right:0
}
.team-area-two .team-item-two .team-social-two .list-wrap li{
    padding:2px 13px;
    text-align:center
}
.team-area-two .team-item-two .team-social-two .list-wrap li:hover{
    cursor:pointer
}
.team-area-two .team-item-two .team-social-two .list-wrap li:hover a{
    color:var(--primary-color)!important
}
.team-area .team-social .list-wrap li a,.team-area-two .team-item-two .team-social-two .list-wrap li a{
    transform:unset
}
.no-fixed header{
    position:unset
}
.navbar-wrap ul.sub-menu li.menu-item-has-children:hover>a:after{
    color:var(--tg-primary-color)
}
.navbar-wrap ul.sub-menu li.menu-item-has-children>a:after{
    color:var(--tg-paragraph-color);
    content:"\f105";
    font-family:Font Awesome\ 5 Free;
    font-weight:700;
    inset-inline-end:1.5rem;
    margin-inline-start:8px;
    position:absolute;
    transition:all .3s ease-out 0s
}
.project-content-two>span{
    line-height:1.5rem
}
.section-title-two .sub-title,.testimonial-nav button,.testimonial-nav-two .slick-arrow{
    background:rgba(var(--primary-color-rgb)/20%)!important;
    color:var(--tg-primary-color)!important
}
.project-link i{
    color:#fff
}
.menu-wrap{
    width:100%
}
.circle-content .percentage{
    text-wrap:nowrap
}
.svg-color{
    color:var(--tg-primary-color)
}
.button-loading{
    border:1px solid #c4cdd5;
    color:transparent!important;
    cursor:default;
    position:relative;
    text-shadow:none;
    transition:border-color .2s ease-out
}
@keyframes button-loading-spinner{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.button-loading:before{
    animation:button-loading-spinner 1s linear infinite;
    border:3px solid;
    border-color:#fff #fff transparent;
    border-radius:50%;
    content:"";
    height:18px;
    left:50%;
    margin-left:-9px;
    margin-top:-9px;
    position:absolute;
    top:50%;
    width:18px
}
.button-loading,.button-loading:active,.button-loading:focus,.button-loading:hover{
    color:transparent
}
.gallery-wrap{
    display:flex;
    flex-wrap:wrap
}
.side-instagram.list-wrap a{
    height:100%
}
.side-instagram.list-wrap img{
    aspect-ratio:1/1;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
#list-photo,#list-photo div{
    height:200px
}
#list-photo div img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.header-style-four .header-action ul li a,.header-style-three .header-action ul li a,.header-style-two .header-action ul li a{
    color:var(--tg-paragraph-color)
}
.choose-area-two{
    background:var(--tg-secondary-color)
}
.pricing-list .text-line-through{
    text-decoration:line-through
}
.team-area-four .team-social-three{
    border-radius:30px
}
.team-area-four .team-social-three .bg-social{
    background:#fff;
    border-radius:30px;
    height:100%;
    position:absolute;
    width:100%
}
.team-area-four .team-social-three .fg-social{
    background:rgba(var(--primary-color-rgb)/20%)
}
.team-area-four .team-social-three .list-wrap,.team-area-four .team-social-three .social-toggle-icon{
    z-index:2
}
.team-area-four .team-social-three .list-wrap{
    border-top-left-radius:30px;
    border-top-right-radius:30px
}
.main>.ck-content div>section,.main>.ck-content>section{
    overflow-x:hidden
}
.request-form-wrap .button-loading{
    background-color:var(--tg-primary-color)!important
}
.header-top-sidebar-style-2 .header-action ul{
    margin-inline-start:25px
}
.header-top-sidebar-style-2 .header-action ul .offcanvas-menu a{
    padding:unset
}
.estimate-form-wrap .form-select{
    border:1px solid #d0d6e1;
    border-radius:5px;
    height:50px;
    padding:0 20px;
    width:100%
}
.estimate-form-wrap .form-select,.estimate-form-wrap textarea{
    color:var(--tg-secondary-color);
    font-size:14px;
    font-weight:500
}
.estimate-form-wrap textarea::-moz-placeholder{
    font-size:14px
}
.estimate-form-wrap textarea::placeholder{
    font-size:14px
}
.header-top-style-2 .header-contact,.header-top-wrap .header-contact{
    padding:12px 0
}
.about-author-info .thumb img{
    border-radius:50%
}
.header-top-wrap .header-top-btn{
    margin-inline-start:auto;
    width:70%
}
@media (max-width:1200px){
    .header-top-wrap .header-top-btn{
        width:90%
    }
}
.btn-brand-1-big.button-loading.btn:before{
    transition:unset;
    width:18px
}
.header-style-three .header-contact-two{
    padding:20px 0
}
.header-top-left .list-wrap{
    padding:15px 0
}
.gallery-wrap .gallery-item .gallery-detail{
    bottom:-60px
}
.breadcrumb-bg.breadcrumb-bg-transparent:before{
    background:transparent
}
.banner-content-two .banner-btn{
    margin-bottom:80px
}
.section .gallery-wrap .gallery-item .gallery-detail{
    bottom:-60px
}
@media (max-width:768px){
    .testimonial-content p{
        min-height:150px
    }
}
.career-list .career-item{
    border:1px solid rgba(var(--primary-color-rgb),.4);
    border-radius:4px;
    display:flex;
    gap:20px;
    min-height:200px;
    padding:20px
}
.career-list .career-item:hover{
    border:1px solid var(--tg-primary-color);
    box-shadow:0 0 30px 0 rgba(14,41,50,.08);
    transform:translateY(-2px);
    transition:all .25s cubic-bezier(.02,.01,.47,1)
}
.career-list .career-item .thumb{
    flex-shrink:0
}
.career-list .career-item .thumb .wrapper-image{
    height:0;
    overflow:hidden;
    padding-top:100%;
    position:relative;
    width:120px
}
.career-list .career-item .thumb .wrapper-image img{
    height:auto;
    inset:0;
    margin:0 auto;
    position:absolute;
    width:100%
}
.career-list .career-item .content .title{
    color:var(--tg-heading-font-color);
    font-size:24px;
    font-weight:700;
    line-height:var(--tg-heading-line-height);
    min-height:60px
}
.career-list .career-item .content .title a{
    color:var(--tg-heading-font-color)
}
.career-list .career-item .content .title a:hover{
    color:var(--tg-primary-color)
}
.career-list .career-item .content .description{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    display:-webkit-box;
    margin-top:10px;
    overflow:hidden
}
.career-list .career-item .content .action{
    margin-top:15px
}
@media screen and (max-width:500px){
    .career-list .career-item{
        flex-wrap:wrap;
        justify-content:center
    }
    .career-list .career-item .action,.career-list .career-item .content,.career-list .career-item .title{
        text-align:center
    }
    .career-details .content .heading .meta span.meta-item{
        width:100%
    }
}
.career-details .background-image{
    background-image:var(--background-image);
    background-position-y:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:16px;
    box-shadow:0 0 30px 0 rgba(14,41,50,.08);
    height:300px
}
.career-details .content{
    background-color:#fff;
    border:1px solid rgba(var(--primary-color-rgb),.2);
    border-radius:16px;
    margin-top:-100px;
    min-height:500px;
    padding:50px
}
.career-details .content .heading{
    border-bottom:1px solid rgba(var(--primary-color-rgb),.2);
    padding-bottom:25px
}
.career-details .content .heading .btn-apply{
    margin-inline-end:20px
}
.career-details .content .heading .title{
    color:var(--tg-heading-font-color);
    font-size:32px;
    font-weight:700;
    line-height:var(--tg-heading-line-height)
}
.career-details .content .heading .meta{
    display:flex;
    flex-wrap:wrap;
    margin-top:20px
}
.career-details .content .heading .meta span.meta-item{
    align-items:center;
    display:flex;
    font-size:14px;
    gap:5px
}
.career-details .content .heading .meta span.meta-item svg{
    flex-shrink:0
}
.career-details .content .heading .meta span.meta-item:not(:last-child){
    margin-inline-end:20px
}
.career-details .content .body-content{
    margin-top:25px
}
.career-details .content .body-content .content-inner{
    padding-bottom:10px
}
.career-details .content .body-content .action{
    border-top:1px solid rgba(var(--primary-color-rgb),.2);
    padding-top:25px
}
.transparent-header{
    top:var(--height-announcement)!important
}
.transparent-header.sticky-menu{
    top:0!important
}
.ae-anno-announcement-wrapper .ae-anno-announcement__items .ae-anno-announcement .ae-anno-announcement__content .ae-anno-announcement__text{
    font-size:var(--font-size)!important
}
.body-header-style-1 .ae-anno-announcement-wrapper .ae-anno-announcement__items{
    max-width:1280px!important
}
@media screen and (max-width:600px){
    .ae-anno-announcement-wrapper .ae-anno-announcement__dismiss-button{
        top:3px!important
    }
}
.contact-form input.contact-form-input,.contact-form input.form-control{
    background:var(--tg-white);
    border:1px solid #d5dae4;
    border-radius:4px;
    color:var(--tg-secondary-color);
    display:block;
    font-size:13px;
    font-weight:500;
    height:50px;
    padding:14px 18px;
    width:100%
}
.contact-form input.contact-form-input::-moz-placeholder,.contact-form input.form-control::-moz-placeholder{
    font-size:13px
}
.contact-form input.contact-form-input::placeholder,.contact-form input.form-control::placeholder{
    font-size:13px
}
.contact-form input.contact-form-input[type=checkbox],.contact-form input.form-control[type=checkbox]{
    height:1em;
    padding:0;
    width:1em
}
.contact-form textarea{
    font-size:13px
}
.contact-form textarea::-moz-placeholder{
    font-size:13px
}
.contact-form textarea::placeholder{
    font-size:13px
}
.contact-form .invalid-feedback{
    font-size:12px
}
.contact-form label{
    font-size:13px
}
.contact-form .contact-button{
    background:var(--tg-primary-color);
    border:none;
    border-radius:30px;
    color:var(--tg-white);
    font-size:16px;
    font-weight:600;
    padding:14px 20px;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
.contact-form .contact-button:hover{
    background:var(--tg-secondary-color)
}
label.required:after{
    color:#dc3545;
    content:"*";
    margin-left:.25rem
}
.request-area-two form.contact-form label{
    color:#fff
}
.request-area-two form.contact-form .form-control::-moz-placeholder{
    color:red
}
.request-area-two form.contact-form .form-control::placeholder{
    color:red
}
.request-area-two .contact-form-row{
    margin-bottom:15px
}
.subscribe-form button{
    width:auto!important;
    z-index:10
}
.box-comingsoon{
    display:flex;
    flex-direction:column;
    height:calc(100vh - 40px);
    justify-content:center
}
.box-comingsoon .deals-countdown{
    margin-bottom:50px
}
.box-comingsoon .deals-countdown .countdown-item{
    display:inline-block;
    line-height:12px;
    margin:0 16px 0 0;
    position:relative;
    text-align:center;
    width:auto
}
.box-comingsoon .deals-countdown .countdown-item .countdown-amount{
    align-items:center;
    background-color:var(--tg-primary-color);
    border:1px solid #e8e9ed;
    border-radius:4px;
    color:#fff;
    display:inline-flex;
    font-size:32px!important;
    height:80px;
    justify-content:center;
    margin-bottom:5px;
    padding:10px 0;
    width:80px
}
.box-comingsoon .deals-countdown .countdown-item .countdown-period{
    color:#034460;
    display:block;
    font-size:12px!important;
    font-weight:600;
    line-height:24px!important;
    text-transform:uppercase
}
.box-comingsoon .subscribe-form{
    margin-bottom:60px;
    margin-top:30px
}
.box-comingsoon .subscribe-form input{
    background:#eef1f5;
    border-radius:30px!important;
    color:var(--tg-paragraph-color);
    height:46px;
    padding:12px 125px 12px 22px
}
.box-comingsoon .subscribe-form input:focus{
    z-index:1
}
.box-comingsoon .subscribe-form button{
    background:var(--tg-primary-color);
    border:none;
    border-radius:30px;
    color:var(--tg-white);
    font-size:14px;
    font-weight:700;
    height:46px;
    inset-inline-end:0;
    padding:12px 23px;
    position:absolute;
    top:0
}
.box-comingsoon .subscribe-form button:after,.box-comingsoon .subscribe-form button:before{
    content:unset
}
.box-comingsoon .footer-info .icon i{
    color:var(--tg-primary-color)
}
.box-comingsoon .footer-info .content a,.box-comingsoon .footer-info .content p{
    color:var(--tg-paragraph-color)!important
}
.box-comingsoon .footer-info .content a:hover{
    color:var(--tg-primary-color)!important
}
.box-comingsoon .coming-soon-image{
    border-radius:30px;
    width:100%
}
.newsletter-popup .modal-content{
    overflow:hidden!important
}
.newsletter-popup .newsletter-popup-content{
    --bs-border-radius:30px!important
}
.newsletter-popup .newsletter-popup-content .btn.btn-primary.button-loading:hover:before{
    width:18px!important
}
@media (max-width:767.98px){
    .services-details-area{
        padding:0!important
    }
}
@media (max-width:991.98px){
    .header-style-two .menu-area{
        padding:20px!important
    }
}
.header-style-two .navbar-wrap ul{
    margin:0 0 0 40px
}
.header-style-two .header-action>ul li{
    margin-inline-end:10px;
    margin-inline-start:10px
}
.header-style-two .header-action ul>li>a{
    padding:10px
}
.extra-info .language-switcher-sidebar img{
    margin-top:4px;
    margin-inline-end:2px
}