/* 
    Workflow section styles here
        1.1 start and end section circle
        1.2 first, second and third section common styles
        1.3 Work details Card styles here
        1.4 First section styles starts here
        1.5 Middle section styles starts here
        1.6 Last section styles starts here

*/

#home_workflow {
    background-color: var(--grey-black-90);
}
#home_workflow .container {
    min-height: calc(100vh - 4.5rem);
    padding: 3.5rem 0;
    display: flex;
    align-items: center !important;
}
#home_workflow .container h2 {
    font-size: 2.375rem;
    line-height: 3.25rem;
    font-weight: 800;
    color: var(--white-100);
    margin-bottom: 1.5rem;
}

.flow-section {
    margin: 10rem 0 7.5rem !important;
    position: relative;
}

/* start and end section circle */
.flow-section::before, .flow-section::after {
    position: absolute;
    content: "";
    background: #646464;
    width: 0.875rem;
    height: 0.875rem;
    top: 1.125rem;
    border-radius: var(--border-radius-circle);
}

.flow-section::before {
    left: -0.5rem;
}
.flow-section::after {
    right: -0.5rem;
}

/* first, second and third section common styles */
.flow-section .first-section, .flow-section .middle-section, .flow-section .last-section {
    width: 25%;
    position: relative;
    padding: 0 1rem;
}

.product-workflow .flow-section .first-section ,.product-workflow .flow-section .middle-section ,.product-workflow .flow-section .last-section {
    width: 33.33%;
  }

.flow-section .wp-block-image {
    margin-bottom: 1.5rem;
}
.flow-section .wp-block-image figure {
    width: 3.125rem;
    height: 3.125rem;
}
.flow-section .wp-block-image figure img {
    width: 100%;
    height: 100%;
}

.flow-section .inner-box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 1.125rem;
    height: 0.875rem;
    background: transparent;
    border-right: 0.063rem solid #646464;
}


.flow-section .first-section h3, .flow-section .middle-section h3, .flow-section .last-section h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #fff;
    max-width: 10rem;
    margin: 0 auto;
}

/* Work details Card styles here */
.flow-section .first-section .work-details, .flow-section .middle-section .work-details, .flow-section .last-section .work-details {
    position: absolute;
    width: 90%;
    height: auto;
    border-radius: var(--border-radius-10);
    box-shadow: 0.375rem 0.375rem 0.875rem #fb833d40;
    background-color: #fff;
    top: 1.937rem;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    padding: 1.5rem 1rem;
    display: none;
}
/* .flow-section .first-section .work-details.show-work, .flow-section .second-section .work-details.show-work, .flow-section .third-section .work-details.show-work,
.flow-section .first-section:hover .work-details, .flow-section .middle-section:hover .work-details, .flow-section .last-section:hover .work-details {
    display: block;
} */
.flow-section .first-section .work-details h5, .flow-section .middle-section .work-details h5, .flow-section .last-section .work-details h5 {
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 700;
    color: #fb833d;
    margin: 0 0 1.5rem;
    text-align: center;
}
.flow-section .first-section .work-details p, .flow-section .middle-section .work-details p, .flow-section .last-section .work-details p {
    font-size: 0.875rem;
    line-height: 1.86;
    font-weight: normal;
    color: var(--black-65);
    margin: 0;
    text-align: center;
}

/* First section styles starts here */

.flow-section .first-section::before, .flow-section .first-section::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    background: var(--grey-light2);
}

.flow-section .first-section::before {
    left: -0.313rem;
    width: 5.75rem;
    height: 0.063rem;
}
.flow-section .first-section::after {
    right: -4.875rem;
    width: 10rem;
    height: 0.063rem;
}
.flow-section .first-section .wp-block-image figure {
    position: static;
}

/* Middle section styles starts here */

.flow-section .middle-section::after {
    content: "";
    position: absolute;
    right: -4.875rem;
    top: 1.5rem;
    width: 10rem;
    height: 0.063rem;
    background: var(--grey-light2);
}

/* Last section styles starts here */
.flow-section .last-section::after {
    content: "";
    position: absolute;
    right: -0.438rem;
    top: 1.5rem;
    width: 5.75rem;
    height: 0.063rem;
    background: var(--grey-light2);
}

/* case study and details page styles here  */

.page-id-2469,
.page-id-2495,
.page-id-2498,
.page-id-2500,
.page-id-2502,
.page-id-6417,
.page-id-8810{
    overflow-x: hidden;
}

.wp-block-image:not(.is-style-rounded) img {
    border-radius: 0;
}

.all-page-container {
    padding-top: 4.5rem;
    overflow-x: inherit;
}

