.side_menu4_overlay,
.side_menu_style4 {
   -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%)
}

.side_menu_style4 {
   position: fixed;
   z-index: 9999;
   right: 0;
   top: 0;
   width: 100%;
   height: 100vh;
   min-height: -webkit-max-content;
   min-height: -moz-max-content;
   min-height: max-content;
   background-color: #dfe3ec;
   padding: 0 4vw;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   -webkit-transition: .5s ease-in-out 0.4s;
   transition: .5s ease-in-out 0.4s
}

.side_menu4_overlay,
.side_menu4_overlay2 {
   right: 0;
   height: 100vh;
   background-color: #fff;
   position: absolute;
   width: 100%;
   top: 0
}

.side_menu4_overlay.show,
.side_menu_style4.show {
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.side_menu_style4.show .side_shape {
   -webkit-transform: rotate(0) scale(1);
   transform: rotate(0) scale(1);
   opacity: 1
}

.side_menu_style4.show .side_shape2 {
   -webkit-transform: rotate(180deg) scale(1);
   transform: rotate(180deg) scale(1);
   opacity: 1
}

.side_menu_style4.show .main_links {
   text-align: center;
   -webkit-transform: scaleX(1) scaleY(1);
   transform: scaleX(1) scaleY(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0)
}

.side_menu_style4 .side_shape {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 40%;
   -webkit-transform: rotate(-60deg) scale(.5);
   transform: rotate(-60deg) scale(.5);
   opacity: 0;
   -webkit-transition: .5s 0.7s;
   transition: .5s 0.7s
}

.side_menu_style4 .side_shape2 {
   position: absolute;
   left: 0;
   top: 0;
   width: 40%;
   -webkit-transform: rotate(120deg) scale(.5);
   transform: rotate(120deg) scale(.5);
   opacity: 0;
   -webkit-transition: .5s 0.7s;
   transition: .5s 0.7s
}

.side_menu_style4 .links_group {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   display: block
}

.side_menu_style4 .main_links {
   text-align: center;
   -webkit-transform: scaleX(1.4) scaleY(1.8);
   transform: scaleX(1.4) scaleY(1.8);
   -webkit-filter: blur(2px);
   filter: blur(2px);
   opacity: 0;
   -webkit-transition: .7s 1s;
   transition: .7s 1s
}

.side_menu_style4 .main_links .main_link {
   font-size: calc(3vw + 15px);
   margin: 10px 0;
   text-transform: uppercase;
   font-weight: 700
}

.side_menu_style4 .main_links .main_link:hover {
   text-decoration: underline
}

.side_menu_style4 .social_links a {
   font-size: 24px;
   -webkit-margin-end: 15px;
   margin-inline-end: 15px;
   border-bottom: 3px solid transparent
}

.side_menu_style4 .social_links a:hover,
.tc-process-style1 .accordion-item .accordion-button:not(.collapsed),
.tc-team-style1 .team-card.team-text:hover .img {
   border-color: #000
}

.side_menu_style4 .clss {
   font-size: 30px;
   position: absolute;
   top: 30px;
   right: 60px;
   cursor: pointer
}

.side_menu4_overlay {
   z-index: 90;
   clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   -webkit-transition: .5s ease-in-out;
   transition: .5s ease-in-out
}

.side_menu4_overlay2 {
   z-index: 80;
   -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   -webkit-transition: .5s ease-in-out 0.7s;
   transition: .5s ease-in-out 0.7s
}

.side_menu4_overlay2.show {
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
   -webkit-transition-delay: 0.1s;
   transition-delay: 0.1s
}

.tc-navbar-style1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
   background-color: transparent;
   padding: 0
}

.tc-navbar-style1 .content {
   padding: 20px 0
}

.tc-navbar-style1 .content .navbar-brand {
   max-width: 164px;
   -webkit-margin-end: 100px;
   margin-inline-end: 100px;
}

.tc-navbar-style1 .content .navbar-nav .nav-link {
   font-size: 18px;
   font-weight: 700 !important;
   color: #fff;
   opacity: 1;
   margin: 0 20px
}
.tc-navbar-style1 .nav-side a {
   
   color: #000;
   background-color: #fff;
   
}

.tc-footer-style2 .foot-main-content .links-group ul li a:hover,
.tc-header-style2 .slider-content .head-slider .slider-card .info .title a:hover,
.tc-navbar-style1 .content .navbar-nav .nav-link.active,
.tc-navbar-style1 .content .navbar-nav .nav-link:hover,
.tc-process-style1 .accordion-item .accordion-button:not(.collapsed) h3,
.tc-process-style2 .accordion-item .accordion-button:not(.collapsed) h3,
.tc-projects-style1 .projects .project-card .info .title a:hover,
.tc-projects-style1 .tabs-links .nav-pills .nav-link.active,
.tc-projects-style1 .tabs-links .nav-pills .nav-link:hover,
.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-button-next:hover::after,
.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-button-prev:hover::after,
.tc-testimonials-style2 .slider-controls .swiper-button-next:hover::after,
.tc-testimonials-style2 .slider-controls .swiper-button-prev:hover::after {
   color: var(--color-orange1)
}
.tc-navbar-style1 .content .navbar-nav .nav-link.active svg path,
.tc-navbar-style1 .content .navbar-nav .nav-link:hover svg path{
   fill: var(--color-orange1) !important
}

.tc-navbar-style1 .content .nav-side .icon {
   font-size: 14px;
   color: #fff
}

.tc-header-style1 .header-slider,
.tc-header-style2 .slider-content .head-slider,
.tc-location-style5 .location-slider,
.tc-projects-style7 .projects-content,
.tc-testimonials-style1 .tc-clients-style1,
.tc-testimonials-style1 .tc-clients-style1 .clients-slider1,
.tc-testimonials-style2 .img-slider,
.tc-testimonials-style2 .text-slider {
   position: relative;
   overflow: hidden
}

.tc-header-style1 .header-slider .swiper-slide {
   position: relative;
   overflow: hidden;
   width: 100%
}

.tc-header-style1 .header-slider .swiper-slide-active {
   position: relative;
   z-index: 20
}

.tc-header-style1 .header-slider .slider-controls {
   position: absolute;
   right: 85px;
   bottom: 30px;
   z-index: 20;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 20px;
   border-radius: 30px;
   color: #fff;
}

.tc-header-style1 .header-slider .slider-controls .swiper-button-next,
.tc-header-style1 .header-slider .slider-controls .swiper-button-prev {
   position: static;
   height: -webkit-max-content;
   height: -moz-max-content;
   height: max-content;
   -webkit-margin-start: 50px;
   margin-inline-start: 50px;
   font-size: 30px
}

.tc-header-style1 .header-slider .slider-controls .swiper-button-next::after,
.tc-header-style1 .header-slider .slider-controls .swiper-button-prev::after {
   color: #fff;
   position: relative
}

.tc-header-style1 .header-slider .swiper-pagination {
   position: absolute;
   left: 4vw;
   bottom: 120px;
   color: #fff;
   z-index: 30;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

.tc-header-style1 .header-slider .swiper-pagination>span {
   font-size: 30px;
   font-weight: 100;
   display: block;
   margin: 10px 0
}

.about-info,
.about-us .about-content,
.tc-blog-style1 .blog-card,
.tc-footer-style2,
.tc-header-style1 .slider-card,
.tc-header-style2 .slider-content .head-slider .slider-card,
.tc-location-style5,
.tc-projects-style1 .projects .projects-content,
.tc-projects-style2 .project-card,
.tc-services-style7,
.tc-testimonials-style1,
.tc-testimonials-style2 .text-side {
   position: relative
}

.tc-header-style1 .slider-card .img {
   height: 650px;
   position: relative;
   min-height: 99vh
}

.tc-header-style1 .slider-card .img::after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 50%;
   pointer-events: none
}

.tc-header-style1 .slider-card .info {
   position: absolute;
   left: 0;
   bottom: 30px;
   width: 100%;
   z-index: 20;
   color: #fff
}

