/*font-family*/


html, body{
	font-family: 'Basis Grotesque' !important;
}

body h1, body h2, body h3, body h4, body h5, body h6, body p, body span, body label, body ul li, body div, {
	font-family: 'Basis Grotesque' !important;
}


@font-face {
    font-family: 'Basis Grotesque';
    src: url('fonts/BasisGrotesqueArabicPro-Bold.woff2') format('woff2'),
        url('fonts/BasisGrotesqueArabicPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque';
    src: url('fonts/BasisGrotesqueArabicPro-Black.woff2') format('woff2'),
        url('fonts/BasisGrotesqueArabicPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque';
    src: url('fonts/BasisGrotesqueArabicPro-Light.woff2') format('woff2'),
        url('fonts/BasisGrotesqueArabicPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque';
    src: url('fonts/BasisGrotesqueArabicPro-Medium.woff2') format('woff2'),
        url('fonts/BasisGrotesqueArabicPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque';
    src: url('fonts/BasisGrotesqueArabicPro-Regular.woff2') format('woff2'),
        url('fonts/BasisGrotesqueArabicPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html:root {
    --tg-primary-color: #d0aa65;
}



/*custom css */





.transparent-header .logo a img:first-child {
    display: none;
}

.transparent-header .logo a img:last-child{
    display: block;
}



body.home  .transparent-header .logo a img:first-child {
    display: block;
}

body.home .transparent-header .logo a img:last-child {
    display: none;
}

body.home .transparent-header.sticky-menu .logo a img:last-child{
    display: block;
}

body.home .transparent-header.sticky-menu .logo a img:first-child{
    display: none;
}



.home-banner .banner-content .title.title.title {
    font-size: 60px;
    line-height: 1.1;
    font-family: 'Basis Grotesque';
    text-transform: capitalize;
}

.breadcrumb-content .title {
    font-family: 'Basis Grotesque';
}
.section-title .title {
  font-family: 'Basis Grotesque';
 }


.feature-content .title, 
.project-content .title a{
 font-family: 'Basis Grotesque';

}



 .our-work-main .project-area .project-thumb img {
    width: 100%;
}

section.inner-project-area .project-thumb img {
    width: 100%;
}



.home .navbar-wrap ul li a {
    color: #fff;
}

.home .header-style-five .navbar-wrap > ul > li.active > a{
	color: #fff;
}

.home .header-social .list-wrap li a {
    border: 1.3px solid #fff;
    color: #fff;
}
 
.home .header-style-five .header-action .header-contact a {
    color: #fff;
}





.home .sticky-menu .navbar-wrap ul li a {
    color: #000;
}
.home .sticky-menu .navbar-wrap ul li a:hover{
	color: #d0aa65;
}
.home .header-style-five .sticky-menu .navbar-wrap > ul > li.active > a {
    color: #d0aa65;
}

.home .sticky-menu .header-social .list-wrap li a {
    border: 1.3px solid #000;
    color: #000;
}
 
.home .sticky-menu .header-social .list-wrap li a:hover {
    border: 1.3px solid transparent;
    color: #fff;
}

.home .header-style-five .sticky-menu .header-action .header-contact a {
    color: #000;
}



.page-id-87 .services-thumb a {
    pointer-events: none !important;
}

.page-id-87 .services-content h2.title a {
    pointer-events: none !important;
}


.header-social ul li:nth-child(3), .header-social ul li:nth-child(4) {
    display: none;
}

.mobile-menu .social-links ul li.twitter, 
.mobile-menu .social-links ul li.linkedin, 
.mobile-menu .social-links ul li.telegram  {
    display: none !important;
}
.footer-bottom .footer-social .list-wrap li:nth-child(3), .footer-bottom .footer-social .list-wrap li:nth-child(4) {
    display: none;
}


.footer-top .widget_block ul li a:hover, .footer-top .footer-widget ul li a:hover {
    color: #0c67b2;
}


.footer-top .widget_block ul li a::before, .footer-top .footer-widget ul li a::before {
    background: #0c67b2;
}
.footer-top .footer-logo img {
    max-width: 212px;
}

  .read-more-content {
    max-height: 76px; /* Set a maximum height for the content */
    overflow: hidden; /* Hide overflow content */
    transition: max-height 0.3s ease-out; /* Add smooth transition effect */
  }

.serv-text #read-more-button {
    background: #d0aa65  !important;
    border: none;
    cursor: pointer;
    display: block;
    text-align: center;
    margin: 11px auto 14px auto;
    font-weight: bold;
    color: #fff;
    padding: 3px 13px;
}


footer .footer-bg {
    background-color: #241468 !important;
    background-image: none !important;
}

.contact-us-inner > p {
    font-size: 20px !important;
}
.contact-us-inner {
    max-width: 540px;
    margin: 0 auto;
}
.contact-us-inner h4 {
    font-size: 18px;
    color: #000 !important;
    font-family: 'Basis Grotesque';
    text-transform: uppercase;
    font-weight: bold;
}

.contact-us-inner h2 {
    font-family: 'Basis Grotesque';
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

/*our service */
section.services-area .services-content .title {
    font-family: 'Basis Grotesque';
}

.project-pagination .page-numbers:hover, .project-pagination .page-numbers.current {
    background: #d0aa65 ;
    border-color: #d0aa65 ;
}

.page-id-87 .newsletter-area-two .newsletter-inner {
    background: #fff;
}


.footer-top h4.fw-title {
    font-family: 'Basis Grotesque';
}

.footer-top .widget_block ul li a, .footer-top .footer-widget ul li a {
    color: #ffffff !important;
}

.footer-widget.widget_rss .rss-date, .footer-widget.widget_rss cite, .footer-widget p, .footer-widget .rssSummary {
    color: #ffffff !important;
}
.copyright-text p {
    margin-bottom: 25px;
    color: #ffffff !important;
}
.copyright-text p span {
    font-weight: bold;
    color: #BD9A68 !important;
}

.footer-top .widget_block ul li a::before, .footer-top .footer-widget ul li a::before {
    background: #ffffff !important;
}


/****** testimonial ******/

/*
#testimonial .testimonial-item {
    border: 1.3px solid var(--tg-secondary-color);
    border-radius: 15px;
    padding: 20px 20px;
    display: block;
    width: 100%;
    min-height: 360px;
}
#testimonial .testimonial-content {
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    margin-left: 12px;
}
#testimonial .testimonial-content::before{
    display: none;
}
#testimonial .item {
    width: auto !important;
}
.elementor-shortcode #testimonial {
    padding-top: 100px;
}*/
#testimonial .owl-nav button.owl-prev {
    position: absolute;
    left: 20px;
}

#testimonial .owl-nav {
    justify-content: center;
    column-gap: 15px;
    position: absolute;
    top: 40%;
    margin: 0 !important;
    left: 0;
    right: 0;
}
#testimonial .owl-nav  button.owl-next {
    position: absolute;
    right: 20px;
}
#testimonial .owl-nav button span {
    font-size: 48px;
}


#testimonial .owl-item .item {
    max-width: 880px;
    margin: 0 auto;
}

