/*
Theme Name: Carbon Agency
Author: Kantipur Themes
Author URI: https://www.kantipurthemes.com/
Theme URI: https://www.kantipurthemes.com/carbon-agency
Description: Carbon Agency is a Full Site Editing Business WordPress theme. This theme is designed specifically for businesses in Business Consulting, IT Solutions, Creative Agencies, Financial Advisory, Transport & Logistics, and many more. This theme provides a professional and modern look, making it an ideal choice for Multipurpose businesses seeking an online presence.
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: carbon-agency
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.8
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


.qa-circle-section {
  background: #fff;
  color: #111;
  padding: 60px 20px;
}

.qa-circle-section h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 60px;
}

.qa-circle-section .highlight {
  color: #e91e63;
}

.circle-wrapper {
  position: relative;
  width: 800px;
  height: 800px;
  margin: 0 auto;
}

.center-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
 
  background: url('https://tbstesting.com/wp-content/themes/carbon-agency/assets/images/tbs-works.png') no-repeat center center / contain;
  border-radius: 50%;
}

.circle-item {
  position: absolute;
  width: 300px;
  text-align: center;
  font-size: 1rem;
 padding: 20px;
 margin: 0px;
 
   /*background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;*/
}

.circle-item h3 {
  margin: 0 0 6px;
  font-size: 1rem;
  color: #111;
}

.circle-item p {
  margin: 0;
  color: #444;
}

/* Positioning 8 items in a circle */
.item1 { top: 10%; left: 50%; transform: translate(-50%, -50%); }
.item2 { top: 27%; left: 95%; transform: translate(-50%, -50%); }
.item3 { top: 47%; left: 100%; transform: translate(-50%, -50%); }
.item4 { top: 68%; left: 95%; transform: translate(-50%, -50%); }
.item5 { top: 88%; left: 50%; transform: translate(-50%, -50%); }
.item6 { top: 70%; left: 5%; transform: translate(-50%, -50%); }
.item7 { top: 47%; left: 0%; transform: translate(-50%, -50%); }
.item8 { top: 26%; left: 6%; transform: translate(-50%, -50%); }

.h-time {
  font-size:.9em;
  padding-left: 40px;
  color:#FFFFFF;
  background: url('https://tbstesting.com/wp-content/themes/carbon-agency/assets/images/h-time.png') no-repeat left center;

}

.h-mail {
  font-size:.9em;
  padding-left: 50px;
  color:#FFFFFF;
  background: url('https://tbstesting.com/wp-content/themes/carbon-agency/assets/images/h-mail.png') no-repeat left center;
}
.h-location {
  font-size:.9em;
  padding-left: 40px;
  color:#FFFFFF;
  background: url('https://tbstesting.com/wp-content/themes/carbon-agency/assets/images/h-location.png') no-repeat left center;
}
.h-call {
  font-size:.9em;
  padding-left: 40px;
  color:#FFFFFF;
  background: url('https://tbstesting.com/wp-content/themes/carbon-agency/assets/images/h-call.png') no-repeat left center;
}

.navbar ul {
	z-index: 999;
   background-color: #ffffff;
    border: none;
    box-shadow: -1px 1px 9px 2px #dddfdf;
   border-radius: 15px;
    padding:0px 30px 0px 30px;
    color: #29266f;

    position: relative;
   font-size: 1em;

   margin:0px auto;
   text-align:center;
max-width: 700px;

}

.wp-block-column.is-vertically-aligned-center {
float:right;
text-align:right;
}

li.wp-block-navigation-link a {
    display: block;
  font-size: 1em;
    color: #29266f !important;
      font-weight: 900;
    text-decoration: none;
    margin-top:5px;
    min-height:35px;
   text-align:center;

}


    
li.wp-block-navigation-link a:hover {
    display: block;
    width: auto;
    color: #dd1714 !important;

  /*  background-color: #dd1714; */
    border-bottom: 2px solid #29266f;
      font-weight: 900;
       text-decoration: none;

}

.wp-block-button__link{
background-color: #1e325d;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 50px;
  transition: transform 0.3s, box-shadow 0.3s;
}



.wp-block-button__link:hover {
  transform: scale(1.1);
  background:#d31b46;
  box-shadow: 0 0 15px rgba(221, 27, 76, 0.6);
}