.tc-header-style1 .slider-card .info h1 {
   font-size: calc(8vw + 0px);
   font-weight: 500;
   line-height: 1;
   text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.tc-experience-style1 {
   position: relative;
   padding: 150px 0 100px;
   background-color: #d4dadc40;
   border-radius: 40px 40px 0 0;
   overflow: hidden;
   margin-top: -40px;
   z-index: 10
}

.tc-experience-style1 .c-line {
   position: absolute;
   top: 70px;
   left: 0;
   width: 90%;
   height: calc(100% - 140px);
   z-index: 10;
   pointer-events: none;
   -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   -webkit-transition: 2s linear;
   transition: 2s linear
}

.tc-chat-style1 .c-line.animated,
.tc-experience-style1 .c-line.animated,
.tc-process-style1 .c-line.animated {
   -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
   clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

.tc-experience-style1 .exp-num .num {
   font-size: 150px;
   color: var(--color-orange1);
   font-weight: 500
}

.tc-experience-style1 .img {
   height: 550px;
   border-radius: 20px;
   overflow: hidden;
   -webkit-transform: rotate(30deg) scale(1.3);
   transform: rotate(30deg) scale(1.3);
   -webkit-transition: 1s 0.4s;
   transition: 1s 0.4s;
   opacity: 0
}

.tc-experience-style1 .img.animated {
   -webkit-transform: rotate(-15deg) scale(1);
   transform: rotate(-15deg) scale(1);
   opacity: 1
}

.tc-experience-style1 .rotate-txt {
   font-size: 12px;
   color: #666;
   -webkit-transform: rotate(90deg) translateX(30px);
   transform: rotate(90deg) translateX(30px);
   text-transform: uppercase;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transform-origin: right;
   transform-origin: right
}

.tc-services-style1 {
   position: relative;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f1eee9), color-stop(#f1eEE999), to(transparent));
   background-image: linear-gradient(to bottom, #f1eee9, #f1eEE999, transparent)
}

.tc-services-style1 .title p {
   letter-spacing: 50px;
   opacity: 0;
   -webkit-transition: .7s 0.3s;
   transition: .7s 0.3s
}

.tc-services-style1 .title p.animated {
   letter-spacing: 10px;
   opacity: 1
}

.tc-header-style2 .top-info .facts-wrapper *,
.tc-location-style5 .location-slider .slider-card .content,
.tc-process-style2 .container,
.tc-services-style1 .content {
   position: relative;
   z-index: 10
}

.tc-services-style1 .service-card {
   padding: 20px 60px 20px 30px;
   -webkit-border-start: 1px solid #ccc;
   border-inline-start: 1px solid #ccc;
   display: block
}

.tc-services-style1 .service-card:hover .arrow {
   background-color: #000;
   color: #fff
}

.tc-services-style1 .service-card .icon {
   color: var(--color-orange1);
   margin-bottom: 20px;
   font-size: 30px
}

.tc-services-style1 .service-card .img {
   height: 160px;
   border-radius: 10px;
   overflow: hidden
}

.tc-services-style1 .service-card .arrow {
   width: 35px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   border-radius: 50%;
   margin-top: 40px;
   border: 1px solid #ccc;
   -webkit-transition: .3s;
   transition: .3s
}

.tc-services-style1 .ser-img {
   width: 100%;
   height: 1000px;
   margin-top: -550px
}

.tc-services-style1 .ser-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: bottom;
   object-position: bottom
}

.tc-process-style1 {
   position: relative;
   padding: 150px 0;
   background-color: #fff;
   z-index: 10;
   border-radius: 40px 40px 0 0;
   margin-top: -40px
}

.tc-process-style1 .c-line {
   position: absolute;
   bottom: 100px;
   right: 0;
   width: 50%;
   height: 550px;
   z-index: 10;
   pointer-events: none;
   -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
   clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
   -webkit-transition: 2s linear;
   transition: 2s linear
}

.tc-proccess-style7 .accordion-item,
.tc-process-style1 .accordion-item {
   border: 0;
   border-radius: 0
}

.tc-process-style1 .accordion-item .accordion-button {
   color: #000;
   background-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-top: 1px solid #ccc;
   border-radius: 0;
   padding: 30px
}

.tc-process-style1 .accordion-item .accordion-button h3,
.tc-process-style2 .accordion-item .accordion-button h3 {
   font-size: 24px
}

.tc-process-style1 .accordion-item .accordion-button .num {
   font-size: 24px;
   color: #999;
   font-weight: 200;
   -webkit-margin-end: 30px;
   margin-inline-end: 30px
}

.tc-process-style1 .accordion-item .accordion-body,
.tc-process-style2 .accordion-item .accordion-body {
   -webkit-padding-start: 85px;
   padding-inline-start: 85px;
   -webkit-padding-end: 50px;
   padding-inline-end: 50px;
   padding-top: 0;
   padding-bottom: 30px
}

.tc-process-style1 .accordion-item .accordion-body .text,
.tc-process-style2 .accordion-item .accordion-body .text {
   font-size: 15px;
   color: #666
}

.tc-process-style1 .img {
   height: 550px;
   border-radius: 20px;
   overflow: hidden;
   -webkit-transform: rotate(-30deg) scale(1.3);
   transform: rotate(-30deg) scale(1.3);
   -webkit-transition: 1s 0.4s;
   transition: 1s 0.4s;
   opacity: 0
}

.tc-process-style1 .img.animated {
   -webkit-transform: rotate(15deg) scale(1);
   transform: rotate(15deg) scale(1);
   opacity: 1
}

.tc-projects-style1 {
   position: relative;
   background: #f5f5f7
}

.tc-projects-style1 .tabs-links .nav-pills .nav-link {
   background-color: transparent;
   padding: 0;
   -webkit-margin-end: 40px;
   margin-inline-end: 40px;
   font-size: 18px;
   font-weight: 500;
   border-radius: 0;
   text-transform: capitalize;
   color: #000
}

.tc-projects-style1 .projects {
   padding-bottom: 100px;
   border-bottom: 1px solid #ccc
}

.tc-projects-style1 .projects .projects-content * {
   cursor: none
}

.tc-projects-style1 .projects .projects-content .float-cursor {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%) scale(0);
   transform: translate(-50%, -50%) scale(0);
   opacity: 0;
   width: 160px;
   height: 160px;
   background-color: #fff;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
   letter-spacing: .05em;
   text-transform: uppercase;
   font-size: 16px;
   z-index: 10;
   pointer-events: none;
   -webkit-box-shadow: 0 0 30px #0001;
   box-shadow: 0 0 30px #0001
}

.tc-projects-style1 .projects .projects-content .float-cursor.show {
   opacity: 1;
   -webkit-transform: translate(-50%, -50%) scale(1);
   transform: translate(-50%, -50%) scale(1)
}

.tc-projects-style1 .projects .project-card .img {
   height: 630px;
   border-radius: 20px;
   overflow: hidden;
   display: block
}

.tc-projects-style1 .projects .project-card .info {
   padding-top: 40px
}

.tc-projects-style1 .projects .project-card .info .tags {
   margin-bottom: 30px
}

.tc-projects-style1 .projects .project-card .info .tags a {
   font-size: 12px;
   padding: 5px 10px;
   border: 1px solid #ccc;
   border-radius: 50px;
   -webkit-margin-end: 5px;
   margin-inline-end: 5px
}

.tc-projects-style1 .projects .project-card .info .title {
   font-size: 35px;
   margin-bottom: 15px
}

.tc-projects-style1 .projects .project-card .info .text {
   font-size: 14px;
   color: #666
}

.tc-testimonials-style1 .c-line {
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 25%;
   z-index: 5;
   pointer-events: none
}

.tc-testimonials-style1 .lg-icon {
   font-size: 170px;
   -webkit-margin-start: -15px;
   margin-inline-start: -15px;
   display: block
}

.tc-testimonials-style1 .tc-clients-style1 .author {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 50px;
   margin-top: 80px;
   border-top: 1px solid #ccc
}

.tc-testimonials-style1 .tc-clients-style1 .author .au-img {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -webkit-margin-end: 20px;
   margin-inline-end: 20px
}

.tc-testimonials-style1 .tc-clients-style1 .slider-controls {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 20px;
   border-radius: 30px;
   border: 1px solid #ccc;
   position: absolute;
   right: 0;
   bottom: 0;
   background: #fff;
   z-index: 10
}

.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-button-next,
.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-button-prev,
.tc-testimonials-style2 .slider-controls .swiper-button-next,
.tc-testimonials-style2 .slider-controls .swiper-button-prev {
   position: static;
   height: -webkit-max-content;
   height: -moz-max-content;
   height: max-content;
   margin: 0
}

.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-button-next::after,
.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-button-prev::after {
   color: #000;
   font-size: 12px
}

.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-pagination {
   position: static;
   margin: 0 10px
}

.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-pagination .swiper-pagination-bullet,
.tc-testimonials-style2 .slider-controls .swiper-pagination .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   margin: 0 5px
}

.tc-testimonials-style1 .tc-clients-style1 .slider-controls .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active,
.tc-testimonials-style2 .slider-controls .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
   width: 10px;
   height: 10px
}
.tc-testimonials-style1{
   border-radius: 50px 50px 0 0;
    margin-top: -45px;
    background: #fff;
}
.tc-testimonials-style1 .marq-slider {
   position: relative;
   overflow: hidden;
   padding-top: 40px
}

.tc-testimonials-style1 .marq-slider .swiper-wrapper {
   -webkit-transition-timing-function: linear !important;
   transition-timing-function: linear !important;
   position: relative
}

.tc-testimonials-style1 .marq-slider .swiper-wrapper .swiper-slide {
   width: -webkit-max-content !important;
   width: -moz-max-content !important;
   width: max-content !important
}

.tc-testimonials-style1 .marq-slider a {
   font-size: 150px;
   font-weight: 500;
   -webkit-text-stroke: 1px #000;
   color: transparent
}

.tc-testimonials-style1 .marq-slider a:hover {
   color: #9c2422
}

.tc-awards-style1,
.tc-team-style1 {
   padding: 150px 0;
   margin-top: -40px;
   z-index: 10
}

.tc-team-style1 {
   position: relative;
   background-color: #fff;
   border-radius: 40px 40px 0 0
}

.tc-team-style1 .member-colmn {
   margin: auto
}

.tc-team-style1 .team-card {
   position: relative;
   margin-bottom: 40px;
   display: block
}

.tc-team-style1 .team-card:hover .img {
   -webkit-transform: scale(.95);
   transform: scale(.95);
   -webkit-transition: .5s;
   transition: .5s;
   overflow: hidden
}

.tc-team-style1 .team-card:hover .img img {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
   -webkit-transition: .5s;
   transition: .5s
}

.tc-team-style1 .team-card:hover .img::after {
   opacity: .5
}

.tc-team-style1 .team-card:hover .title {
   opacity: 1;
   top: 50%
}

.tc-team-style1 .team-card.team-text .img {
   border: 1px solid #ccc
}

.tc-team-style1 .team-card.team-text .img::after {
   display: none
}

.tc-team-style1 .team-card.team-text .title {
   font-weight: 300;
   color: #000 !important;
   text-align: start;
   opacity: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 18px;
   text-transform: uppercase
}

.tc-team-style1 .team-card.team-text .title .arrow {
   margin-top: 10px;
   display: block
}

.tc-team-style1 .team-card .img {
   position: relative;
   width: 100%;
   border-radius: 50%;
   overflow: hidden;
   display: block;
   margin: auto;
   -webkit-transition: .3s;
   transition: .3s
}

.tc-team-style1 .team-card .img::after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0;
   z-index: 1;
   -webkit-transition: .3s;
   transition: .3s
}

.tc-team-style1 .team-card .title {
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 10;
   color: #fff;
   opacity: 0;
   text-align: center;
   width: 100%;
   -webkit-transition: .3s;
   transition: .3s;
   line-height: 1.5;
   text-transform: capitalize
}

.tc-team-style1 .numbers {
   padding-top: 50px
}

.tc-team-style1 .numbers .number-card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 40px;
   border-top: 1px solid #ccc;
   margin-top: 50px
}

.tc-team-style1 .numbers .number-card .perc {
   font-size: 55px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -webkit-margin-end: 25px;
   margin-inline-end: 25px;
   font-weight: 500;
   line-height: 1;
   color: var(--color-orange1)
}