.case-gap-sec {
    column-gap: 60px;
}

.case-download-mobile {
    display: none;
}

.case-mobile-icon {
    display: none;
}

.case-mobile-icon img{
	object-fit: contain;
}

.case-require {
    display: flex;
    justify-content: flex-end;
}

.case-require-section {
    margin-top: 2rem !important;
    margin-bottom: 5rem !important;
}

/* Dispatch optimization Banner section */

.banner-bg-dispatch {
    background: var(--banner-dispatch);
}

.banner-bg-pricing {
    background: var(--banner-pricing);
}

.banner-bg-ingame {
    background: var(--banner-ingame);
}

.banner-bg-iqi {
    background: var(--banner-iqi);
}

/*---------------------------------------
 Banner section ------------------------ */
.banner-bg {
    background: var(--banner-case);
}

.banner-swaray-bg{
	background: var(--banner-swaray);
}

.banner-bg,
.banner-swaray-bg,
.banner-bg-pricing,
.banner-bg-dispatch,
.banner-bg-ingame,
.banner-bg-iqi {
    height: calc(100vh - 72px);
    display: flex;
    align-items: center;
}

.banner-sauce-img img {
    max-width: 592px;
	width: 100% !important;
	height: 100% !important;
}

.banner-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-text h1 {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--black-100);
    padding-bottom: 1rem;
}

.banner-desc-p {
    padding-bottom: 0.75rem;
    font-size: 0.813rem;
    color: var(--black-45);
}

.banner-desc {
    font-size: 1.125rem !important;
    font-weight: normal;
    line-height: 1.56 !important;
    padding-bottom: 2.75rem;
    color: var(--black-45);
}

.banner-arrow {
    position: relative;
}

.banner-arrow:before {
    bottom: -66px;
    left: -130px;
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/08/27183027/arror-curve.png) no-repeat;
    background-size: contain;
}
/*---------------------------------------
 Case study service first ------------------------ */

.case-icons-end {
    display: flex;
    justify-content: end;
	max-width: 64px;
	width: 100%;
}

.figure-case-1,
.figure-case-2,
.figure-case-3,
.figure-case-4 {
    width: 52px;
    height: 52px;
    margin: 0 12px 0 0;
    padding: 14px 15px 14px 16px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.figure-case-1 {
    background-color: var(--violet-light);
}
.figure-case-2 {
    background-color: var(--orange-light);
}
.figure-case-3 {
    background-color: var(--pink-light);
}
.figure-case-4 {
    background-color: var(--green-light);
}

.margin-top-48 {
    margin-top: 3rem;
}

.margin-bottom-81 {
    margin-bottom: 2.626rem;
}

.case-service-heading {
    font-size: 14px;
    font-weight: normal;
    color: var(--black-45);
    padding-bottom: 4px;
}

.case-service-title {
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}

/*---------------------------------------
 Case study service second ------------------------ */

.case-section-1 {
    width: 550px;
    padding: 32px;
    border-radius: 20px;
    border: solid 1px var(--primary-15);
    background-color: var(--light-pink);
    position: relative;
}

.case-section-1 h3 {
    font-size: 24px;
    font-weight: 800;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--black-100);
    padding-bottom: 0.75rem;
}
.case-section-1 p {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: var(--black-45);
    padding: 0;
}

.line:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--dark-orange);
    top: 22%;
    left: -1%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.line:before {
    content: "";
    top: 22%;
    right: 100%;
    margin: auto;
    position: absolute;
    width: 100vw;
    height: 1px;
    background: var(--dark-orange);
}

.line-2:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--dark-orange);
    top: 20%;
    right: -1%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.line-2:before {
    content: "";
    top: 20%;
    left: 100%;
    margin: auto;
    position: absolute;
    width: 100vw;
    height: 1px;
    background: var(--dark-orange);
}
.line-3:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--dark-orange);
    top: 24%;
    left: -1%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.line-3:before {
    content: "";
    top: 24%;
    right: 100%;
    margin: auto;
    position: absolute;
    width: 100vw;
    height: 1px;
    background: var(--dark-orange);
}

.case-require img {
    width: 365px;
    height: 58px;
    object-fit: contain;
}

.case-challenge img {
    width: 290px;
    height: 59px;
    object-fit: contain;
}

.case-result img {
    width: 191px;
    height: 47px;
    object-fit: contain;
}

.case-study-icon {
    max-width: 119px;
    height: 119px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: -8px 8px 24px 0 rgb(0 0 0 / 10%);
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: var(--white-100);
    object-fit: contain;
    border-radius: 50%;
}

.case-2 {
    width: 77px;
    height: 119px;
}

