/*
  Home page styles here
    1.1 Banner section styles here
        1.1.1 Banner scroll section styles here
    1.2 Software development service styles here
        1.2.1 Service card styles here
    1.3 Home page about us section styles here
    1.4 Home Client Says section styles here
        1.4.1 Home Client says section carosel styles here
    1.5 Our Client section styles here
    1.6 Home Show up for work section styles here
        
*/

/* Banner section styles here */
.banner-section {
  margin-top: -4.5rem;
  background: var(--home-banner-color);
  /*background-image: url("https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/02/15130637/BG.png");
  background-image: url("https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/04/08054416/BG-scaled.webp");*/
  background-image: url("https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/05/17120405/BG-1366x768-1.webp");
  background-position: bottom;
  background-clip: content-box;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: calc(100vh);
  overflow: hidden;
  filter: brightness(1.5);
}
@supports not (background-image: url("https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/05/17120405/BG-1366x768-1.webp")) {
    .banner-section {
        background-image: url("https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/05/31121513/BG.jpg")
    }
}
/*.banner-section {
    background-image: url("https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/05/17120405/BG-1366x768-1.webp");
}*/
.banner-section .banner-field {
  padding-top: 4.5rem;
}
.banner-section .banner-content {
  min-height: calc(100vh - 16.5rem);
  padding: 1.5rem 0;
}
.banner-section h2 {
  font-size: 4rem;
  color: var(--white-100);
  padding-top: 3rem;
}

.banner-section p {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.4;
  color: var(--white-60);
  max-width: 33.75rem;
  margin: 0.75rem auto 2rem;
}
.banner-section .banner-coins-container {
  margin-bottom: 2rem;
}
.banner-section .banner-coins-container .wp-block-image {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  position: relative;
}
.banner-section .banner-coins-container .wp-block-image figcaption {
  position: absolute;
  bottom: 115%;
  left: 50%;
  font-size: 0.875rem;
  color: var(--white-100);
  text-align: center;
  width: 6.25rem;
  margin-left: -3.125rem;
  padding: 0.125rem;
  border-radius: var(--border-radius-4);
  -webkit-backdrop-filter: blur(0.625rem);
  backdrop-filter: blur(0.625rem);
  box-shadow: 0 0.125rem 0.5rem 0 var(--white-10);
  border: 0.063rem solid var(--white-10);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.banner-section .banner-coins-container .wp-block-image:hover figcaption {
  opacity: 1;
}
.banner-section .banner-coins-container .wp-block-image + .wp-block-image {
  margin-left: 1.5rem;
}

.banner-section .banner-coins-container .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Banner scroll section styles here */

.banner-section .banner-scroll {
  max-width: 124.375rem;
  background: transparent;
  mix-blend-mode: overlay;
}

@keyframes scrollcontent1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-222.55rem / 2));
  }
}

@keyframes scrollcontent2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-222.55rem / 2));
  }
}

.banner-section .scroll-content1 {
  animation: scrollcontent1 50s linear infinite;
}
.banner-section .scroll-content2 {
  animation: scrollcontent2 51s linear infinite;
}

.banner-section .scroll-content1,
.banner-section .scroll-content2 {
  display: flex;
  width: 100%;
  margin: 0.75rem 0;
}
.banner-section .scroll-card .wp-block-column {
  display: flex;
  align-items: center;
  height: 3.5rem;
  margin-right: 1.5rem;
  padding: 0.75rem 1rem;
  border: 0.125rem solid var(--white-100);
  z-index: 10;
  border-radius: 0.5rem;
  word-break: keep-all;
}
.banner-section .scroll-card.multi-currency .wp-block-column {
  min-width: 14.375rem;
}
.banner-section .scroll-card.e-commerce .wp-block-column {
  min-width: 10.625rem;
}
.banner-section .scroll-card .wp-block-image {
  position: relative;
  min-width: 2rem;
  height: 2rem;
  margin-right: 0.75rem;
  z-index: 10;
}
.banner-section .scroll-card p {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.21;
  font-weight: bold;
  color: var(--white-100);
  z-index: 10;
  margin: 0;
}
.banner-section .banner-content .wp-block-button__link{
	text-transform: uppercase;
	letter-spacing: 0.006rem;
}

/* Software development service styles here */
.software-development-service {
  padding: 3.75rem 0;
}

.software-development-service h1, .software-development-service h2 {
  font-size: 2.625rem;
  line-height: 3.25rem;
  font-weight: 600;
  max-width: 39.5rem;
  color: var(--black-100);
  margin: 0 auto;
}
.software-development-service h2 {
  margin: 0 auto 1.5rem;
}
.software-development-service p {
  font-size: 1rem;
  line-height: 1.63;
  color: var(--black-65);
  max-width: 50rem;
  margin: 0 auto 5rem;
}