.tc-team-style1 .numbers .number-card p {
   font-size: 17px;
   color: #666;
   text-transform: capitalize;
   line-height: 1.5
}

.tc-awards-style1 {
   position: relative;
   border-radius: 40px 40px 0 0;
   background-color: #262929;
   color: #fff
}

.tc-awards-style1 .awards-content .awards-list .award-row {
   padding: 30px;
   text-transform: capitalize;
   -webkit-transition: .3s;
   transition: .3s;
   border-radius: 15px
}

.tc-awards-style1 .awards-content .awards-list .award-row:hover,
.tc-header-style2 .slider-content .head-slider .controls .swiper-pagination .swiper-pagination-bullet-active {
   background-color: var(--color-orange1)
}

.tc-blog-style1 {
   position: relative;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#f1eee9), to(transparent));
   background-image: linear-gradient(to top, #f1eee9, transparent)
}

.tc-blog-style1 .swiper-button-next {
   color: #000;
   right: 3vw
}

.tc-blog-style1 .swiper-button-next::after,
.tc-blog-style1 .swiper-button-prev::after {
   font-size: 40px
}

.tc-blog-style1 .swiper-button-prev {
   color: #000;
   left: 3vw
}

.tc-blog-style1 .blog-card .img {
   position: relative;
   height: 415px;
   border-radius: 20px;
   overflow: hidden
}

.tc-blog-style1 .blog-card .info {
   padding-top: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 80%
}

.tc-blog-style1 .blog-card .info .date {
   width: 25%;
   -ms-flex-negative: 0;
   flex-shrink: 0
}

.tc-chat-style1 {
   position: relative;
   padding: 150px 0;
   background-color: #f5f5f7;
   border-radius: 40px 40px 0 0
}

.tc-chat-style1 .c-line {
   position: absolute;
   right: 0;
   bottom: 70px;
   width: 60%;
   pointer-events: none;
   height: 450px;
   pointer-events: none;
   -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
   -webkit-transition: 2s linear;
   transition: 2s linear
}

.tc-chat-style1 .xl-text {
   font-size: 120px;
   font-weight: 500;
   position: relative;
   z-index: 10;
   line-height: 1;
   color: var(--color-orange1);
   margin-bottom: 20px
}

.tc-footer-style1 .foot-social a {
   width: 35px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   border-radius: 50%;
   -webkit-margin-end: 10px;
   margin-inline-end: 10px;
   background-color: #fff;
   border: 1px solid #ccc;
   font-size: 14px
}

.tc-footer-style1 .foot-social a:hover,
.tc-footer-style2 .foot .social-links a:hover {
   background-color: var(--color-orange1);
   border-color: var(--color-orange1);
   color: #fff
}

.tc-footer-style1 .footer-links a {
   font-size: 14px;
   color: #666;
   margin: 5px 0
}

.tc-footer-style1 .footer-links a:hover {
   color: #000;
   text-decoration: underline
}

.tc-footer-style1 .foot {
   padding: 30px 0;
   border-top: 1px solid #ccc
}

.tc-footer-style1 .foot .foot-links a {
   font-size: 14px;
   -webkit-margin-end: 4vw;
   margin-inline-end: 4vw
}

.tc-footer-style1 .foot .foot-links a:last-of-type {
   margin: 0
}

.back-to-top a {
   position: fixed;
   right: 28px;
   bottom: 28px;
   padding: 22px 25px;
   font-size: 20px
}

.tc-projects-style7::after,
section::after {
   content: attr(data-content);
   font-size: 200px;
   font-weight: 700;
   color: transparent;
   line-height: 1;
   -webkit-text-stroke: 2px #000
}

.home-style1 .borderd {
   border-color: #ccc !important
}

.home-style1 .section-padding {
   padding-top: 0;
   padding-bottom: 30px
}

.home-style1 .section-padding-x {
   padding-right: 4vw;
   padding-left: 4vw
}

.home-style1 .section-head-style1 .sub-title {
   font-size: 14px;
   color: #333;
   position: relative;
   -webkit-padding-start: 60px;
   padding-inline-start: 60px;
   text-transform: uppercase;
   letter-spacing: 3px
}

.home-style1 .section-head-style1 .sub-title::before {
   position: absolute;
   content: "";
   left: 0;
   top: calc(50% - 4px);
   width: 30px;
   height: 8px;
   background-color: #888
}

.home-style1 .section-head-style1 h2 {
   font-size: 55px;
   letter-spacing: -1px;
   font-weight: 500;
   line-height: 1.1
}

html[lang=ar] .home-style1 {
   direction: rtl;
   font-family: "IBM Plex Sans Arabic", sans-serif
}

html[lang=ar] .home-style1 .tc-header-style1 .header-slider .swiper-pagination {
   left: auto;
   right: 4vw
}

html[lang=ar] .home-style1 .tc-header-style1 .header-slider .slider-controls {
   right: auto;
   left: 40px
}

html[lang=ar] .home-style1 .tc-header-style1 .header-slider .slider-card .info h1 {
   font-size: calc(10vw + 10px)
}

html[lang=ar] .home-style1 .tc-experience-style1 .img.animated {
   -webkit-transform: rotate(15deg) scale(1);
   transform: rotate(15deg) scale(1)
}

html[lang=ar] .home-style1 .tc-experience-style1 .c-line {
   left: auto;
   right: 0;
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

html[lang=ar] .home-style1 .tc-services-style1 .title p.animated {
   letter-spacing: normal;
   font-size: 30px
}

html[lang=ar] .home-style1 .tc-process-style1 .img.animated {
   -webkit-transform: rotate(-15deg) scale(1);
   transform: rotate(-15deg) scale(1)
}

html[lang=ar] .home-style1 .tc-chat-style1 .c-line,
html[lang=ar] .home-style1 .tc-process-style1 .c-line {
   right: auto;
   left: 0;
   -webkit-transform: rotateX(180deg);
   transform: rotateX(180deg)
}

html[lang=ar] .home-style1 .tc-testimonials-style1 .tc-clients-style1 .slider-controls {
   left: 0;
   right: auto
}

html[lang=ar] .home-style1 .tc-testimonials-style1 .c-line {
   left: auto;
   right: 0;
   -webkit-transform: rotateX(180deg);
   transform: rotateX(180deg)
}

html[lang=ar] .home-style1 .loader-wrap {
   direction: ltr
}

.tc-projects-style7 {
   position: relative;
   margin: 90px 0 0;
   padding: 160px 0;
   background: #f5f5f7;
   border-radius: 40px 40px 0 0
}

.tc-projects-style7 .section-title {
   margin: 0 0 30px
}

.tc-projects-style7 .swiper-button-next,
.tc-projects-style7 .swiper-button-prev {
   width: 50px;
   height: 50px;
   border: 1px solid #fff
}

.tc-projects-style7 .swiper-button-next::after,
.tc-projects-style7 .swiper-button-prev::after {
   font-size: 16px;
   color: #fff
}

.tc-projects-style7 .swiper-button-next:hover,
.tc-projects-style7 .swiper-button-prev:hover {
   background-color: #8e2622
}

.tc-header-style2 .slider-content .head-slider .controls .swiper-button-next:hover::after,
.tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev:hover::after,
.tc-projects-style7 .swiper-button-next:hover::after,
.tc-projects-style7 .swiper-button-prev:hover::after {
   color: #fff
}

.tc-projects-style7 .swiper-button-next {
   right: 4vw
}

.tc-projects-style7 .swiper-button-prev {
   left: 4vw
}

.tc-projects-style7 .project-card {
   display: block;
   position: relative;
   height: 600px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-border-end: 1px solid #fff;
   border-inline-end: 1px solid #fff
}

.tc-projects-style7 .project-card:hover .info {
   background-color: #952522;
   color: #fff
}

.tc-projects-style7 .project-card .info {
   padding: 40px;
   width: 100%;
   color: #fff;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.tc-header-style2 .slider-content .head-slider .controls .cont-bg,
.tc-projects-style2 .project-card .img .year .bg,
.tc-projects-style7 .projects-content .glry-img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%
}

.tc-projects-style7 .projects-content .glry-img .tab-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform: scale(1.1, 1.1);
   -ms-transform: scale(1.1, 1.1);
   transform: scale(1.1, 1.1);
   opacity: 0;
   -webkit-transition: .7s;
   -o-transition: .7s;
   transition: .7s
}

.tc-projects-style7 .projects-content .glry-img .tab-img.current {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1
}

.tc-proccess-style7 {
   position: relative;
   padding: 150px 0
}

.tc-proccess-style7 .accordion-item .accordion-button {
   background-color: transparent !important;
   border: 0;
   border-top: 1px solid #ccc;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #000;
   font-size: 24px;
   font-weight: 600;
   padding: 30px 0
}

.tc-proccess-style7 .accordion-item .accordion-button::after {
   background-image: none;
   content: "\f067";
   font-family: "Font Awesome 6 Pro";
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
   font-size: 18px;
   font-weight: 400
}

.tc-proccess-style7 .accordion-item .accordion-button:not(.collapsed) {
   color: var(--color-green1);
   border-color: var(--color-green1);
   border-radius: 0
}

.tc-proccess-style7 .accordion-item .accordion-button:not(.collapsed)::after {
   content: "\f068"
}

.tc-proccess-style7 .accordion-item .accordion-button .num {
   color: #999;
   -webkit-margin-end: 40px;
   margin-inline-end: 40px;
   font-weight: 300
}

.tc-proccess-style7 .accordion-item .accordion-body {
   padding: 0 0 30px;
   -webkit-padding-start: 60px;
   padding-inline-start: 60px
}

.tc-proccess-style7 .img {
   height: 550px;
   margin-top: 50px;
   -webkit-transform: rotate(15deg);
   -ms-transform: rotate(15deg);
   transform: rotate(15deg)
}

.tc-proccess-style7 .img img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   opacity: 0;
   -webkit-transform: rotate(-15deg);
   -ms-transform: rotate(-15deg);
   transform: rotate(-15deg);
   -webkit-transition: .7s;
   -o-transition: .7s;
   transition: .7s;
   z-index: 0
}

.tc-proccess-style7 .img img.current {
   opacity: 1;
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
   z-index: 1
}