.case-3 {
    width: 176px;
    height: 119px;
}

.case-study-icon img {
    width: 45px;
}

.require-case-line {
    position: relative;
}
.require-case-line:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    left: 0;
    margin: auto;
    background: var(--light-daek-1);
}

.require-case-line-2 {
    position: relative;
}

.challenge-flex {
    display: flex;
    justify-content: space-between;
	align-items: start !important;
}

.case-result-between {
    justify-content: space-between;
	align-items: flex-start !important;
	
}

.require-case-line-2:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    right: 0;
    margin: auto;
    background: var(--light-daek-1);
}

/*------------------------------------------------
 other case section ------------------------------ */

.case-studies-h3 {
    padding-bottom: 32px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.38;
    letter-spacing: normal;
    color: var(--darken-light-black);
}

.case-study-box {
    width: 354px;
    border-radius: 4px;
}

.case-studies-titile {
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-100);
    padding-top: 20px;
    padding-bottom: 12px;
}

/*
.case-studies-desc {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.45);
    padding-bottom: 20px;
}
*/

.margin-bottom-3 {
    margin-bottom: 3rem;
}

.show-for-work {
    margin-bottom: 3.75rem;
}

p.case-read {
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    color: var(--light-darken-black);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

p.case-read img {
    padding-left: 6px;
    width: 20px !important;
}

.case-date {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.45);
}

.case-gap-52 {
    gap: 52px;
	align-items: baseline !important;
}

.text-align-end {
    text-align: end;
}

.case-studies-img-relative {
    position: relative;
	border: 1px solid var(--light-grey-22);
	border-radius: 6px;
}

.bottom-left {
    position: absolute;
    bottom: 12px;
    left: 16px;
    border: 1px solid var(--grey-light5);
    padding: 4px 6px;
    border-radius: 4px;
    color: var(--grey-light5);
}
/*-------------------------------------
 case study download ------------ */

.case-download {
    width: 351px;
}

.case-download-bg {
    background-color: var(--primary-10);
}

.case-download-h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--black-100);
    padding-bottom: 0.5rem;
}

/* form overwrite style here */

#case_study_download .case-form-inputs {
    margin: 0 0 0;
}

#case_study_download .case-form-inputs .wpforms-field-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

#case_study_download .case-form-inputs .wpforms-field {
    width: 50%;
    padding: 0.5rem;
    position: relative;
}

#case_study_download .case-form-inputs .wpforms-field-container .wpforms-field-label {
    position: absolute;
    top: 1.938rem;
    left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
    color: var(--black-45);
    transition: all ease-in-out 0.2s;
    pointer-events: none;
}
#case_study_download .case-form-inputs .wpforms-field .wpforms-required-label {
    color: var(--black-45);
}

#case_study_download .case-form-inputs .wpforms-field .wpforms-field-large {
    min-height: 3.75rem;
    padding: 1.5rem 1rem 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 800 !important;
}
#case_study_download select {
    -webkit-appearance: none !important;
}
#case_study_download .case-form-inputs .wpforms-form .wpforms-field-container .wpforms-field-select {
    position: relative;
}
#case_study_download .case-form-inputs .wpforms-form .wpforms-field-container .wpforms-field-select::after {
    content: "";
    position: absolute;
    top: 45%;
    right: 1rem;
    transform: translate(-50%);
    border-left: 0.313rem solid transparent;
    border-right: 0.313rem solid transparent;
    border-top: 0.313rem solid #000;
}
#case_study_download .case-form-inputs .wpforms-field .wpforms-field-large:hover,
#case_study_download .case-form-inputs .wpforms-field .wpforms-field-large:focus {
    border-color: var(--primary-100);
}
#case_study_download .case-form-inputs .wpforms-field .wpforms-has-error {
    padding: 1.5rem 3rem 0.75rem 0.75rem;
}
#case_study_download .case-form-inputs .wpforms-field .label-active,
#case_study_download .case-form-inputs .wpforms-field .label-active .wpforms-required-label {
    top: 1rem;
}
#case_study_download .case-form-inputs .wpforms-field .label-active,
#case_study_download .case-form-inputs .wpforms-field .label-active .wpforms-required-label {
    color: var(--primary-100);
}
#case_study_download .case-form-inputs .wpforms-field select option:first-child {
    display: none;
}
#case_study_download .case-form-inputs .wpforms-field.wpforms-field-textarea {
    width: 100%;
}
#case_study_download .case-form-inputs .wpforms-field.wpforms-field-textarea .wpforms-field-large {
    resize: none;
    max-height: 9.875rem;
}