.new-headingin h2.elementor-heading-title {
    font-family: 'Basis Grotesque' !important;
    color: #000;
    font-size: 48px;
    font-weight: normal !important;
    line-height: 1.4;
}
.test-hr .elementor-widget-container hr {
    display: none;
}

.new-headingin {
    margin-top: 100px;
}


.our-client-logo .team-thumb::before {
    background: none;
}

.our-client-logo .team-content {
    position: unset;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 21px;
}

.our-client-logo .team-content h3.title {
    color: #000;
    font-family: 'Basis Grotesque' !important;
}

.our-client-logo .team-content h3.title a:hover {
    color: #000 !important;
}


.our-client-logo .team-thumb,
.our-client-logo .team-content h3.title a {
    pointer-events: none;
}
.our-client-logo .team-item {
    text-align: center;
}
.our-client-logo .team-thumb {
    border: 1px solid #bd9a68;
}
.vision-content img.sign {
    max-height: 126px;
}

i.fa.fa-solid.fa-play {
    color: #d0aa65;
}






/***** responsvie ******/

@media (max-width: 1199px){

.new-headingin h2.elementor-heading-title {
    font-size: 40px;
}

}

@media (max-width: 991px){
    .home-banner .banner-content .title.title.title {
    font-size: 38px;
}
.new-headingin h2.elementor-heading-title {
    font-size: 34px;
}
#testimonial .owl-nav {
    position: relative;
    margin-top: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
}
#testimonial .owl-nav button.owl-prev, #testimonial .owl-nav button.owl-next {
    position: unset;
}
.services-area .services-thumb img {
    width: 120px;
}
.header-style-five .logo {
    padding: 0;
}
.mobile-menu .main-logo img {
    max-width: 125px;
}
}


@media (max-width: 767px){
.home-banner .banner-content .title.title.title {
    font-size: 30px;
}
.btn {
    font-size: 13px;
    padding: 12px 25px;
}
.section-title .title {
    font-size: 23px;
}
#testimonial .testimonial-content p {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 21px;
}
#testimonial .testimonial-thumb {
    margin: 0 auto 15px;
}
#testimonial .testimonial-content span {
    font-size: 13px;
    line-height: 19px;
}
.new-headingin h2.elementor-heading-title {
    font-size: 23px;
    max-width: 510px;
    margin: 0 auto;
}
nav.menu-nav .main-logo img {
    max-width: 125px;
}
.new-headingin {
    margin-top: 60px;
}
#testimonial .owl-nav {
    margin-top: 0px !important;
}
#testimonial .owl-nav button span {
    font-size: 36px;
}
}

@media (max-width: 575px){
.home-banner .banner-content .title.title.title {
    font-size: 23px;
}

}