.tc-proccess-style7 .curve {
   position: absolute;
   bottom: 10%;
   right: 0;
   width: 50%;
   height: 100%;
   z-index: 20;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: bottom right;
   object-position: bottom right
}

.tc-partners-style3 {
   position: relative;
   padding: 105px 0;
   background-color: #fff;
   overflow: hidden
}

.tc-partners-style3 .bg {
   position: absolute;
   top: -20%;
   right: 0;
   width: 100%;
   height: 140%;
   -o-object-fit: cover;
   object-fit: cover;
   max-height: inherit
}

.tc-partners-style3::after {
   position: absolute;
   content: "";
   right: 0;
   top: 0;
   width: calc(((100% - 1320px)/ 2) + 1320px);
   height: 1px;
   background-color: #0003
}

.tc-partners-style3 .logos {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

.tc-partners-style3 .logos .logo-card {
   position: relative;
   background-color: #fff;
   height: 258px;
   border: 1px solid #ececec;
   width: 20%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 20px
}

.tc-partners-style3 .logos .logo-card:hover {
   border-color: var(--color-orange1)
}

.tc-partners-style3 .logos .logo-card .logo {
   max-width: 135px;
   max-height: 45px
}

.tc-partners-style3 .logos .logo-card .num {
   position: absolute;
   top: 20px;
   right: 20px;
   z-index: 10
}

.tc-partners-style3 .logos .logo-card p {
   position: absolute;
   left: 30px;
   bottom: 30px;
   text-transform: uppercase;
   color: #666;
   z-index: 10
}

.tc-projects-style2 {
   position: relative;
   padding-top: 110px
}

.tc-projects-style2 .tabs-links .nav-pills .nav-link {
   background-color: transparent;
   padding: 0;
   -webkit-margin-end: 40px;
   margin-inline-end: 40px;
   font-size: 18px;
   font-weight: 500;
   border-radius: 0;
   text-transform: capitalize;
   color: #666
}

.tc-location-style5 .location-slider .arrows .swiper-button-next:hover::after,
.tc-location-style5 .location-slider .arrows .swiper-button-prev:hover::after,
.tc-projects-style2 .tabs-links .nav-pills .nav-link.active,
.tc-projects-style2 .tabs-links .nav-pills .nav-link:hover {
   color: #000
}

.tc-projects-style2 .projects-slider-content {
   padding: 0 3vw;
   position: relative;
   overflow: hidden
}

.tc-projects-style2 .projects-slider-content .projects-slider {
   position: relative;
   overflow: hidden;
   padding-bottom: 120px
}

.tc-projects-style2 .projects-slider-content .projects-slider .controls {
   position: absolute;
   bottom: 0;
   width: 100%
}

.tc-projects-style2 .projects-slider-content .projects-slider .controls .swiper-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   bottom: 0;
   position: static
}

.tc-projects-style2 .projects-slider-content .projects-slider .controls .swiper-pagination .swiper-pagination-bullet {
   margin: 0;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   height: 1px;
   border-radius: 0;
   background-color: #ccc;
   opacity: 1
}

.tc-projects-style2 .projects-slider-content .projects-slider .controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   height: 3px;
   background-color: var(--color-orange1);
   margin-top: -1px
}

.tc-projects-style2 .project-card:hover .img .arrow {
   background-color: var(--color-orange1);
   color: #fff
}

.tc-projects-style2 .project-card .img {
   height: 650px;
   position: relative;
   border-radius: 0 20px 20px;
   overflow: hidden;
   display: block
}

.tc-projects-style2 .project-card .img::after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: .3
}

.tc-projects-style2 .project-card .img .year {
   position: absolute;
   top: 0;
   left: 0;
   width: 40%;
   padding: 30px 20px 40px 10px;
   text-align: center;
   color: #000;
   z-index: 10
}

.tc-projects-style2 .project-card .img .year .txt {
   position: relative;
   z-index: 10;
   font-size: 18px
}

.tc-projects-style2 .project-card .img .arrow {
   position: absolute;
   right: 20px;
   top: 20px;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background-color: #fff;
   font-size: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: .3s;
   transition: .3s;
   z-index: 10
}

.tc-projects-style2 .project-card .info {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 90%;
   padding: 40px;
   color: #fff
}

.tc-projects-style2 .project-card .info .title {
   font-size: 35px;
   font-weight: 500
}

.tc-header-style2 .slider-content .head-slider .slider-card .info .tags,
.tc-projects-style2 .project-card .info .tags {
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.tc-projects-style2 .project-card .info .tags a {
   padding: 8px 20px;
   border-radius: 30px;
   background-color: #fff;
   color: #000;
   font-weight: 500;
   font-size: 12px
}

.company-logo a img {
   max-width: 23%
}

.tc-footer-style2 .shap {
   position: absolute;
   left: 0;
   bottom: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   right: 0
}

.tc-footer-style2 .foot-main-content {
   position: relative;
   padding: 60px 0 30px
}

.find-box .find-box-text,
.tc-footer-style2 .foot-main-content .links-group ul li a {
   color: #181818;
   margin: 10px 0;
   font-size: 18px;
   line-height: 1.5;
   position: relative
}
.tc-footer-style2 .foot-main-content .links-group ul li a {
   display: flex;
   align-items: start;
   justify-content: flex-start;
}

.tc-footer-style2 .foot-main-content .links-group.hover-links ul li {
   padding-left: 15px
}

.tc-footer-style2 .foot-main-content .links-group.hover-links ul li a:before {
   content: '»';
   position: absolute;
   opacity: 1;
   top: -2px;
   left: -16px;
   transition: .5s
}

.tc-footer-style2 .foot {
   padding: 22px 0
}

.tc-footer-style2 .foot .logo img {
   height: 35px;
   -o-object-fit: contain;
   object-fit: contain
}

.foot .social-links a {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: 1px solid #ccc;
   margin: 0 5px;
   font-size: 20px
}

.foot .social-links a:first-child {
   background-color: #4a93e8;
   color: #fff;
   border: 1px solid #4a93e8
}

.foot .social-links a:first-child:hover {
   background-color: #fff;
   color: #4a93e8;
   border: 1px solid #4a93e8
}

.foot .social-links a:nth-child(2) {
   background-color: #446ee9;
   color: #fff;
   border: 1px solid #446ee9
}

.foot .social-links a:nth-child(2):hover {
   background-color: #fff;
   color: #446ee9;
   border: 1px solid #446ee9
}

.foot .social-links a:nth-child(3) {
   background-color: #dd2e74;
   color: #fff;
   border: 1px solid #dd2e74
}

.foot .social-links a:nth-child(3):hover {
   background-color: #fff;
   color: #dd2e74;
   border: 1px solid #dd2e74
}

.foot .social-links a:nth-child(4) {
   background-color: #3171af;
   color: #fff;
   border: 1px solid #3171af
}

.foot .social-links a:nth-child(4):hover {
   background-color: #fff;
   color: #3171af;
   border: 1px solid #3171af
}

.foot .social-links a:nth-child(5) {
   background-color: #eb0701;
   color: #fff;
   border: 1px solid #eb0701
}

.foot .social-links a:nth-child(5):hover {
   background-color: #fff;
   color: #eb0701;
   border: 1px solid #eb0701
}

.home-style2 .sub-font {
   font-family: "Instrument Serif", serif
}

.home-style2 .ico-45 {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.tc-testimonials-style2 {
   padding: 110px 0;
   background-color: #1f1f1f;
   border-radius: 40px 40px 0 0
}

.tc-testimonials-style2 .slider-controls {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 20px;
   border-radius: 30px;
   border: 1px solid #fff3;
   position: absolute;
   right: 26px;
   bottom: -45px;
   z-index: 10
}

.tc-testimonials-style2 .slider-controls .swiper-button-next::after,
.tc-testimonials-style2 .slider-controls .swiper-button-prev::after {
   color: #fff;
   font-size: 12px
}

.tc-testimonials-style2 .slider-controls .swiper-pagination {
   position: static;
   margin: 0 10px;
   color: #fff
}

.tc-testimonials-style2 .img-slider .arrows {
   position: absolute;
   left: 20px;
   bottom: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #000;
   border-radius: 50px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0 10px;
   width: 100px;
   z-index: 30
}

.tc-testimonials-style2 .img-slider .arrows .swiper-button-next,
.tc-testimonials-style2 .img-slider .arrows .swiper-button-prev {
   position: static;
   margin: 0
}

.tc-testimonials-style2 .img-slider .arrows .swiper-button-next::after,
.tc-testimonials-style2 .img-slider .arrows .swiper-button-prev::after {
   color: #fff;
   font-size: 16px
}

.tc-testimonials-style2 .img-slider .slider-card .img {
   position: relative;
   height: 330px;
   border-radius: 15px;
   overflow: hidden
}

.tc-testimonials-style2 .img-slider .slider-card .img .shap1 {
   position: absolute;
   right: 0;
   bottom: 0;
   height: 35%;
   z-index: 10
}

.tc-testimonials-style2 .img-slider .slider-card .img .shap2 {
   position: absolute;
   left: 0;
   top: 0;
   height: 20%;
   z-index: 10
}

.tc-testimonials-style2 .text-slider .text {
   font-size: 28px;
   font-weight: 400;
   color: #fff;
   line-height: 1.4;
   margin-bottom: 20px
}

.tc-testimonials-style2 .text-slider .user-wrapper {
   padding-top: 45px;
   margin-top: 45px;
   border-top: 1px solid #fff3;
   color: #fff
}

.tc-testimonials-style2 .text-slider .user-wrapper .user-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.tc-testimonials-style2 .text-slider .user-wrapper .user-content .img {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
   -webkit-margin-end: 15px;
   margin-inline-end: 15px;
   -ms-flex-negative: 0;
   flex-shrink: 0
}

.tc-testimonials-style2 .logos {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: 80px
}

.tc-testimonials-style2 .logos a {
   height: 45px;
   opacity: .5
}

.tc-location-style5 .location-slider .swiper-slide.swiper-slide-active .slider-card,
.tc-testimonials-style2 .logos a:hover {
   opacity: 1
}

.tc-testimonials-style2 .logos a img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.tc-header-style2 {
   position: relative;
   padding-top: 120px
}

.tc-header-style2 .top-info h1 {
   font-size: 90px;
   font-weight: 600
}

.tc-header-style2 .top-info h1 span {
   color: var(--color-orange1);
   font-style: italic;
   font-weight: 400
}

.tc-header-style2 .top-info .award-wrapper {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 40px;
   border: 1px solid #999;
   border-radius: 50px;
   margin-top: 70px
}

.tc-header-style2 .top-info .award-wrapper p {
   font-size: 18px
}

.tc-header-style2 .top-info .award-wrapper .line {
   width: 60px;
   height: 1px;
   background-color: #999;
   margin: 0 30px
}

.tc-header-style2 .top-info .facts-wrapper {
   position: relative;
   padding: 30px 40px
}

.tc-header-style2 .top-info .facts-wrapper .num {
   font-size: 32px;
   font-weight: 400
}

.tc-header-style2 .top-info .facts-wrapper p {
   color: #666
}

.tc-header-style2 .top-info .facts-wrapper .line {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 0
}

.tc-header-style2 .slider-content {
   margin-top: 120px;
   padding: 0 3vw
}

.tc-header-style2 .slider-content .head-slider .slider-card .img {
   position: relative;
   height: 650px;
   border-radius: 20px;
   overflow: hidden
}

.tc-header-style2 .slider-content .head-slider .slider-card .img::after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#000000cb), to(transparent));
   background-image: linear-gradient(to top, #000000cb, transparent)
}

.tc-header-style2 .slider-content .head-slider .slider-card .info {
   position: absolute;
   left: 0;
   bottom: 50px;
   color: #fff;
   z-index: 20;
   width: 100%
}

.tc-header-style2 .slider-content .head-slider .slider-card .info .title a {
   font-size: 60px;
   font-weight: 500
}

.tc-header-style2 .slider-content .head-slider .slider-card .info .tags a {
   padding: 10px 30px;
   border-radius: 30px;
   background-color: #fff;
   color: #000;
   font-weight: 500
}

.tc-header-style2 .slider-content .head-slider .controls {
   position: absolute;
   right: 150px;
   bottom: -1px;
   width: 350px;
   z-index: 5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 20px 40px
}

.tc-header-style2 .slider-content .head-slider .controls .swiper-button-next,
.tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev {
   position: static;
   width: 45px;
   height: 45px;
   border-radius: 10px;
   border: 1px solid #9999;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin: 0;
   -webkit-transition: .3s;
   transition: .3s
}

.tc-header-style2 .slider-content .head-slider .controls .swiper-button-next::after,
.tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev::after {
   font-size: 14px;
   color: #000;
   -webkit-transition: .3s;
   transition: .3s
}

.tc-header-style2 .slider-content .head-slider .controls .swiper-button-next:hover,
.tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev:hover {
   background-color: #000;
   border-color: #000
}

.tc-header-style2 .slider-content .head-slider .controls .swiper-pagination {
   position: static
}

.tc-header-style2 .slider-content .head-slider .controls .swiper-pagination .swiper-pagination-bullet {
   margin: 0 5px
}

.tc-header-style2 .head-features {
   margin-top: 50px;
   padding-bottom: 120px;
   border-bottom: 1px solid #ccc
}

.tc-header-style2 .head-features .feat-card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 30px
}

.tc-header-style2 .head-features .feat-card .icon {
   width: 60px;
   height: 60px;
   border-radius: 50px;
   background-color: #f1eee9;
   color: var(--color-orange1);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-margin-end: 20px;
   margin-inline-end: 20px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   font-size: 18px
}

.tc-location-style5 .location-slider .arrows {
   position: absolute;
   right: calc((100vw - 1320px)/ 2);
   bottom: 140px;
   z-index: 10;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: end
}

.tc-location-style5 .location-slider .arrows .swiper-button-next,
.tc-location-style5 .location-slider .arrows .swiper-button-prev {
   position: static;
   -webkit-margin-start: 10px;
   margin-inline-start: 10px;
   width: 120px;
   height: 120px;
   border-radius: 50%;
   border: 1px solid var(--color-brown1);
   -webkit-transition: .3s;
   transition: .3s
}

.tc-location-style5 .location-slider .arrows .swiper-button-next::after,
.tc-location-style5 .location-slider .arrows .swiper-button-prev::after {
   font-size: 30px;
   color: #fff;
   -webkit-transition: .3s;
   transition: .3s
}

.tc-location-style5 .location-slider .arrows .swiper-button-next:hover,
.tc-location-style5 .location-slider .arrows .swiper-button-prev:hover {
   background-color: var(--color-brown1)
}

.tc-location-style5 .location-slider .slider-card {
   position: relative;
   height: 900px;
   min-height: -webkit-max-content;
   min-height: -moz-max-content;
   min-height: max-content;
   padding: 140px 0;
   opacity: 0;
   -webkit-transition: .5s linear;
   transition: .5s linear
}

.tc-location-style5 .location-slider .slider-card::after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .35)), to(rgba(0, 0, 0, .35)));
   background: linear-gradient(0deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .35))
}