#wpforms-submit-2472 {
    padding: 0.813rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-size: 20px;
    font-weight: 800;
    background-color: var(--black-100);
    color: var(--white-100);
    border: none;
    cursor: pointer;
    overflow: hidden;
    border-radius: 4px;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    padding: 10px 4px !important;
}

.case-form-btn {
    margin-top: 12px;
}

/* other case studies  */

.other-case-studies {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}

/*list page styles here */

p.case-studies-heading-para{
	font-size: 16px;
	font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-100);
    padding-bottom: 12px; 
}

.list-banner-bg {
    background-image: var(--list-bg-color);
  	padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-banner-para {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
    letter-spacing: normal;
    color: var(--white-65);
    max-width: 500px;
    margin: 0 auto;
}

.list-banner-heading {
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 0.63px;
    text-align: center;
    color: var(--white-100);
}

.list-sauce-box {
    max-width: 440px;
    max-height: 400px;
    border-radius: 10px;
    background-color: var(--list-box);
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-sauce-para {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--dark-orange);
    max-width: 138px;
    height: 28px;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--primary-10);
    margin-top: 76px;
    margin-bottom: 16px;
	text-align: center;
}
.list-sauce-heading {
    font-size: 24px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    color: var(--grey-dark4);
    padding-bottom: 6px;
}

.list-sauce-desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--black-45);
    padding-bottom: 16px;
}

.list-sauce-pb {
    padding-bottom: 64px;
}

.list-sauce-position {
    position: relative;
    top: -20px;
}

.list-iqi-bg,
.list-ingame-bg,
.list-sauce-bg,
.list-swaray-bg,
.list-dispatch-bg,
.list-pricing-bg,
.list-market-bg{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.list-iqi-bg {
    background: var(--list-iqi-color);
}

.list-ingame-bg {
    background: var(--list-ingame-color);
}

.list-market-bg{
	background: var(--list-market-color);
}

.list-sauce-bg {
    background: var(--list-sauce-color);
}

.list-dispatch-bg {
    background: var(--list-dispatch-color);
}

.list-swaray-bg{
	background: var(--list-swary-color);
}

.list-pricing-bg {
    background: var(--list-pricing-color);
}

.mt-64 {
    margin-top: 64px;
}

.list-sauce-box img{
	max-width: 376px;
	width: 100%;
}

.list-iqi-h3 {
    font-size: 32px;
    font-weight: 800;
    color: var(--white-100);
}

.list-iqi-para {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    letter-spacing: normal;
    max-width: 350px;
    color: var(--white-65);
}

.list-patch-pricing {
    max-width: 500px !important;
}

.list-iqi-read {
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    color: var(--white-85);
}

p.list-iqi-read{
	display: flex;
    align-items: flex-start;
	justify-content: flex-start;
	height: fit-content;
}

.list-iqi-read a{
	display: flex;
	align-items: center;
}

.list-iqi-read .wp-image-1946 {
    margin-left: 6px;
	object-fit: contain;
	height: fit-content;
}

.list-iqi-tech {
    font-size: 10px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.5px;
    text-align: justify;
    color: var(--white-100);
    padding-bottom: 16px;
}

.list-iqi-img {
    width: 215px;
    object-fit: contain;
    z-index: 3;
}

.list-iqi-positon {
    position: relative;
    top: 80px;
}

.iqi-full-width img {
    width: 100%;
}

.iqi-content-padding {
    padding-left: 60px;
    padding-top: 36px;
}

.pb-6 {
    padding-bottom: 6px;
}

.pb-16 {
    padding-bottom: 16px;
}

.list-iqi-tech-align {
    display: flex;
    align-items: end;
    padding-bottom: 48px;
}

.list-iqi-align-gap {
    display: flex;
    align-items: center;
    gap: 18px;
}

.case-list-pages {
    padding-bottom: 36px;
}

.list-icons-size figure{
	margin-right: 12px;
}

.list-icons-size img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.list-sauce-feature {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: justify;
    color: var(--white-100);
    max-width: 80px;
    padding: 6px;
    border-radius: 4px;
}

.details-inside-text {
    opacity: .4;
    font-size: 40px!important;
    font-weight: 800;
    line-height: 1;
    letter-spacing: normal;
    text-align: justify;
    color: var(--light-text-1) !important;
	padding-left: 60px;
}

.wp-block-cover {
    min-height: 200px;
    object-fit: contain;
}

.list-iqi-read a:hover{
	text-decoration: underline !important;
    color: var(--white-100) !important;
}

.list-ingame-direct,
.list-sauce-direct,
.list-dispatch-direct,
.list-pricing-direct,
.list-iqi-direct,
.list-market-research{
	cursor: pointer;
}

.case-list-pages .wp-block-cover__background,
.case-list-pages .wp-block-cover__image-background{
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}

.list-iqi-font{
  font-size: 36px;
}


/* Product page overall style here */

.product-banner-heading h1{
  font-size: 42px;
  font-weight: 800;
  line-height: 1.29;
}

.product-banner-heading p:nth-child(2){
  font-size: 20px;
  font-weight: 700;
  color: var(--black-85);
}

.product-banner-heading p:nth-child(3){
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-65);
  max-width: 700px;
  margin: 0 auto;
}