/* Service card styles here */
.service-card-container.wp-block-column {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.service-card-container .service-card {
  padding: 1rem;
  max-width: 33.33%;
  align-items: stretch !important;
}
.service-card-container .service-card .wp-block-column {
  padding: 2rem 1.5rem 1.5rem;
  border-radius: var(--border-radius-20);
  background-color: var(--primary-08);
  border: 0.063rem solid transparent;
  cursor: pointer;
}
.service-card-container .service-card .wp-block-column:hover {
  background-color: var(--white-100);
  border-color: var(--primary-100);
}
.service-card-container .service-card .wp-block-image {
  height: 2rem;
  margin-bottom: 1.5rem;
}
.service-card-container .service-card .wp-block-image img {
  height: 100%;
  object-fit: contain;
  object-position: left;
}
.service-card-container .service-card h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--black-85);
  margin-bottom: 1.5rem;
}

.service-card-container .service-card p {
  font-size: 0.875rem;
  line-height: 1.71;
  color: var(--black-65);
  margin: 0;
}

/* Award section styles here */

.award-section {
	background-color: var(--grey-black-03);
	padding: 60px 16px;
}
.award-section h4 {
  font-size: 2.625rem;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: normal;
  color: var(--black-100);
  margin-bottom: 1rem;
}

.award-section p {
  max-width: 37.5rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: var(--black-65);
  margin: 0 auto 1.5rem;
}
.award-section .wp-block-image {
	width: 8.75rem;
	height: auto;
	margin: 0.75rem;
}
.award-section .wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* Home page about us section styles here */

.home-about-us {
  background-color: var(--primary-05);
  padding: 3.75rem 0;
  min-height: calc(100vh - 5rem);
  display: flex;
  align-items: center;
}

.home-about-us h3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  color: var(--black-65);
  letter-spacing: 0.125rem;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}

#slider_192 .owl-item .sa_hover_container {
  display: flex;
  align-items: center;
	min-height: unset !important;
}
#slider_192 .owl-item .sa_hover_container p {
  max-width: 50%;
}
#slider_192 .owl-item .sa_hover_container img {
  width: 33.75rem;
  max-width: 100%;
  max-height: 25rem;
  object-fit: contain;
  object-position: center;
  padding-right: 1rem;
}

#slider_192 .owl-item .sa_hover_container div {
  flex: 1;
  padding-left: 1rem;
}
#slider_192 .owl-item .sa_hover_container div p {
  max-width: 100%;
}
#slider_192 .owl-nav {
  justify-content: center;
}

#slider_192 h5 {
  font-size: 2.375rem;
  line-height: 3.25rem;
  font-weight: 600;
  color: var(--black-100);
  margin-bottom: 1.5rem;
}
#slider_192 h6 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--black-85);
  margin-bottom: 1.25rem;
}
#slider_192 p {
  font-size: 1rem;
  line-height: 2;
  font-weight: normal;
  color: var(--black-65);
  margin-bottom: 0;
}

/* Home Client Says section styles here */

.clients-say-content {
  background-color: var(--primary-05);
}
.clients-say-content #client_says {
  padding: 3.75rem 0;
  min-height: calc(100vh - 5rem);
  display: flex;
  align-items: center;
}

#client_says .widget_block {
  width: 100%;
  height: fit-content;
}

#client_says .widget_block .clients-say-left {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6.25rem;
  position: relative;
}
.clients-say-left h3 {
  max-width: 15rem;
  font-size: 2.625rem;
  line-height: 2;
  font-weight: 600;
  color: var(--black-100);
  margin-bottom: 1.5rem;
}
.clients-say-left p {
  position: absolute;
  font-size: 75rem;
  bottom: -20%;
  left: 50%;
  line-height: 0;
  transform: translate(-50%, -50%);
  color: var(--primary-05);
  z-index: -1;
}

/* Home Client says section carosel styles here */
#slider_218 .owl-item p {
  font-size: 1.25rem;
  line-height: 2;
  font-weight: normal;
  color: var(--black-65);
  margin-bottom: 0;
}

#slider_218 .owl-item h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  color: var(--black-85);
  position: relative;
  padding-left: 2.25rem;
  margin: 2.875rem 0 0.5rem;
}
#slider_218 .owl-item h5::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 0.063rem;
  background: var(--black-100);
  left: 0;
  top: 0.969rem;
}

#slider_218 .owl-item h6 {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: normal;
  color: var(--black-65);
  padding-left: 2.25rem;
}

/* Our Client section styles here */
.client-list {
  padding: 3rem 0;
}
.client-list p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: var(--black-65);
  margin: 0 0 1.5rem;
}
.client-list #slider_228 .sa_hover_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.client-list #slider_228 .owl-item p {
  max-width: 13.438rem;
  height: 1.875rem;
  margin: 0;
}
.client-list #slider_228 .owl-item p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: grayscale(100%);
}

/* Home Show up for work section styles here */
.home-show-work {
  margin-bottom: 4.5rem;
}

.client-main-container{
	align-items: stretch !important;
}

/* Magazine iframe styles starts here  */

.page-id-6836 .calib-new-footer,
.page-id-6836 .new-footer-section{
	display: none;
}

.page-id-6836 .calibraint-magazine iframe{
	width: 100%;
	height: calc(100vh - 40px);
	border: none;
}