.tc-location-style5 .location-slider .slider-card .bg {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.tc-location-style5 .location-slider .slider-card .content .info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   height: 620px;
   min-height: -webkit-max-content;
   min-height: -moz-max-content;
   min-height: max-content
}

.tc-location-style5 .location-slider .slider-card .content .info .number {
   display: block;
   font-size: 300px;
   letter-spacing: -.01em;
   text-transform: uppercase;
   font-weight: 400;
   line-height: 250px;
   margin-bottom: 50px;
   font-family: "Instrument Serif", serif
}

.tc-location-style5 .location-slider .slider-card .content .info h2 {
   font-size: 72px;
   line-height: 80px;
   text-transform: uppercase;
   margin-top: 80px;
   font-weight: 400
}

.tc-services-style7 .content {
   position: relative;
   padding: 50px 0
}

.sub-choose-pt-pb {
   width: 100%;
   display: inline-block;
   padding: 210px 0 0;
   border-radius: 40px 40px 0 0;
   margin-top: -30px
}

.tc-services-style7 .content .service-card {
   position: relative;
   margin-top: 50px;
   padding: 30px;
   border: 1px solid #ccc;
   display: block
}

.about-us-img,
.reecosys-section,
.sub-four-ap-pt-pb,
.sub-slick-slider-box,
.sub-three-fl-pt-pb,
.why-info {
   display: inline-block
}

.tc-services-style7 .content .service-card:hover {
   border-top: 5px solid var(--color-green1)
}

.tc-services-style7 .content .service-card .top-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 60px
}

.tc-services-style7 .content .service-card .top-info .icon {
   width: 65px;
   height: 65px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   background-color: #f3f8e9;
   color: var(--color-green1);
   font-size: 18px
}

.tc-services-style7 .content .service-card .text {
   min-height: 105px;
   font-size: 19px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end
}

.tc-process-style2 {
   position: relative;
   padding: 110px 0;
   overflow: hidden;
   border-radius: 40px 40px 0 0
}

.tc-process-style2 .bg {
   position: absolute;
   left: 0;
   top: -15%;
   width: 100%;
   height: 130%;
   -o-object-fit: cover;
   object-fit: cover;
   background-image: url(../img/prc_bg.png);
   background-size: cover;
   background-repeat: no-repeat;
   max-height: inherit
}

.tc-process-style2 .accordion-item {
   border: 0;
   border-radius: 20px;
   margin-bottom: 5px
}

.tc-process-style2 .accordion-item .accordion-button {
   color: #000;
   background-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
   padding: 30px;
   border: 0
}

.tc-process-style2 .accordion-item .accordion-button:not(.collapsed)::after {
   font-size: 18px;
   background-image: none;
   content: "-";
   font-family: "Font Awesome 5 Pro";
   -webkit-transform: rotate(0) !important;
   transform: rotate(0) !important
}

.tc-process-style2 .accordion-item .accordion-button .num {
   font-size: 24px;
   color: #999;
   font-weight: 200;
   -webkit-margin-end: 30px;
   margin-inline-end: 30px;
   font-family: "Instrument Serif", serif
}

.tc-process-style2 .accordion-item .accordion-button::after {
   font-size: 20px;
   background-image: none;
   content: "\2b";
   font-family: "Font Awesome 5 Pro";
   -webkit-transform: rotate(0) !important;
   transform: rotate(0) !important
}

.tc-process-style2 .imgs {
   position: relative;
   background-image: url(../img/bubbles.html);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center
}

.tc-process-style2 .imgs .img {
   position: relative;
   margin: 0 auto
}

.tc-process-style2 .imgs .img img {
   border-radius: 50%
}

.tc-process-style2 .imgs .img:first-of-type {
   width: 360px;
   height: 360px;
   border-radius: 50%;
   -webkit-transform: translateX(50px);
   transform: translateX(50px)
}

.tc-process-style2 .imgs .img:first-of-type .txt {
   font-size: 35px;
   position: absolute;
   top: 65px;
   right: -65px;
   z-index: 10;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   border-radius: 15px;
   padding: 8px 30px;
   text-transform: capitalize;
   color: #000000;
}

.tc-process-style2 .imgs .img:nth-of-type(2) {
   position: absolute;
   right: -100px;
   top: 150px;
   width: 160px;
   height: 160px;
   border-radius: 50%
}

.tc-process-style2 .imgs .img:nth-of-type(2)::after,
.tc-process-style2 .imgs .img:nth-of-type(3)::after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#000000c5), to(transparent));
   background-image: linear-gradient(to top, #000000c5, transparent);
   border-radius: 50%
}

.tc-process-style2 .imgs .img:nth-of-type(2) .txt {
   font-size: 25px;
   position: absolute;
   bottom: 15px;
   right: 0;
   z-index: 10;
   color: #fff;
   text-transform: capitalize;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   border-radius: 15px;
   padding: 8px 30px;
   text-transform: capitalize;
   color: #000000;
}

.tc-process-style2 .imgs .img:nth-of-type(3) {
   position: absolute;
   left: 70px;
   top: 300px;
   width: 220px;
   height: 220px;
   border-radius: 50%
}