/* product page main style here */

.maxis-product-bg,
.maxis-crm-product-bg,
.maxis-time-product-bg,
.tokan-product-bg{
	border-radius: 20px;
}

.product-mobile-img{
	display: none;
}
.product-mobile-img-center{
	display: none;
}

.maxis-time-product-bg{
	background-color: var(--primary-08);
}

.maxis-product-bg{
	background-color: var(--maxis-bot-product-bg);
}

.maxis-crm-product-bg{
	background-color: var(--maxis-crm-product-bg);
}

.tokan-product-bg{
	background-color: var(--tokan-product-calib-bg);
}

.first-product-maxis{
	position: relative;
}

.tokan-product-bg:after{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/23125026/tokan-io-bg.png) no-repeat;
}

.maxis-time-product-bg:after{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/23125022/maxis-time-bg.png) no-repeat;
}

.maxis-crm-product-bg:after{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/23125033/maxis-crm-bg.png) no-repeat;
}


.maxis-crm-product-bg:after,
.maxis-time-product-bg:after,
.tokan-product-bg:after{
	content: "";
	display: block;
    position: absolute;
    width: 158px;
  	height: 263px;
	object-fit: contain;
    background-size: 100%;
    right: 0;
    bottom: 0;
	top: 16px;
}

.maxis-product-bg:after{
		background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/23125017/maxis-bot-bg.png)no-repeat;
    content: "";
	display: block;
    position: absolute;
    width: 158px;
  	height: 263px;
	object-fit: contain;
    background-size: 100%;
    right: 0;
    bottom: 0;
	top: 0;
}


.first-ourproduct{
	padding-top: 3.5rem;
	padding-bottom: 1.5rem;
}

.product-main-heading h2{
  max-width: 700px;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--black-100);
  margin: 0 auto;
}

.product-explore{
	padding-bottom: 3.25rem;
}

/* product floater */

.request-demo-floater a{
    padding: 7px 14px 6px 12px;
    border-radius: 6px;
    background-color: rgba(251,131,61,.1);
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--dark-orange) !important;
}

.product-floater a{
	display: flex !important;
}

.request-demo-floater a:before{
	content: "";
    background-image: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/13050758/orange-chat-product.png) !important;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.request-demo-floater a:hover::before{
	filter: brightness(7) contrast(3) grayscale(1);
}

.request-demo-floater a:hover{
  padding: 7px 14px 6px 12px;
  border-radius: 6px;
  background-color: var(--primary-100);
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--white-100) !important;
}

.product-floater{
	padding: 12px !important;
}

.products-floating-align{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

// SLider For Blockchain Services Styles Here 

/*
1. #slider_3333 - blockchain cryptocurrency wallet
2. #slider_3332 - blockchain custom blockchain
3. #slider_3331 - blockchain token development
4. #slider_3330 - blockchain NFT development
5. #slider_3329 - blockchain smart contract
*/

#slider_3333.owl-item .sa_hover_container,
#slider_3332.owl-item .sa_hover_container,
#slider_3331.owl-item .sa_hover_container,
#slider_3330.owl-item .sa_hover_container,
#slider_3329.owl-item .sa_hover_container{
  margin-left: 0 !important;
}

#slider_3333 .owl-item .sa_hover_container,
#slider_3332 .owl-item .sa_hover_container,
#slider_3331 .owl-item .sa_hover_container,
#slider_3330 .owl-item .sa_hover_container,
#slider_3329 .owl-item .sa_hover_container{
  padding: 2.25rem 1.5rem !important;
  height: 320px;
  border-radius: 0.625rem;
  background-color: var(--primary-10);
  margin-left: 0 !important;
}
#slider_3333 .owl-item .sa_hover_container,
#slider_3331 .owl-item .sa_hover_container {
	height: unset;
}

.solution-industries-section {
	padding: 0 0 5rem;
}

.solution-industries-section h2 {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.38;
	color: var(--black-100);
	margin-bottom: 0.75rem;
	max-width: 482px;
}
.solution-industries-section p {
	font-size: 1rem !important;
	font-weight: normal;
	line-height: 1.56;
	color: var(--black-65);
	margin-bottom: 2.25rem;
	max-width: 600px;
}

