@font-face {
	font-family: "icomoon";
	src: url("./icomoon.eot?74zehw");
	src: url("./icomoon.eot?74zehw#iefix") format("embedded-opentype"), url("./icomoon.ttf?74zehw") format("truetype"), url("./icomoon.woff?74zehw") format("woff"), url("./icomoon.svg?74zehw#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

.my-icon {
	font-family: "icomoon";
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-24-help:before {
	content: "\e947"
}

.icon-book-pen .path1:before {
	content: "\e94b";
	color: #15222c
}

.icon-book-pen .path2:before {
	content: "\e94c";
	margin-left: -1.0341796875em;
	color: #15222c
}

.icon-book-pen .path3:before {
	content: "\e94d";
	margin-left: -1.0341796875em;
	color: #15222c
}

.icon-book-pen .path4:before {
	content: "\e94e";
	margin-left: -1.0341796875em;
	color: #15222c
}

.icon-book-pen .path5:before {
	content: "\e94f";
	margin-left: -1.0341796875em
}

.icon-book-pen .path6:before {
	content: "\e950";
	margin-left: -1.0341796875em
}

.icon-book-pen .path7:before {
	content: "\e951";
	margin-left: -1.0341796875em
}

.icon-book-pen .path8:before {
	content: "\e952";
	margin-left: -1.0341796875em
}

.icon-circle .path1:before {
	content: "\e953"
}

.icon-circle .path2:before {
	content: "\e954";
	margin-left: -1em
}

.icon-circle .path3:before {
	content: "\e955";
	margin-left: -1em
}

.icon-circle .path4:before {
	content: "\e956";
	margin-left: -1em;
	color: #15222c
}

.icon-circle .path5:before {
	content: "\e957";
	margin-left: -1em
}

.icon-circle .path6:before {
	content: "\e958";
	margin-left: -1em;
	color: #15222c
}

.icon-circle .path7:before {
	content: "\e959";
	margin-left: -1em;
	color: #15222c
}

.icon-circle .path8:before {
	content: "\e95a";
	margin-left: -1em
}

.icon-circle .path9:before {
	content: "\e95b";
	margin-left: -1em
}

.icon-circle .path10:before {
	content: "\e95c";
	margin-left: -1em;
	color: #15222c
}

.icon-m-setting .path1:before {
	content: "\e95d";
	color: #15222c
}

.icon-m-setting .path2:before {
	content: "\e95e";
	margin-left: -1.0712890625em
}

.icon-m-setting .path3:before {
	content: "\e95f";
	margin-left: -1.0712890625em
}

.icon-m-setting .path4:before {
	content: "\e960";
	margin-left: -1.0712890625em
}

.icon-m-setting .path5:before {
	content: "\e961";
	margin-left: -1.0712890625em
}

.icon-chack-mark-solid:before {
	content: "\e94a"
}

.icon-share:before {
	content: "\e949"
}

.icon-angle-arrow-right:before {
	content: "\e900"
}

.icon-angle-arrow-left:before {
	content: "\e901"
}

.icon-arrow-down:before {
	content: "\e902"
}

.icon-arrow-left:before {
	content: "\e903"
}

.icon-arrow-right:before {
	content: "\e904"
}

.icon-arrow-top-right:before {
	content: "\e905"
}

.icon-call:before {
	content: "\e906"
}

.icon-envelope:before {
	content: "\e907"
}

.icon-facebook:before {
	content: "\e908"
}

.icon-group-icon-1 .path1:before {
	content: "\e909";
	color: #15222c
}

.icon-group-icon-1 .path2:before {
	content: "\e90a";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-1 .path3:before {
	content: "\e90b";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-1 .path4:before {
	content: "\e90c";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-1 .path5:before {
	content: "\e90d";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-1 .path6:before {
	content: "\e90e";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-1 .path7:before {
	content: "\e90f";
	margin-left: -1em
}

.icon-group-icon-1 .path8:before {
	content: "\e910";
	margin-left: -1em
}

.icon-group-icon-2 .path1:before {
	content: "\e911";
	color: #15222c
}

.icon-group-icon-2 .path2:before {
	content: "\e912";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-2 .path3:before {
	content: "\e913";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-2 .path4:before {
	content: "\e914";
	margin-left: -1em
}

.icon-group-icon-2 .path5:before {
	content: "\e915";
	margin-left: -1em
}

.icon-group-icon-2 .path6:before {
	content: "\e916";
	margin-left: -1em
}

.icon-group-icon-2 .path7:before {
	content: "\e917";
	margin-left: -1em;
	color: #15222c
}

.icon-group-icon-3:before {
	content: "\e918"
}

.icon-group-icon-4:before {
	content: "\e919"
}

.icon-group-icon-5:before {
	content: "\e91a"
}

.icon-group-icon-6:before {
	content: "\e91b"
}

.icon-group-icon-7:before {
	content: "\e91c"
}

.icon-group-icon-8:before {
	content: "\e91d"
}

.icon-chack-mark:before {
	content: "\e91e"
}

.icon-group-icon-9 .path1:before {
	content: "\e91f";
	color: #15222c
}

.icon-group-icon-9 .path2:before {
	content: "\e920";
	margin-left: -0.96875em;
	color: #15222c
}

.icon-group-icon-9 .path3:before {
	content: "\e921";
	margin-left: -0.96875em
}

.icon-group-icon-9 .path4:before {
	content: "\e922";
	margin-left: -0.96875em
}

.icon-group-icon-9 .path5:before {
	content: "\e923";
	margin-left: -0.96875em
}

.icon-group-icon-9 .path6:before {
	content: "\e924";
	margin-left: -0.96875em
}

.icon-user-group:before {
	content: "\e925"
}

.icon-instagram:before {
	content: "\e926"
}

.icon-linkedin:before {
	content: "\e927"
}

.icon-location-pin:before {
	content: "\e928"
}

.icon-Outer-Lines-1:before {
	content: "\e929"
}

.icon-Outer-Lines-2:before {
	content: "\e92a"
}

.icon-Outer-Lines-3:before {
	content: "\e92b"
}

.icon-Outer-Lines-4:before {
	content: "\e92c"
}

.icon-Outer-Lines-5:before {
	content: "\e92d"
}

.icon-Outer-Lines-6:before {
	content: "\e92e"
}

.icon-Outer-Lines:before {
	content: "\e92f"
}

.icon-Outline:before {
	content: "\e930"
}

.icon-pinterest:before {
	content: "\e931"
}

.icon-play:before {
	content: "\e932"
}

.icon-plus:before {
	content: "\e933"
}

.icon-twitter:before {
	content: "\e934"
}

.icon-folder:before {
	content: "\e935"
}

.icon-user:before {
	content: "\e936"
}

.icon-location-pin-solid:before {
	content: "\e937"
}

.icon-envelope-solid:before {
	content: "\e938"
}

.icon-phone-book:before {
	content: "\e939"
}

.icon-dobble-angle-left:before {
	content: "\e93a"
}

.icon-dobble-angle-right:before {
	content: "\e93b"
}

.icon-user-stars:before {
	content: "\e93c"
}

.icon-quote-right:before {
	content: "\e93d"
}

.icon-start:before {
	content: "\e93e"
}

.icon-start-solid:before {
	content: "\e93f"
}

.icon-paper-plan:before {
	content: "\e940"
}

.icon-calendar:before {
	content: "\e941"
}

.icon-user-solid:before {
	content: "\e942"
}

.icon-chats:before {
	content: "\e943"
}

.icon-paper-plan-solid:before {
	content: "\e944"
}

.icon-google-plus:before {
	content: "\e945"
}

.icon-search:before {
	content: "\e946"
}

.icon-location:before {
	content: "\e948"
}
 
.banner-danze .banner-content {
    padding: 50px 0
}

.banner-danze .banner-content h2,.banner-danze .banner-content h6,.banner-danze .banner-content p {
    color: #fff
}

.banner-danze .banner-content h2,.banner-danze .banner-content h6 {
    font-weight: 700
}

.banner-danze .banner-content h6 {
    letter-spacing: 4px;
    text-transform: uppercase
}

.banner-danze .banner-content h2 {
    font-size: 48px;
    line-height: 50px
}

.banner-danze .banner-content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.banner-danze .banner-content h2~p,.banner-danze .banner-content h6~h2 {
    margin-top: 30px
}

.banner-danze .banner-content p~ul {
    margin-top: 40px
}

.banner-danze .banner-content {
	width: 50%;
	margin: 0 auto;
    text-align: center;
}

.banner-danze.v1 {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.banner-danze.v1:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,#213438,rgba(51,63,77,0))
}

.banner-danze.v1:after,.banner-danze.v1:before {
    position: absolute;
    content: "";
    z-index: -1
}

.banner-danze.v1:after {
    width: 54vh;
    height: 54vh;
    left: -16%;
    bottom: -12%;
    opacity: .3;
    background-image: url(../img/banner/v1/shap-1.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%,100%;
    transform-origin: center;
    animation: c 6.5s linear infinite
}

section {
	padding: 100px 0;
}

.section-title-center h2,.section-title-center h6,.section-title h2,.section-title h6 {
    font-weight: 700
}

.section-title-center h6,.section-title h6 {
    color: #ffba08;
    letter-spacing: 4px;
    text-transform: uppercase
}

.section-title-center h6~h2,.section-title h6~h2 {
    margin-top: 10px
}

.section-title-center h2,.section-title h2 {
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize
}

.section-title-center~.row,.section-title~.row {
    margin-top: 50px
}

.section-title-center.title-left-right .right-content,.section-title.title-left-right .right-content {
    margin-top: 10px
}

.section-title-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.about-us .items-content~.items-link,.about-us .section-title~.items-content {
    margin-top: 40px
}

.about-us .about-img {
    position: relative;
	width: calc(100% - 130px);
	margin: 21px 0 21px 28px;
}

.about-us .about-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: rotate(-5deg);
    background:#d38e25;
    z-index: -1
}

.about-us .about-img img {
    width: 100%
}

.about-us .about-img .circle-play-btn {
    position: absolute;
	width: 144px;
	height: 144px;
    bottom: 6%;
    left: -6%;
    border-radius: 50%;
    background:#fff;
    background-repeat: no-repeat;
    background-position: 3px -3px;
    background-size: 100%,100%;
    border: 13px solid#fff;
    box-shadow: 0 4.8px 24.4px -6px rgba(19,16,34,.1),0 4px 13px -2px rgba(19,16,34,.06);
    animation: c 6.5s linear infinite
}


@keyframes c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


.about-us .about-img .circle-play-btn .my-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color:#d38e25
}

.about-us .about-content {
    margin-top: 40px
}

.about-us .items-content li {
    padding: 30px;
    background:#fff;
    box-shadow: 0 4.8px 24.4px -6px rgba(19,16,34,.1),0 4px 13px -2px rgba(19,16,34,.06);
    border-radius: 5px;
	gap: 20px;
}

.about-us .items-content li~li {
    margin-top: 15px
}

.about-us .items-content .my-icon {
    font-size: 65px;
    color:#d38e25
}

.about-us .items-content .my-icon~.item-text {
    margin-top: 30px
}

.about-us .items-content h4 {
    font-weight: 700;
    text-transform: capitalize
}

.about-us .items-content h4~p {
    margin-top: 10px
}

.about-us .items-link .cantact-link,.about-us .items-link ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.about-us .items-link ul {
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-us .items-link .cantact-link {
    gap: 15px
}

.about-us .items-link .cantact-link .left-icon {
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color:#d38e25;
    font-size: 16px
}

.about-us .items-link .cantact-link .left-icon:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .1;
    border-radius: 50px;
    background:#d38e25;
    z-index: -1
}

.about-us .items-link .cantact-link .text-content h4 {
    font-weight: 700;
    margin-top: -1px
}

.services .services-card {
    margin-top: 30px
}
.services.v1 .services-card .services-text {
    padding: 30px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    background: #fff
}

.services.v1 .services-card .services-text h4 {
    font-weight: 700;
    text-transform: capitalize
}

.services.v1 .services-card .services-text h4~p {
    margin-top: 20px
}

.services.v1 .services-card .services-text p~.my-icon {
    margin-top: 45px
}

.services.v1 .services-card .services-text .my-icon {
    position: relative;
    color: #fff;
    font-size: 40px;
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    border-radius: 5px;
    background: #d38e25;
    margin: 0 auto -85px;
    z-index: 0
}

.services.v1 .services-card .services-img img {
    width: 100%;
    border-radius: 0 0 5px 5px
}


.work-gallery .gallery-card {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.work-gallery .gallery-card .card-info {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: 20px;
    transition: all .4s ease
}

.work-gallery .gallery-card img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all .4s ease
}

.work-gallery .gallery-card:hover img {
    transform: rotate(1.05deg) scale(1.1)
}

.work-gallery .gallery-img-horizontal .gallery-card img {
    min-height: 300px
}

.work-gallery .gallery-img-vertical .gallery-card img {
    min-height: 200px
}
.work-gallery .gallery-img-boxs {
    display: grid;
    grid-gap: 15px;
	margin-top: 60px;
	grid-template-columns: repeat(auto-fit, calc(25% - 23px));
}

.work-gallery.v1 .gallery-card .card-info {
    padding: 25px 20px;
    width: calc(100% - 40px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    left: 50%;
    border-radius: 5px;
    box-shadow: 0 4.8px 24.4px -6px rgba(19,16,34,.1),0 4px 13px -2px rgba(19,16,34,.06);
    background:#fff;
    transform: translate(-50%) scale(.8) rotateX(90deg);
    transform-origin: bottom
}

.work-gallery.v1 .gallery-card .card-info h4 {
    font-weight: 700
}

.work-gallery.v1 .gallery-card .card-info h4~p {
    margin-top: 5px
}

.work-gallery.v1 .gallery-card .card-info p {
    color: #000
}

.work-gallery.v1 .gallery-card .card-info .info-link {
    width: 50px;
    min-width: 50px;
    height: 50px;
    color:#fff;
    line-height: 50px;
    text-align: center;
    border: 2px solid #d38e25;
    border-radius: 5px 0 5px 0;
    background: #d38e25
}

.work-gallery.v1 .gallery-card .card-info .info-link .my-icon {
    font-size: 16px
}

.work-gallery.v1 .gallery-card .card-info .info-link:hover {
    color: #d38e25;
    background: var(--color-tr)
}

.work-gallery.v1 .gallery-card:hover .card-info {
    transform: translate(-50%) scale(1);
    opacity: 1;
    visibility: visible
}



.counter-section {
    position: relative;
    background: #000;
    z-index: 1
}


.counter-section .counter-items ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.counter-section .counter-items li,.counter-section .counter-items ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.counter-section .counter-items li {
    position: relative;
    width: 100%;
    z-index: 1
}

.counter-section .counter-items li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #d38e25;
    border-radius: 5px 0 0 5px;
    z-index: -1
}

.counter-section .counter-items .my-icon {
    width: 110px;
    min-width: 110px;
    font-size: 50px;
    text-align: center;
    line-height: 101px;
    color: #fff
}

.counter-section .counter-items .content {
    padding: 20px;
    width: calc(100% - 100px);
    border-radius: 0 5px 5px 0;
    background:#fff
}

.counter-section .counter-items .content h2 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    color: #d38e25
}

.counter-section .counter-items .content h4 {
    font-size: 20px;
    font-weight: 700
}


.counter-section .counter-items ul {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

.counter-section .counter-items li {
	width: calc(25% - 23px);
	min-width: calc(25% - 23px);
}

.title-left-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.clients-review .next-btn, .clients-review .prev-btn {
	width: 60px;
	height: 60px;
	font-size: 14px;
	font-size: 16px;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #fff;

}
.clients-review .section-title~.slider {
	margin-top: 60px
}

.title-left-right .left-content {
	width: 45%;
}

.section-title-center h2,.section-title h2 {
	font-size: 48px;
	line-height: 60px
}
.clients-review .prev-btn~.next-btn {
	margin-left: 20px;
}

.clients-review.v2 .next-btn:hover,.clients-review.v2 .prev-btn:hover {
    color: #fff;
    background: #d38e25
}



.clients-review.v1 .client-card {
    border-radius: 10px;
    border-bottom: 5px solid transparent;
    background: #fff;
	padding: 40px;
	transition: all .4s ease;
	
}

.clients-review.v1 .client-card .client-card-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

.clients-review.v1 .client-card .client-card-title .my-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    border-radius: 50px;
    background: #d38e25
}

.clients-review.v1 .client-card .client-card-title~p,.clients-review.v1 .client-card p~.star-mark {
    margin-top: 30px
}

.clients-review.v1 .client-card .profile-img img {
    border-radius: 50px
}

.star-mark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.star-mark .my-icon {
    font-size: 19px;
    color: #ffba08
}

.latest-news.v1 .new-post-card {
	border-radius: 5px;
    background:#fff;
    margin-top: 30px;
    box-shadow: 0 4.8px 24.4px -6px rgba(19,16,34,.1),0 4px 13px -2px rgba(19,16,34,.06)
}
.latest-news .new-post-card .post-img {
    position: relative;
    overflow: hidden
}

.latest-news .new-post-card .post-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .4s ease
}
.latest-news .new-post-card .post-content h4 {
    font-weight: 700
}

.latest-news.v1 .new-post-card .post-content {
	padding: 40px
}

.get-in-touch {
    position: relative;
    background: #000;
    z-index: 1;
	color: #fff;
}

.get-in-touch .left-content .s-items-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.get-in-touch .left-content .s-items-list li~li {
    margin-top: 5px
}

.get-in-touch .left-content h2~p {
    margin-top: 10px
}

.get-in-touch .left-content p~.s-items-list {
    margin-top: 30px
}

.get-in-touch .left-content h2 {
    font-weight: 700;
	font-size: 48px;
    line-height: 60px;
	color: #fff;
}

.get-in-touch .left-content p{
	font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.get-in-touch .card-items-list li,.get-in-touch .card-items-list ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.get-in-touch .card-items-list ul {
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.get-in-touch .card-items-list li {
    width: 100%;
    gap: 13px;
    padding: 40px;
    border: 1px solid var(--color-border);
    background: #fff
}
.get-in-touch .left-content .card-items-list li {
	width: calc(50% - 15px);
}

.get-in-touch .card-items-list .my-icon {
    font-size: 65px;
	color: #ffba08
}