.tc-process-style2 .imgs .img:nth-of-type(3) .txt {
   font-size: 30px;
   position: absolute;
   bottom: 15px;
   right: 50%;
   -webkit-transform: translateX(50%);
   transform: translateX(50%);
   z-index: 10;
   color: #fff;
   text-transform: capitalize;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   border-radius: 15px;
   padding: 8px 30px;
   text-transform: capitalize;
   color: #000000;
}

.tc-process-style2 .imgs .img:nth-of-type(4) {
   width: 240px;
   height: 240px;
   border-radius: 50%;
   margin-top: 40px;
   -webkit-transform: translateX(100%);
   transform: translateX(100%)
}

.tc-process-style2 .imgs .img:nth-of-type(4) .txt {
   font-size: 30px;
   position: absolute;
   top: 65px;
   left: -65px;
   z-index: 10;
   background-color: #000;
   color: #fff;
   border-radius: 15px;
   padding: 5px 30px;
   text-transform: capitalize;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   border-radius: 15px;
   padding: 8px 30px;
   text-transform: capitalize;
   color: #000000;
}

@media screen and (max-width:991px) {
   .tc-navbar-style1 {
      position: relative;
      /* background-color: #333 */
   }

   .tc-navbar-style1 .content {
      border: 0
   }

   .tc-navbar-style1 .content .navbar-nav {
      margin: 20px 0
   }

   .tc-navbar-style1 .content .navbar-nav .nav-link {
      margin: 0
   }

   .tc-header-style1 .slider-card .img {
      height: 550px
   }

   .tc-header-style1 .slider-card .info {
      bottom: 60px
   }

   .home-style1 br,
   .home-style2 br,
   .tc-header-style1 .swiper-pagination,
   .tc-process-style1 .accordion-item .accordion-button .num {
      display: none
   }

   .tc-header-style1 .header-slider .slider-controls {
      bottom: 165px;
      right: 0
   }

   .tc-header-style1 .header-slider .slider-controls .swiper-button-next::after,
   .tc-header-style1 .header-slider .slider-controls .swiper-button-prev::after {
      font-size: 20px
   }

   .tc-experience-style1,
   .tc-process-style1,
   .tc-process-style2,
   .tc-services-style7 .content,
   .tc-testimonials-style2 {
      padding: 80px 0
   }

   .tc-experience-style1 .c-line {
      -o-object-fit: contain;
      object-fit: contain
   }

   .tc-experience-style1 .img {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      margin-bottom: 50px
   }

   .tc-experience-style1 .exp-num .num {
      position: relative;
      margin-bottom: -175px;
      z-index: 10
   }

   .tc-services-style1 .service-card {
      border: 0;
      padding: 0;
      margin-top: 50px !important
   }

   .tc-process-style1 .accordion-item .accordion-button h3 {
      font-size: 21px
   }

   .tc-process-style1 .accordion-item .accordion-body {
      -webkit-padding-start: 30px;
      padding-inline-start: 30px
   }

   .tc-process-style1 .img {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      margin-top: 50px;
      height: 350px
   }

   .tc-projects-style1 .projects {
      padding-bottom: 50px
   }

   .tc-blog-style1 .blog-card .img,
   .tc-projects-style1 .projects .project-card .img,
   .tc-testimonials-style2 .img-slider .slider-card .img {
      height: 350px
   }

   .tc-projects-style1 .projects .project-card .info .title,
   .tc-projects-style2 .project-card .info .title {
      font-size: 25px
   }

   .tc-awards-style1,
   .tc-testimonials-style1 {
      padding: 50px 0
   }

   .tc-testimonials-style1 .lg-icon {
      font-size: 120px
   }

   .tc-chat-style1 .xl-text,
   .tc-header-style2 .top-info h1,
   .tc-testimonials-style1 .marq-slider a {
      font-size: 50px
   }

   .tc-awards-style1 .awards-content .awards-list .award-row {
      background-color: #fff1;
      margin-bottom: 30px
   }

   .tc-blog-style1 .blog-card .info {
      display: block;
      width: 100%
   }

   .tc-blog-style1 .blog-card .info .date {
      width: 100%;
      margin-bottom: 15px
   }

   .home-style1 .fsz-50,
   .home-style2 .fsz-45,
   .home-style2 .fsz-50 {
      font-size: 30px !important
   }

   .home-style1 .fsz-40,
   .home-style1 .fsz-45,
   .home-style2 .fsz-40 {
      font-size: 25px !important
   }

   .home-style1 .mb-90,
   .home-style2 .mb-90 {
      margin-bottom: 40px !important
   }

   .home-style1 .fsz-30,
   .home-style2 .fsz-30 {
      font-size: 18px !important
   }

   .home-style1 .mb-50 {
      margin-bottom: 30px !important
   }

   .home-style1 .section-head-style1 .sub-title {
      margin-bottom: 15px !important
   }

   .home-style1 .section-head-style1 h2,
   .tc-testimonials-style2 .text-slider .text {
      font-size: 30px
   }

   .home-style1 .mt-5 {
      margin-top: 2rem !important
   }

   .home-style1 .section-padding {
      padding-top: 50px;
      padding-bottom: 50px
   }

   .tc-header-style2 .slider-content .head-slider .slider-card .img,
   .tc-projects-style2 .project-card .img,
   .tc-projects-style7 .project-card {
      height: 400px
   }

   .tc-proccess-style7 {
      overflow: hidden
   }

   .tc-proccess-style7 .img {
      width: 70vw;
      -webkit-margin-start: 15vw;
      margin-inline-start: 15vw;
      height: 350px
   }

   .tc-partners-style3 .logos .logo-card {
      height: 220px;
      width: 50%
   }

   .tc-header-style2,
   .tc-projects-style2 {
      padding-top: 80px
   }

   .tc-projects-style2 .tabs-links .nav-pills .nav-link {
      -webkit-margin-end: 15px;
      margin-inline-end: 15px;
      font-size: 12px;
      font-weight: 600
   }

   .tc-footer-style2 .logo {
      margin-bottom: 30px
   }

   .tc-footer-style2 .butn,
   .tc-footer-style2 .social-links {
      margin-top: 30px
   }

   .home-style2 .mt-80 {
      margin-top: 50px !important
   }

   .home-style2 .mt-70 {
      margin-top: 45px !important
   }

   .home-style2 .mb-80 {
      margin-bottom: 50px !important
   }

   .tc-testimonials-style2 .img-slider {
      margin-bottom: 50px
   }

   .tc-testimonials-style2 .logos {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .tc-testimonials-style2 .logos a {
      width: 30%;
      margin: 10px
   }

   .tc-header-style2 .top-info .award-wrapper p {
      font-size: 12px;
      -ms-flex-negative: 0;
      flex-shrink: 0
   }

   .tc-header-style2 .top-info .facts-wrapper {
      margin-top: 50px
   }

   .tc-header-style2 .slider-content {
      margin-top: 80px
   }

   .tc-header-style2 .slider-content .head-slider .slider-card .info {
      bottom: 100px
   }

   .tc-header-style2 .slider-content .head-slider .slider-card .info .title a {
      font-size: 35px
   }

   .tc-header-style2 .slider-content .head-slider .controls {
      right: 50%;
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      width: 300px;
      padding: 15px 25px
   }

   .tc-header-style2 .head-features {
      padding-bottom: 80px
   }

   .tc-location-style5 .location-slider .slider-card .content .info .number {
      font-size: 150px;
      line-height: 1
   }

   .tc-location-style5 .location-slider .slider-card .content .info h2 {
      font-size: 40px;
      line-height: 1.2
   }

   /* .tc-services-style7 {
      padding: 0 !important
   } */

   .tc-process-style2 .imgs {
      margin-top: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .tc-process-style2 .imgs .img {
      width: 48% !important;
      height: 250px !important;
      border-radius: 30px !important;
      margin: 1% !important;
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      -webkit-transform: translate(0) !important;
      transform: translate(0) !important
   }

   .tc-process-style2 .imgs .img::after {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#000000c5), to(transparent));
      background-image: linear-gradient(to top, #000000c5, transparent);
      border-radius: 30px !important
   }

   .tc-process-style2 .imgs .img img {
      border-radius: 30px !important
   }

   .tc-process-style2 .imgs .img .txt {
      font-size: 30px !important;
      position: absolute !important;
      top: auto !important;
      bottom: 15px !important;
      right: 50% !important;
      -webkit-transform: translateX(50%) !important;
      transform: translateX(50%) !important;
      z-index: 10 !important;
      color: #fff !important;
      text-transform: capitalize !important;
      background-color: transparent !important;
      border: 0 !important
   }
}

section::after {
   position: absolute;
   z-index: -1;
   font-family: "Roboto Condensed", sans-serif;
   opacity: .1;
   left: 0;
   top: -3%
}

.about-us .about-info p,
.product-detail-box p {
   font-family: var(--public-sans-light-font-family)
}

.tc-projects-style7::after {
   position: absolute;
   z-index: 0;
   font-family: "Roboto Condensed", sans-serif;
   opacity: .1;
   left: 0;
   top: 37px
}

.sub-choose-pt-pb::after,
.sub-floor-text::after,
.sub-process-pt-pb::after {
   position: absolute;
   font-size: 200px;
   font-family: "Roboto Condensed", sans-serif;
   opacity: .1;
   left: 0;
   z-index: 999;
   line-height: 1;
   color: transparent;
   font-weight: 700;
   content: attr(data-content)
}

.sub-choose-pt-pb::after {
   -webkit-text-stroke: 2px #000;
   top: 10%
}

.sub-floor-text::after {
   -webkit-text-stroke: 2px #000;
   top: 0
}

.sub-process-pt-pb::after {
   -webkit-text-stroke: 2px #ffffff;
   top: 5%
}

.sub-three-fl-pt-pb {
   width: 100%;
   padding: 120px 0 100px
}

.reecosys-section {
   width: 100%;
   padding: 85px 0 0 !important
}

.sub-four-ap-pt-pb {
   width: 100%;
   padding: 60px 0
}

.sub-four-ap-pt-pb h2 {
   color: #fff !important
}

.about-us-img {
   width: 100%;
   padding: 0;
   border: 10px solid #e3e3e3;
   border-radius: 5px;
   overflow: hidden;
   margin: 50px 0;
}

.sub-why-gallery-box {
   width: 100%;
   margin: 35px 0 85px;
   padding: 85px 0 0
}

.center-slider .slick-slide {
   background-color: var(--color-orange1);
   color: #fff;
   height: auto;
   margin: 100px 15px 100px 0;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   position: relative
}

.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] {
   transform: scale(.8, .8);
   transition: .4s ease-in-out
}

.why-info {
   width: 100%;
   text-align: center;
   padding: 0
}

.why-info h4 {
   font-size: 28px;
   font-weight: 400;
   padding: 10px 15px
}

.sub-slick-slider-box {
   width: 100%;
   border: 10px solid #fff;
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.testimonial,
.testimonial .title {
   border: 1px solid var(--color-orange1)
}

.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] {
   transform: scale(1.1);
   background-color: #212529;
   z-index: -1
}

.center-slider .slick-current.slick-active {
   transform: scale(1.4);
   background-color: #212529;
   z-index: 999999999;
   display: inline-block
}

.slick-next,
.slick-prev {
   z-index: 5;
   display: none !important
}

.slick-next {
   right: 15px;
   display: none
}

.slick-prev {
   left: 15px;
   display: none
}

.slick-next:before,
.slick-prev:before {
   color: #000;
   font-size: 26px
}

.testimonial {
   padding: 70px 30px 50px;
   margin: 50px 30px 70px;
   position: relative
}

.testimonial .pic {
   width: 100px;
   height: 100px;
   overflow: hidden;
   margin: 0 auto;
   position: absolute;
   top: -50px;
   left: auto;
   right: 23px
}

.testimonial .pic img {
   width: 100%;
   height: auto
}

.testimonial .description {
   font-size: 16px;
   color: #fff;
   line-height: 27px;
   text-align: left;
   margin: 0;
   position: relative
}

.testimonial .description:before {
   content: "\f10d";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: 25px;
   color: #d7d7d7;
   /* position: absolute; */
   top: 0;
   left: -2px
}

.testimonial .title {
   display: inline-table;
   padding: 10px;
   margin: 0 auto;
   background: #fff;
   font-size: 16px;
   font-weight: 500;
   color: #1f1f1f;
   letter-spacing: 1px;
   text-transform: uppercase;
   position: absolute;
   bottom: 0px;
   left: 30px;
   right: auto;
}
.testimonial .title:last-child{
   bottom: -41px;
}

.testimonial .post {
   font-size: 15px;
   color: #fff
}

.about-us .tc-header-style1 .slider-card .img {
   height: 650px;
   position: relative;
   min-height: 70vh
}

.about-us .tc-header-style1 .slider-card .info h1 {
   font-size: calc(5vw + 0px);
   font-weight: 500;
   line-height: 1;
   text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.about-us .about-info p {
   letter-spacing: .3px;
   line-height: 1.6;
   font-size: var(--content-size);
   margin-bottom: 24px;
   font-size: 17px;
   padding-right: 50px;
}

.about-us section .about-title {
   position: absolute;
   font-size: 200px;
   font-weight: 700;
   color: transparent;
   line-height: 1;
   -webkit-text-stroke: 2px #2222222e;
   z-index: 0;
   font-family: "Roboto Condensed", sans-serif;
   opacity: .4;
   left: 0;
   top: -20px;
   text-align: center;
   right: 0
}

.about-content-item {
   box-shadow: 0 8px 17px 5px #ffffff47;
   border-radius: 6px;
   background-color: #ffffffd4;
   padding: 62px;
   backdrop-filter: blur(7px);
   position: relative
}

.hignlights-content {
   font-weight: 700;
   text-transform: capitalize;
   cursor: pointer;
   transition: .4s;
   position: relative
}

span.company-item {
   cursor: pointer
}

.about-content img.image-reveal {
   position: absolute;
   width: 400px;
   object-fit: cover;
   transform: translateX(-50%) translateY(-50%);
   top: 65% !important;
   left: 50% !important;
   z-index: 10
}

.bg-radius {
   display: block;
   width: 100%;
   padding: 21px;
   background: #fff;
   border-radius: 40px 40px 0 0;
   margin-top: -37px;
   z-index: 99999;
   position: absolute
}

.about-content h4 {
   margin-bottom: 20px;
   font-size: 44px;
   /* font-family: math; */
   font-weight: 700;
}

.about-info h6 {
   margin-bottom: 16px;
   color: #4b4b4bec;
   font-weight: 300;
   font-size: 20px;
}

.our-products-items .product-list {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
   gap: 20px
}

/* .our-products-items .product-items:has(.product-item:hover) .product-item:not(:hover) {
   filter: blur(2px);
   opacity: .7
} */

.our-products-items .product-items .product-item{
   transition: 0.3s;
   transition-delay: 0.2s;
   margin-bottom: 5px;
}
.our-products-items .product-items .product-item .more-details-btn{
   margin-top: 8px;
}
.our-products-items .product-items .product-item:hover {
   box-shadow: 4px 7px 13px #9f9f9f;
}

.our-products-items .product-item {
   border: 1px solid #fff;
   border-radius: 10px;
   display: flex;
   flex-direction: column-reverse;
   justify-content: space-between;
   align-items: center;
   transition: filter .1s ease-in-out, opacity .1s ease-in-out;
   background: #fff;
   overflow: hidden
}

.our-products-items .img {
   width: 100%;
   margin-top: 10px;
   text-align: center;
   display: none;
}
.our-products-items .img img{
  width: 100%;
  max-width: 65%;
  margin: auto;
}
.our-products-items .e-home-box .img img{
  width: 100%;
  max-width: 62%;
  margin: auto;
}

.our-products-items .info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   flex-direction: column;
   padding:20px 20px;
   position: relative;
}
/* .our-products-items .info::after {
   content: "";
   background-color: #8f252329;
   position: absolute;
   bottom: 0;
   top: auto;
   left: 0;
   right: 0;
   width: 100%;
  
   z-index: 0;
   padding: 63px;
} */

.our-products-items .info h3, .our-products-items .info .more-details-btn{
   z-index: 99;
   transition: 0.4s;
   transition-delay: 0.2s;
}
/* .our-products-items .info h3{
   text-shadow: -2px 6px 5px #979797;   
}
.our-products-items .product-items .product-item:hover h3 {
   transform: translateY(-20px);
} */

.our-products-items .info a {
   font-size: 17px;
   transition: .4s;
   color: #8f2523;
   padding: 0;
   background: #f5f5f7
}

.our-products-items .info a:focus {
   border: none;
   outline: 0 !important;
   box-shadow: none
}

.info h3 {
   font-size: 30px;
   margin-bottom: 15px
}

.info .btn:active,
.info .btn:focus,
.info .btn:hover {
   outline: 0 !important;
   outline-offset: 0
}

/* .info .btn span::after,
.info .btn span::before,
.info .btn::after,
.info .btn::before {
   position: absolute;
   content: ""
} */

.btn-4 span {
   color: #8f2523;
   background-color: #f5f5f5
}

.btn-4::after,
.btn-4::before {
   width: 15%;
   height: 1px;
   background-color: #8f2523;
   z-index: 2
}

.info .btn {
   position: relative;
   display: inline-block;
   width: auto;
   height: auto;
   background-color: transparent;
   border: none;
   cursor: pointer;
   margin: 0 25px 15px;
   min-width: 150px
}

.info .btn span {
   position: relative;
   display: inline-block;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: capitalize;
   top: 0;
   left: 0;
   width: 100%;
   padding: 15px 20px;
   transition: .3s;
   border-radius: 4px
}
.info .btn:hover span {
   border-radius: 50rem !important;
}
/* 
.info .btn.hover-border-7::after,
.info .btn.hover-border-7::before {
   bottom: 0;
   transition: width .2s ease-out .35s
}

.info .btn.hover-border-7::before {
   right: 50%
}

.info .btn.hover-border-7::after {
   left: 50%
}

.info .btn.hover-border-7:hover::after,
.info .btn.hover-border-7:hover::before {
   width: 50%;
   transition: width .2s ease-in
}

.info .btn.hover-border-7 span::after,
.info .btn.hover-border-7 span::before {
   width: 0%;
   height: 0%;
   background: 0 0;
   opacity: 0;
   z-index: 2;
   transition: width .2s ease-in, height .15s linear .2s, opacity 0s .35s
} */

/* .info .btn.hover-border-7 span::before {
   top: 0;
   bottom: 0;
   left: 0;
   border-left: 1px solid #8f2523;
   border-top: 1px solid #8f2523;
   border-radius: 4px 0 0
}

.info .btn.hover-border-7 span::after {
   top: 0;
   bottom: 0;
   right: 0;
   border-right: 1px solid #8f2523;
   border-top: 1px solid #8f2523;
   border-radius: 0 4px 0 0
} */

/* .info .btn.hover-border-7 span:hover::after,
.info .btn.hover-border-7 span:hover::before {
   width: 50%;
   height: 96%;
   opacity: 1;
   transition: height .2s ease-in .2s, width .2s linear .4s, opacity 0s .2s
} */

section.related-product-items::after {
   content: attr(data-content);
   position: absolute;
   font-size: 200px;
   font-weight: 700;
   color: transparent;
   line-height: 1;
   -webkit-text-stroke: 2px #000;
   z-index: 0;
   font-family: "Roboto Condensed", sans-serif;
   opacity: .1;
   left: 0;
   top: 1%
}

.anything-product {
   margin-top: -40px;
   background-color: #f5f5f7;
   border-radius: 40px 40px 0 0;
   padding-bottom: 160px
}

.box-title h3 {
   font-size: 40px;
   line-height: 1.2;
   letter-spacing: .3px;
   text-align: center;
   color: #8f2523
}

.product-detail-box {
   border-radius: 5px 5px 40px 40px;
   /* overflow: hidden */
}

.product-detail-box p {
   letter-spacing: .4px;
   line-height: 1.6;
   font-size: var(--content-size);
   margin-bottom: 24px;
   font-size: 18px;
   text-align: left
}

.sub-product-images {
   text-align: center
}

.sub-product-images img {
   border-radius: 0 0 30px 30px;
   width: 100%;
   max-width: 70%;
   margin: auto
}

section.related-product-items {
   justify-content: center;
   align-items: center;
   display: flex;
   position: relative;
   overflow: hidden;
   margin-top: -33px;
   background: #fff
}

.related-product-items .section .container {
   width: 100%;
   max-width: 1920px;
   margin-left: auto;
   margin-right: auto;
   padding: 30px
}

.related-product-items .swiper-wrapper {
   flex: none;
   align-items: flex-start;
   display: flex
}

.related-product-items .swiper-slide {
   flex: none
}

.related-product-items .swiper-slide .people__card {
   position: relative;
   overflow: hidden;
   height: 500px;
   background-color: #111b1a;
   border-radius: 11px;
   display: flex;
   align-items: end
}

@media (max-width:1699px) {
   .related-product-items .swiper-slide .people__card {
      height: 512px
   }
}

@media (max-width:1199px) {
   .related-product-items .swiper-slide .people__card {
      height: 450px
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__number {
      margin-bottom: 20px;
      font-size: 24px
   }
}

@media (max-width:991px) {
   .related-product-items .swiper-slide .people__card {
      height: 400px
   }
}

.related-product-items .swiper-slide .people__card .people__card__image {
   display: inline-block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
   margin-left: -100px;
   width: 130%;
   height: 100%;
   max-width: none;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 13px;
   transition: transform .7s
}

.related-product-items .swiper-slide .people__card .people__card__content {
   position: relative;
   z-index: 3;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
   padding: 25px 30px;
   border-radius: 14px;
   transition: .3s;
   background: #0000007a;
   backdrop-filter: blur(5px);
   margin: 0 23px 20px
}

.related-product-items .swiper-slide .people__card .people__card__content .slide__title {
   margin-bottom: 20px;
   font-size: 1.8em;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: -.03em;
   color: #ebefe3
}

@media (max-width:1199px) {
   .related-product-items .swiper-slide .people__card .people__card__content .slide__number {
      font-size: 20px
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__title {
      font-size: 2.4em
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__subtitle {
      font-size: 15px;
      max-width: 100%
   }
}

.related-product-items .swiper-slide .people__card .people__card__content .slide__btn {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 0 2px;
   border-bottom: 1px solid #ebefe3;
   text-decoration: none;
   transition: .4s;
   text-transform: capitalize
}

.related-product-items .swiper-slide .people__card .people__card__content .slide__btn:hover {
   transform: translateY(-7px)
}

.related-product-items .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__text {
   margin-right: 7px;
   font-size: 17px;
   font-weight: 500;
   color: #ebefe3;
   transition: color .3s
}

.related-product-items .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon {
   width: 15px;
   font-size: 24px
}

@media (max-width:767px) {
   .related-product-items .swiper-slide .people__card {
      height: auto
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__title {
      font-size: 1.92em
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__subtitle {
      font-size: 14px;
      max-width: 85%
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__btn {
      padding: 10px 20px
   }

   .related-product-items .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon,
   .related-product-items .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__text {
      font-size: 18px
   }
}

.related-product-items .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon path {
   color: #ebefe3;
   transition: .3s
}

.related-product-items .swiper-slide.is-active .people__card__image {
   transform: translateX(100px)
}

.related-product-items .swiper-button-next,
.related-product-items .swiper-button-prev {
   width: 45px;
   height: 45px;
   background: 0 0 !important;
   color: #9c2422 !important;
   text-align: center;
   line-height: 65px;
   margin: 0 1% !important;
   border-radius: 6px;
   border: 1px solid #9c2422;
   top: 0
}

.related-product-items .swiper-button-next:hover,
.related-product-items .swiper-button-prev:hover {
   background: #9c2422 !important;
   color: #fff !important;
   border: 1px solid #9c2422
}

.related-product-items .swiper-button-next:after,
.related-product-items .swiper-button-prev:after {
   font-size: 16px
}

.related-product-items .swiper-button-prev,
.related-product-items .swiper-rtl .swiper-button-next {
   left: auto;
   right: 71px
}

.product-image-show .slider {
   padding: 10px 32px;
   color: #fff
}

.product-image-show .slider .swiper-container {
   width: 100%;
   height: 100%
}

.product-image-show .slider__flex {
   display: flex;
   align-items: center;
   justify-content: center
}

.product-image-show .slider__col {
   display: flex;
   flex-direction: column;
   width: 205px;
   margin-right: 32px
}

.product-image-show .slider__next,
.product-image-show .slider__prev {
   cursor: pointer;
   text-align: center;
   font-size: 14px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #000
}

.product-image-show .slider__next:focus,
.product-image-show .slider__prev:focus {
   outline: 0
}

.product-image-show .slider__thumbs {
   height: calc(790px - 96px)
}

.product-image-show .slider__thumbs .slider__image {
   transition: .25s;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   opacity: .5
}

.product-image-show .slider__thumbs .slider__image:hover {
   opacity: 1
}

.product-image-show .slider__thumbs .swiper-slide-thumb-active .slider__image {
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
   opacity: 1
}

.product-image-show .slider__images {
   height: 700px
}

.product-image-show .slider__images .slider__image img {
   transition: 3s
}

.product-image-show .slider__images .slider__image:hover img {
   transform: scale(1.1)
}

.product-image-show .slider__image {
   width: 100%;
   height: 100%;
   border-radius: 30px;
   overflow: hidden
}

.product-image-show .slider__image img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

@media (max-width:767.98px) {
   .product-image-show .slider__flex {
      flex-direction: column-reverse
   }

   .product-image-show .slider__col {
      flex-direction: row;
      align-items: center;
      margin-right: 0;
      margin-top: 24px;
      width: 100%
   }

   .product-image-show .slider__images {
      width: 100%
   }

   .product-image-show .slider__thumbs {
      height: 100px;
      width: calc(100% - 96px);
      margin: 0 16px
   }

   .product-image-show .slider__next,
   .product-image-show .slider__prev {
      height: auto;
      width: 32px
   }
}

.download-section h3 {
   font-size: 40px;
   line-height: 1.2;
   font-weight: 700;
   text-transform: capitalize;
   color: #fff;
   margin-bottom: 20px
}

.contact-us-form .bg-white label,
.download-section p {
   letter-spacing: .4px;
   line-height: 1.6;
   font-family: var(--public-sans-light-font-family)
}

.download-section p {
   font-size: 18px;
   color: #fff;
   margin-bottom: 20px;
   text-align: center
}

span.more-details-btn {
   margin-top: 22px
}

.more-details-btn .btn-4 span {
   color: #8f2523;
   background-color: #ffffff;
   border: 1px solid #8f2523;
}

.more-details-btn .btn-4:hover span {
   color: #ffffff;
   background-color: #8f2523;
   border: 1px solid #8f2523;
}

.gallery-item-box {
   background-position: center center;
   background-size: auto 100%;
   background-repeat: no-repeat;
   /* border-radius: 1rem; */
   box-shadow: 0 0 .75rem .25rem rgb(0 0 0 / 26%);
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   margin-bottom: 30px;
   border: 6px solid #fff;
}

.gallery-item-box a {
   width: 100%;
   object-fit: cover
}

.gallery-item-box a img.w-100 {
   width: 100%;
   max-width: 100%;
   object-fit: cover;
   height: 100%;
   object-position: top
}

.contact-us-form .bg-white,
.find-her {
   border-radius: 40px 40px 0 0
}

.contact-us-form .bg-white label {
   margin-bottom: 5px;
   font-size: 17px;
   text-align: left
}
.form-box-touch{
   border-radius: 30px;
   box-shadow: 0 1rem 3rem rgb(0 0 0 / 8%) !important
}
.find-us-boxs{
   border-radius: 30px;
   box-shadow: 0 1rem 3rem rgb(0 0 0 / 8%) !important
}

.contact-us-form .bg-white .form-control {
   padding: 10px;
   border: 1px solid #80808054
}

.find-us-here-part {
   display: flex;
   height: 100%;
   justify-content: flex-start;
   width: 100%
}

.find-item {
   background: #fff;
   padding: 18px;
   display: flex;
   border-radius: 50% 50% 0 0;
   box-shadow: -3px -12px 8px #80808036;
   width: 100%;
   max-width: 33.33%;
   display: flex;
   align-items: center;
   margin: 0 10px
}

.find-box {
   display: flex;
   align-items: center;
   justify-content: left;
   flex-direction: column;
   text-align: center;
   width: 100%
}

.find-box span {
   margin-right: 10px
}

.find-box .find-box-text a {
   width: 100%
}

.responsive-map {
   overflow: hidden;
   padding-bottom: 30.25%;
   position: relative;
   height: 0
}

.responsive-map iframe {
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   position: absolute
}

.contact-title {
   font-size: 18px;
   font-weight: 700;
   color: #000;
   margin: 7px 0
}

#v_6 {
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}
.white-logo{
   display: block;
}
.color-logo{
   display: none;
}
.scrolled{
   position: fixed;
   top: 0;
   background-color: #fff;
   transition: 0.4s;
   box-shadow: 3px 5px 9px #76767661;
}
.tc-navbar-style1.scrolled .content .navbar-nav .nav-link {
   color: #000;
}
.tc-navbar-style1.scrolled .content .navbar-nav .nav-link svg path {
   fill: #000;
}
.tc-navbar-style1.scrolled .content .navbar-nav .nav-link.active {
   color: var(--color-orange1);
}

.tc-navbar-style1.scrolled .white-logo{
   display: none;
}
.tc-navbar-style1.scrolled .color-logo{
   display: block;
  max-width: 80%;
}


.footer-whatup-icons {
   position: fixed;
   bottom: 9%;
   right: 1.8%;
}
.footer-whatup-icons .footer-whatsup a{
   position: relative;
}
.footer-whatup-icons .footer-whatsup a::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 50px;
height: 50px;
border-radius: 50px;

background-color: green;
z-index: -1;
box-shadow: 0px 0px 1px 1px #43ac4f;
animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
   0% {
     box-shadow: 0 0 0 0px rgba(67, 172, 79, 0.5);
   }
   100% {
     box-shadow: 0 0 0 20px rgba(67, 172, 79, 0);
   }
 }

 .form-group.has-feedback {
        position: relative;
    }
label.error {color: rgb(255 3 3);font-weight: 400;font-size: 12px;text-transform: capitalize;position: absolute;bottom: -15px;left: 0px;margin: 0;}
label#captcha-error {
    left: 16px;
}