#slider_3332 .owl-item .sa_hover_container:hover,
#slider_3330 .owl-item .sa_hover_container:hover,
#slider_3329 .owl-item .sa_hover_container:hover,
#slider_3331 .owl-item .sa_hover_container:hover{
	overflow: hidden;
	background-color: var(--dark-red);
	height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: background 0.3s ease-in;
}

#slider_3332 .owl-item .sa_hover_container:hover img,
#slider_3330 .owl-item .sa_hover_container:hover img,
#slider_3329 .owl-item .sa_hover_container:hover img,
#slider_3331 .owl-item .sa_hover_container:hover img{
	display: none;
}


#slider_3332 .owl-item .sa_hover_container:hover h5,
#slider_3330 .owl-item .sa_hover_container:hover h5,
#slider_3329 .owl-item .sa_hover_container:hover h5,
#slider_3331 .owl-item .sa_hover_container:hover h5{
	color: var(--white-100);
}


#slider_3332 .owl-item .sa_hover_container:hover p,
#slider_3330 .owl-item .sa_hover_container:hover p,
#slider_3329 .owl-item .sa_hover_container:hover p,
#slider_3331 .owl-item .sa_hover_container:hover p{
	color: var(--white-85);
	text-overflow: unset;
	white-space: normal;
	text-align: center !important;
}
#slider_3333 .owl-item img,
#slider_3332 .owl-item img,
#slider_3331 .owl-item img,
#slider_3330 .owl-item img,
#slider_3329 .owl-item img{
	margin-bottom: 1.5rem;
	max-width: 9.375rem;
	max-height: 9.375rem;
}
#slider_3333 .owl-item h5,
#slider_3332 .owl-item h5,
#slider_3331 .owl-item h5,
#slider_3330 .owl-item h5,
#slider_3329 .owl-item h5{
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.1;
	color: var(--black-100);
	margin-bottom: 0.375rem;
}
#slider_3333 .owl-item p,
#slider_3332 .owl-item p,
#slider_3330 .owl-item p,
#slider_3329 .owl-item p,
#slider_3331 .owl-item p{
	margin: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.71;
	color: var(--black-45);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.white {
	overflow: unset !important;
}


.white > #showcase_3333.owl-nav,
.white > #showcase_3332.owl-nav,
.white > #showcase_3331.owl-nav,
.white > #showcase_3330.owl-nav, 
.white > #showcase_3329.owl-nav{
	display: flex !important;
	top: -120px;
	position: absolute;
	right: 20px;
}


.white > #showcase_3332.owl-nav {
	top: -98px;
}

.white > #showcase_3333.owl-nav button,
.white > #showcase_3332.owl-nav button,
.white > #showcase_3331.owl-nav button,
.white > #showcase_3330.owl-nav button,
.white > #showcase_3329.owl-nav button{
	position: relative;
	margin: 0 0.125rem !important;
	right: 0;
	left: 0;
	top: unset !important;
	background: var(--bg-primary) !important;
	height: 2.75rem !important;
	width: 2.75rem !important;
	max-height: 2.75rem !important;
	max-width: 2.75rem !important;
	padding: 0.437rem !important;
	font-size: 0.625rem !important;
	border-radius: var(--border-radius-4);
	overflow: hidden;
}
.white > #showcase_3333.owl-nav button:after,
.white > #showcase_3332.owl-nav button:after,
.white > #showcase_3331.owl-nav button:after,
.white > #showcase_3330.owl-nav button:after,
.white > #showcase_3329.owl-nav button:after{
	content: " ";
	border: solid var(--primary-100);
	border-width: 0 0.188rem 0.188rem 0;
	display: inline-block;
	padding: 0.219rem;
	position: absolute;
	top: calc(50% - 0.313rem);
}
.white > #showcase_3333.owl-nav .owl-prev:after,
.white > #showcase_3332.owl-nav .owl-prev:after,
.white > #showcase_3331.owl-nav .owl-prev:after,
.white > #showcase_3330.owl-nav .owl-prev:after,
.white > #showcase_3329.owl-nav .owl-prev:after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left: 1.125rem;
}
.white > #showcase_3333.owl-nav .owl-next:after,
.white > #showcase_3332.owl-nav .owl-next:after,
.white > #showcase_3331.owl-nav .owl-next:after,
.white > #showcase_3330.owl-nav .owl-next:after,
.white > #showcase_3329.owl-nav .owl-next:after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 1.125rem;
}


// Main Common Style Other Blockchain.

/* #slider_3342 - other blockchain services */

#slider_3342.owl-item .sa_hover_container {
  margin-left: 0 !important;
}

#slider_3342 .owl-item .sa_hover_container a{
	height: 100%;
	width: 100%;
	display: inline-block;
	padding: 1.25rem;
}

#slider_3342 .sa_hover_container{
  padding: 0 !important;
}


#slider_3342 .owl-item .sa_hover_container {
  height: 150px;
  border-radius: 0.625rem;
  background-color: var(--primary-10);
  border: 1px solid transparent;
}

#slider_3342 .owl-item .sa_hover_container:hover{
	background-color: var(--block-brown);
	border: 1px solid  var(--orange-1);
}

.other-blockchain-service {
  margin: 60px 0;
}

.other-blockchain-service h2 {
  color: var(--black-100);
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 36px;
}

#slider_3342 .owl-item img {
  margin-bottom: 1rem;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

#slider_3342 .owl-item h4 {
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  color: var(--black-100);
}

.white > #showcase_3342.owl-nav {
  display: flex !important;
  top: -80px;
  position: absolute;
  right: 10px;
}
.white > #showcase_3342.owl-nav button {
  position: relative;
  margin: 0 0.125rem !important;
  right: 0;
  left: 0;
  top: unset !important;
  background: var(--bg-primary) !important;
  height: 2.75rem !important;
  width: 2.75rem !important;
  max-height: 2.75rem !important;
  max-width: 2.75rem !important;
  padding: 0.437rem !important;
  font-size: 0.625rem !important;
  border-radius: var(--border-radius-4);
}
.white > #showcase_3342.owl-nav button:after {
  content: " ";
  border: solid var(--primary-100);
  border-width: 0 0.188rem 0.188rem 0;
  display: inline-block;
  padding: 0.219rem;
  position: absolute;
  top: calc(50% - 0.313rem);
}
.white > #showcase_3342.owl-nav .owl-prev:after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 1.125rem;
}
.white > #showcase_3342.owl-nav .owl-next:after
{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 1.125rem;
}


/* ----- Blockchain Accordion Services ----- */
/* 
	1.Dex development
	2.Defi development
	3.Cryptocurrency wallet development
	4.Token development
	5.Dapp development
	6.Exchange platform development
	7.NFT Development
	8.Smart Contract Development
*/

.blockchain-new-faq {
	margin-bottom: 3.75rem;
}

.py-48 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.blockchain-new-faq {
  background-image: var(--faq-pink);
}

.blockchain-faq-content h2 {
	font-size: 2rem;
	line-height: 1.38;
	color: var(--black-100);
	margin-bottom: 2.25rem;
}

.blockchain-faq-img {
	justify-content: center;
	align-items: center;
}

.blockchain-faq-img figure img {
	max-width: 382px;
}

#wpsm_accordion_3321 .wpsm_panel,
#wpsm_accordion_3320 .wpsm_panel,
#wpsm_accordion_3319 .wpsm_panel,
#wpsm_accordion_3318 .wpsm_panel,
#wpsm_accordion_3317 .wpsm_panel,
#wpsm_accordion_3316 .wpsm_panel,
#wpsm_accordion_3315 .wpsm_panel,
#wpsm_accordion_3314 .wpsm_panel{
	border: none !important;
	background: transparent;
}

.blockchain-accordion #wpsm_accordion_3033 .ac_open_cl_icon,
.blockchain-accordion #wpsm_accordion_3033 .wpsm_panel-heading,
.smart-accordion #wpsm_accordion_3314 .ac_open_cl_icon,
.smart-accordion #wpsm_accordion_3314 .wpsm_panel-heading,
.dapp-accordion #wpsm_accordion_3317 .ac_open_cl_icon,
.dapp-accordion #wpsm_accordion_3317 .wpsm_panel-heading,
.exchange-platform-accordion #wpsm_accordion_3316 .ac_open_cl_icon,
.exchange-platform-accordion #wpsm_accordion_3316 .wpsm_panel-heading,
.defi-accordion #wpsm_accordion_3320 .ac_open_cl_icon,
.defi-accordion #wpsm_accordion_3320 .wpsm_panel-heading,
.dex-accordion #wpsm_accordion_3321 .ac_open_cl_icon,
.dex-accordion #wpsm_accordion_3321 .wpsm_panel-heading,
.crypto-currency-wallet-accordion #wpsm_accordion_3319 .ac_open_cl_icon,
.crypto-currency-wallet-accordion #wpsm_accordion_3319 .wpsm_panel-heading,
.nft-accordion #wpsm_accordion_3315 .ac_open_cl_icon,
.nft-accordion #wpsm_accordion_3315 .wpsm_panel-heading,
.token-development-accordion #wpsm_accordion_3318 .ac_open_cl_icon,
.token-development-accordion #wpsm_accordion_3318 .wpsm_panel-heading
{
	background-image: inherit !important;
}

.blockchain-accordion #wpsm_accordion_3033 .wpsm_panel-body,
.smart-accordion #wpsm_accordion_3314 .wpsm_panel-body,
.dapp-accordion #wpsm_accordion_3317 .wpsm_panel-body,
.exchange-platform-accordion #wpsm_accordion_3316 .wpsm_panel-body,
.defi-accordion #wpsm_accordion_3320 .wpsm_panel-body,
.dex-accordion #wpsm_accordion_3321 .wpsm_panel-body,
.crypto-currency-wallet-accordion #wpsm_accordion_3319 .wpsm_panel-body,
.nft-accordion #wpsm_accordion_3315 .wpsm_panel-body,
.token-development-accordion #wpsm_accordion_3318 .wpsm_panel-body{
	background: transparent !important;
	font-size: 1rem !important;
	line-height: 1.63;
	color: var(--black-65) !important;
	font-family: var(--font-family) !important;
	padding: 0 0 2rem !important;
}

.blockchain-accordion #wpsm_accordion_3033 .ac_title_class,
.smart-accordion #wpsm_accordion_3314 .ac_title_class,
.dapp-accordion #wpsm_accordion_3317 .ac_title_class,
.exchange-platform-accordion #wpsm_accordion_3316 .ac_title_class,
.defi-accordion #wpsm_accordion_3320 .ac_title_class,
.dex-accordion #wpsm_accordion_3321 .ac_title_class,
.crypto-currency-wallet-accordion #wpsm_accordion_3319 .ac_title_class,
.nft-accordion #wpsm_accordion_3315 .ac_title_class,
.token-development-accordion #wpsm_accordion_3318 .ac_title_class{
	font-size: 1.125rem !important;
	font-weight: 800;
	line-height: 1.22;
	color: var(--black-100) !important;
	font-family: var(--font-family) !important;
	padding: 0 0 1.625rem;
}

.blockchain-accordion .fa-minus:before,
.smart-accordion .fa-minus:before,
.dapp-accordion .fa-minus:before,
.exchange-platform-accordion .fa-minus:before,
.defi-accordion .fa-minus:before,
.dex-accordion .fa-minus:before,
.crypto-currency-wallet-accordion .fa-minus:before,
.nft-accordion .fa-minus:before,
.token-development-accordion .fa-minus:before{
	content: "\f0d8" !important;
}

.blockchain-accordion .fa-plus:before,
.smart-accordion .fa-plus:before,
.dapp-accordion .fa-plus:before,
.exchange-platform-accordion .fa-plus:before,
.defi-accordion .fa-plus:before,
.dex-accordion .fa-plus:before,
.crypto-currency-wallet-accordion .fa-plus:before,
.nft-accordion .fa-plus:before,
.token-development-accordion .fa-plus:before{
	content: "\f0d7" !important;
}

/*blockchain-accordion*/
	#wpsm_accordion_3033.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/*smart-accordion*/
	#wpsm_accordion_3314.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/*dapp-accordion*/ 
	#wpsm_accordion_3317.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/*exchange-platform-accordion*/
	#wpsm_accordion_3316.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/*defi-platform-accordion*/
#wpsm_accordion_3320.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/* dex-development-accordion */
#wpsm_accordion_3321.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/* crypto-currency-wallet-accordion */
#wpsm_accordion_3319.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/* NFT Development */
#wpsm_accordion_3315.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading,
/* Token Development accordion */
#wpsm_accordion_3318.wpsm_panel-group
	.wpsm_panel-default
	> .wpsm_panel-heading
{
	padding: 0;
	background-color: transparent !important;
}

.blockchain-accordion #wpsm_accordion_3033 .ac_open_cl_icon,
.smart-accordion #wpsm_accordion_3314 .ac_open_cl_icon,
.dapp-accordion #wpsm_accordion_3317 .ac_open_cl_icon,
.exchange-platform-accordion #wpsm_accordion_3316 .ac_open_cl_icon,
.defi-accordion #wpsm_accordion_3320 .ac_open_cl_icon,
.dex-accordion #wpsm_accordion_3321 .ac_open_cl_icon,
.crypto-currency-wallet-accordion #wpsm_accordion_3319 .ac_open_cl_icon,
.nft-accordion #wpsm_accordion_3315 .ac_open_cl_icon,
.token-development-accordion #wpsm_accordion_3318 .ac_open_cl_icon{
	background-color: transparent !important;
	font-size: 0.75rem;
}