/*!
Theme Name: Xaito
Theme URI: https://xoomcoders.com/wp/xaito
Author: freekytheme
Author URI: https://themeforest.net/user/freekytheme
Description: Xaito Theme is fully flexible, user-friendly and responsive that looks great on every devices as desktops, tablets, and mobiles.
Version: 1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: xaito
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

xaito is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.cookieNotice {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0px;
  bottom: 0;
  width: 100%;
  max-height: 0px;
  z-index: 999999;
  transition-property: all;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
  color: #fff;
  font-family: Arial;display: flex;
}
	.cookieInfo, .cookieBtns {
  padding: 10px 15px;
  font-size: 14px;
  font-family: Roboto;
  font-weight: 300;
		letter-spacing:.5px;
}
	
	.accept {
  background-color: #0e71b6;
  color: #fff;
  font-size: 12px;font-family: Roboto;
}
	button {
  padding: 8px 15px;
  border: 0px;
  border-radius: 20px;
  font-size: 15px;font-family: Roboto;
}
		.cookieNotice.open {
  max-height: 100%;
}
.xc-header-one__logo { max-width: 220px !important;}
.meetgirikonai-section .meetgirikonai-section-content .head{color: #FFFFFF; font-size: 54px; line-height: normal; font-weight: 600;margin-bottom: 30px; text-align:center;}
.meetgirikonai-section .meetgirikonai-section-content .sub-head{color: #FFFFFF; font-size: 30px; line-height: normal; font-weight: 300; text-align:center;}
.meetgirikonai-section .meetgirikonai-section-content .sub-head:last-child{margin-top:10px; margin-bottom:30px;}
.meetgirikonai-section .meetgirikonai-section-content .sub-head span{ font-weight: 500;}
.meetgirikonai-section .meetgirikonai-section-content p{color: #FFFFFF; font-size: 20px; line-height: 28px; font-weight: normal; letter-spacing: .5px; padding: 0px; margin: 80px 0px 0px 0px;}
.meetgirikonai-section .features ul{  margin: 0px 0px 0px -30px;}
.meetgirikonai-section .features ul li{color: #FFFFFF; font-size: 50px; line-height: normal; font-weight: 400; list-style: none;margin: 0px 0px 20px 0px;}



.accelerate-productivity-section .accelerate-productivity-content .head{color: #6840d6; font-size: 65px; line-height: 65px; font-weight: 600;margin-bottom: 30px;}
.accelerate-productivity-section .accelerate-productivity-content .head span{color: #000;}
.accelerate-productivity-section .accelerate-productivity-content .sub-head{color: #000; font-size: 35px; line-height: normal; font-weight: 300;}
.accelerate-productivity-section .accelerate-productivity-content .sub-head span{font-weight: 500; color: #6840d6;}
.accelerate-productivity-section .accelerate-productivity-content p{color: #000; font-size: 20px; line-height: 28px; font-weight: normal; letter-spacing: .5px; padding: 0px; margin: 30px 0px 0px 0px;}



.unlock-knowledge-section .unlock-knowledge-content .head{color: #6840d6; font-size: 65px; line-height: 65px; font-weight: 600;margin-bottom: 30px;}
.unlock-knowledge-section .unlock-knowledge-content .head span{color: #000;}
.unlock-knowledge-section .unlock-knowledge-content .sub-head{color: #000; font-size: 35px; line-height: normal; font-weight: 300;margin-bottom: 15px;}
.unlock-knowledge-section .unlock-knowledge-content .sub-head span{font-weight: 500; color: #000;}
.unlock-knowledge-section .unlock-knowledge-content p{color: #000; font-size: 20px; line-height: 28px; font-weight: normal; letter-spacing: .5px; padding: 0px; margin: 30px 0px 50px 0px;}

.reimagine-interactions-section .head{color: #fff; font-size: 65px; line-height: 80px; font-weight: 600;margin-bottom: 30px;}
.reimagine-interactions-section .head span{color: #1d2cf3;}
.reimagine-interactions-section .reimagine-interactions-box .head{color: #fff; font-size: 34px; line-height: 38px; font-weight: 500;margin-bottom: 15px;}
.reimagine-interactions-section .reimagine-interactions-box ul  { margin: 0px 0px 0px -30px;}
.reimagine-interactions-section .reimagine-interactions-box ul li{color: #FFFFFF; font-size: 20px; line-height: normal; font-weight: 300; list-style: none;margin: 0px 0px 30px 0px;}
.reimagine-interactions-section-bottom .head{color: #fff; font-size: 50px; line-height: 65px; font-weight: 200;}

.get-insights-section .get-insights-box .head{color: #000; font-size: 65px; line-height: 65px; font-weight: 300; margin-bottom: 30px;}
.get-insights-section .get-insights-box .head span{color: #6840d6; font-weight: 600;}


.tntegrate-automate-section .head{color: #000; font-size: 55px; line-height: 65px; font-weight: 200; margin-bottom: 30px;}
.tntegrate-automate-section .head span{color: #000; font-weight: 600;}
.tntegrate-automate-box{ display: flex; flex-wrap: wrap;}
.tntegrate-automate-box-img{ width:14%;}
.tntegrate-automate-box-img img{ width: 100%;}
.tntegrate-automate-box-content{ width:82%; margin-left:4%;}
.tntegrate-automate-box-content .head{color: #000; font-size: 26px; line-height: normal; font-weight: 400;margin: 0px 0px 10px 0px;}
.tntegrate-automate-box-content ul  { margin: 0px 0px 0px -10px;}
.tntegrate-automate-box-content ul li{color: #000; font-size: 20px; line-height: normal; font-weight: 300; list-style: disc;;margin: 0px 0px 12px 0px;}
.tntegrate-automate-section .B-head{color: #000; font-size: 55px; line-height: 65px; font-weight: 200;}
.tntegrate-automate-section .B-head span{color: #000; font-weight: 600;}


.enterprise-grade-security-section .head{color: #000; font-size: 45px; line-height: 65px; font-weight: 600; margin-bottom: 50px;}
.enterprise-grade-security-section ul  { margin: 0px 0px 0px -10px;}
.enterprise-grade-security-section ul li{color: #000; font-size: 20px; line-height: normal; font-weight: 300; list-style: disc;;margin: 0px 0px 12px 0px;}
.enterprise-grade-security-box .enterprise-grade-security-box-content{margin-left: 5px;}
.enterprise-grade-security-box .enterprise-grade-security-box-content .head{color: #000; font-size: 20px; line-height: 30px; font-weight: 500;}
.enterprise-grade-security-box .enterprise-grade-security-box-content p{color: #000; font-size: 18px; line-height: 24px; font-weight: 300;}


.empower-customers-section .head{color: #fff; font-size: 70px; line-height: 85px; font-weight: 300; margin-bottom: 150px;}
.empower-customers-section .head span{font-weight: 600;}
.empower-customers-section .sub-head{color: #fff; font-size: 45px; line-height: 45px; font-weight: 300; margin-bottom: 50px; text-align:center;}
.thankyou-msg{ padding:0px 0px 100px 0px;}
.thankyou-msg p{ text-align:center;}
.contactup-page-item .xc-cta-four__section{padding: 40px 0px 0px 0px;}
.contactup-page-item .xc-cta-four__section .col-lg-4{display:flex;}
.contactup-page-item .xc-contact-page__section{display: none;}
.contactup-page-item .xc-cta-four__box{margin-bottom: 20px !important; flex:1;}
.CS-banner-content h1{font-size: 50px; font-weight: 600; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.CS-banner-content h1 span{font-weight: 400;}
.CS-banner-content p{ font-size: 24px; font-weight: 400; line-height: 34px; color: #000; padding: 0px 0px 5px 0px; margin: 0px;letter-spacing: .5px;}
.future-of-customer{font-size: 60px; font-weight: 300; line-height: 60px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.future-of-customer span{font-size: 110px; font-weight: 600; line-height: 120px; color: #8B698C; padding: 0px; margin: 0px 0px 5px 0px;}
.seamlessly-connect{font-size: 60px; font-weight: 300; line-height: 70px; color: #3e103f; padding: 0px; margin: 0px 0px 15px 0px;letter-spacing: .5px;}
.seamlessly-connect span{ font-weight: 600;color: #8967e8;}
.works-seamlessly{color: #000; font-size: 20px; line-height: 28px; font-weight: normal; letter-spacing: .5px; padding: 0px;  margin: 0px 0px 0px 0px;}
.CS-feature-box .head{font-size: 44px; font-weight: 300; line-height: 50px; color: #3e103f; padding: 0px; margin: 0px 0px 15px 0px;letter-spacing: .5px;}
.CS-feature-box .head span{font-weight: 600; color: #8967e8;}
.CS-feature-box .sub-head{font-size: 24px; font-weight: 400; line-height: 34px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.CS-feature-box .text{font-size: 18px; font-weight: 400; line-height: 24px; color: #5f5f5f; padding: 0px; margin: 0px 0px 20px 0px;letter-spacing: .5px;}
.CS-feature-box-img img{ width: auto !important;}
.multiple-industries-section .head{font-size: 50px; font-weight: 600; line-height: 50px; color: #654065; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.multiple-industries-section .head span{font-weight: 200;}
.multiple-industries-section .opmi-boxs{margin: 0px 0px 20px 0px;}
.multiple-industries-section .opmi-boxs .head{font-size: 28px; font-weight: 400; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.multiple-industries-section .opmi-boxs .text{font-size: 18px; font-weight: 300; line-height: 24px; color: #5f5f5f; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}
.ready-to-transform-your-customer-service{font-size: 60px; font-weight: 200; line-height: 80px; color: #B191B2; padding: 0px; margin: 0px 0px 5px 0px; letter-spacing: .5px;}
.ready-to-transform-your-customer-service span{font-weight: 600;}

.seamlessly-of-connect .head{font-size: 52px; font-weight: 300; line-height: 60px; color: #3e103f; padding: 0px; margin: 0px 0px 100px 0px;letter-spacing: .5px;}
.seamlessly-of-connect .head span{ font-weight: 600; color: #8967e8;}
.seamlessly-of-connect p{font-size: 20px; font-weight: 400; line-height: 26px;color: #292929;}

.fps-boxs{margin: 0px 0px 20px 0px;}
.fps-boxs .fps-boxs-img{ text-align: center;margin-bottom: 30px;}
.fps-boxs .fps-boxs-img img{ width:35%;}
.fps-boxs .head{font-size: 38px; font-weight: 600; line-height: 50px; color: #3e103f; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.fps-boxs .head span{ color: #6840d6;}
.fps-boxs .text{font-size: 20px; font-weight: 300; line-height: 28px; color: #292929; padding: 0px; margin: 15px 0px 0px 0px;letter-spacing: .5px;}

.wps-boxs{ background-color:#000; padding:80px 30px 50px 30px; }
.wps-boxs .head{font-size: 53px; font-weight: 300; line-height: 64px; color: #fff; padding: 0px; margin: 0px 0px 150px 0px;letter-spacing: .5px;}
.wps-boxs .head span{ color: #6840d6; font-weight: 600;}
.wps-boxs .text{font-size: 20px; font-weight: 300; line-height: 28px; color: #fff; padding: 0px; margin: 15px 0px 100px 0px;letter-spacing: .5px;}

.tbc-boxs{padding:0px 0px 0px 0px; }
.tbc-boxs .head{font-size: 53px; font-weight: 300; line-height: 64px; color: #fff; padding: 0px; margin: 0px 0px 50px 0px;letter-spacing: .5px;}
.tbc-boxs .head span{ color: #fff; font-weight: 600;}
.tbc-boxs .text{font-size: 20px; font-weight: 300; line-height: 28px; color: #fff; padding: 0px; margin: 15px 0px 0px 0px;letter-spacing: .5px;}

.dcs-boxs{padding:0px 0px 0px 0px; }
.dcs-boxs .head{font-size: 53px; font-weight: 600; line-height: 64px; color: #222a2b; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}
.dcs-boxs .head span{ color: #6840d6;}
.marketing-page-banner{ width: 55%; margin-bottom:60px;}
.marketing-page-banner .head{font-size: 53px; font-weight: 300; line-height: 64px; color: #000; padding: 0px; margin: 0px 0px 50px 0px;letter-spacing: .5px;}
.marketing-page-banner .head span{ font-weight: 600;}
.marketing-page-banner p{font-size: 20px; font-weight: 400; line-height: 28px; color: #000; padding: 0px; margin: 15px 0px 0px 0px;letter-spacing: .5px; max-width:80%;}

.Engage-section{}
.Engage-section .head{font-size: 53px; font-weight: 300; line-height: 64px; color: #3e103f; padding: 0px; margin: 0px 0px 50px 0px;letter-spacing: .5px;}
.Engage-section .head span{ font-weight: 600; color: #6840d6;}
.Engage-section-box{display: flex; margin:0px 0px 30px 0px;}
.Engage-section-box-img{  width: 30%;}
.Engage-section-box-img-frame{  padding: 10px;  background-color: #faf5f5;  width: 80%; border: 2px solid #e8eaed;}
.Engage-section-box-text{  width: 70%;}
.Engage-section-box-text .head{font-size: 28px; font-weight: 500; line-height: 28px; color: #3e103f; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.Engage-section-box-text  p{font-size: 18px; font-weight: 400; line-height: 28px; color: #292929; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}

.csc-boxs-section .head{font-size: 28px; font-weight: 300; line-height: 28px; color: #3e103f; padding: 0px; margin: 0px 0px 20px 0px;letter-spacing: .5px;}
.csc-boxs-section .sub-head{font-size: 18px; font-weight: 400; line-height: 24px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.csc-boxs-section ul {
  margin-left: -17px;
}
.csc-boxs-section ul li{font-size: 16px; font-weight: 300; line-height: 22px; color: #000; padding: 0px; margin: 0px 0px 10px 0px;letter-spacing: .5px;}


.unt-boxs-section .head{font-size: 30px; font-weight: 200; line-height: 44px; color: #fff; padding: 0px; margin: 0px 0px 60px 0px;letter-spacing: .5px;}
.unt-boxs-section .head span{font-weight: 600;}
.unt-boxs-section .content{font-size: 16px; font-weight: 300; line-height: 26px; color: #fff; padding: 0px; margin: 60px 0px 0px 0px;letter-spacing: .5px;}
.unt-section .unlock-knowledge-head{font-size: 50px; font-weight: 600; line-height: 64px; color: #fff; padding: 0px; margin: 0px 0px 30px 0px;letter-spacing: .5px;}
.unt-section .unlock-knowledge-head span{font-weight: 200;}
.recruitment-page-banner .head{font-size: 70px; font-weight: 300; line-height: 80px; color: #fff; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}
.recruitment-page-banner .head span{ font-weight: 600; display:block;}

.irp-section-left-content .head{font-size: 64px; font-weight: 300; line-height: 74px; color: #000; padding: 0px; margin: 0px 0px 15px 0px;letter-spacing: .5px;}
.irp-section-left-content .head span{font-weight: 600; color: #000;}
.irp-section-left-content .sub-head{font-size: 24px; font-weight: 400; line-height: 34px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.irp-section-left-content .text{font-size: 18px; font-weight: 400; line-height: 24px; color: #5f5f5f; padding: 0px; margin: 0px 0px 20px 0px;letter-spacing: .5px;}
.irp-section-left-content-img img{ width: auto !important;}


.shpbt-section .head{font-size: 64px; font-weight: 300; line-height: 74px; color: #000; padding: 0px; margin: 0px 0px 15px 0px;letter-spacing: .5px;}
.shpbt-section .head span{font-weight: 300; color: #000;}
.shpbt-section .sub-head{font-size: 24px; font-weight: 400; line-height: 34px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.shpbt-section .text{font-size: 18px; font-weight: 400; line-height: 24px; color: #5f5f5f; padding: 0px; margin: 0px 0px 20px 0px;letter-spacing: .5px;}
.shpbt-section-img img{ width: auto !important;}

.pce-section .unlock-knowledge-head{font-size: 60px; font-weight: 600; line-height: 70px; color: #fff; padding: 0px; margin: 0px 0px 60px 0px;letter-spacing: .5px;}
.pce-section .unlock-knowledge-head span{font-weight: 300;}
.pce-boxs-section .pce-box-icon-img{margin-bottom:30px;}
.pce-boxs-section .head{font-size: 22px; font-weight: 600; line-height: 32px; color: #fff; padding: 0px; margin: 0px 0px 20px 0px;letter-spacing: .5px;}
.pce-boxs-section .content{font-size: 16px; font-weight: 500; line-height: 26px; color: #fff; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}

.rshp-section .head{font-size: 80px; font-weight: 200; line-height: 100px; color: #fff; padding: 0px; margin: 0px 0px 100px 0px;letter-spacing: .5px;}
.rshp-section .head span{ font-weight: 600; }


.tphp-boxs{ background-color:#3e103f; padding:80px 30px 50px 30px; }
.tphp-boxs .head{font-size: 53px; font-weight: 300; line-height: 64px; color: #fff; padding: 0px; margin: 0px 0px 80px 0px;letter-spacing: .5px;}
.tphp-boxs .head span{ color: #6840d6; font-weight: 600;}
.tphp-boxs .text{font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; padding: 0px; margin: 15px 0px 30px 0px;letter-spacing: .5px;}


.ld-banner-content h1{font-size: 60px; font-weight: 600; line-height: 70px; color: #000; padding: 0px; margin: 0px 0px 70px 0px;letter-spacing: .5px;}
.ld-circle{background-image: url("/wp-content/uploads/2023/12/learning-circle.png");background-repeat: no-repeat;
  background-position: top center;position: relative;height: 260px;}
.ld-circle .ld-circle-ca{position: absolute; left: 0; top: -30px; right: 0; margin: 0px auto; width: 180px;}
.ld-circle .ld-circle-aa{position: absolute; left: 36px; width: 150px; top:170px;}
.ld-circle .ld-circle-ia{position: absolute; right: 15px; width: 100px; top:170px;}


.iket-content-section .iket-content{ background-color: #000; padding: 120px 40px;}
.iket-content-section .iket-content .head{font-size: 48px; line-height: 60px; font-weight: 300; color: #fff; padding: 0px; margin: 0px 0px 70px 0px;letter-spacing: .5px;}
.iket-content-section .iket-content .head span{font-weight: 600; color: #FFCD00;}
.iket-content-section .iket-content p{font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}

.eek-section-content .head { font-size: 44px; font-weight: 600; line-height: 56px; color: #000;
  padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px;}
.eek-section-content .sub-head{font-size: 24px; font-weight: 400; line-height: 34px; color: #000; padding: 0px; margin: 0px 0px 5px 0px;letter-spacing: .5px;}
.eek-section-content .text{font-size: 18px; font-weight: 400; line-height: 24px; color: #5f5f5f; padding: 0px; margin: 0px 0px 40px 0px;letter-spacing: .5px;}


.depgr-section .head{font-size: 60px; font-weight: 500; line-height: 70px; color: #fff; padding: 0px; margin: 0px 0px 100px 0px;letter-spacing: .5px;}

.ulai-head{font-size: 100px; font-weight: 500; line-height: 110px; color: #000; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}

.atg-section .head { font-size: 60px; font-weight: 600; line-height: 60px; color: #fff; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px;}
.atg-section .head span {font-weight: 200;}
.atg-section-content .sub-head{font-size: 20px; font-weight: 500; line-height: 30px; color: #fff; padding: 0px; margin: 0px 0px 0px 0px; letter-spacing: .5px;}
.atg-section-content .text{font-size: 16px; font-weight: 300; line-height: 24px; color: #fff; padding: 0px; margin: 0px 0px 35px 0px;letter-spacing: .5px;}

.girikonqa-banner-section .content-box .head{font-size: 50px; font-weight: 400; line-height: 60px; color: #000; padding: 0px; margin: 0px 0px 50px 0px; letter-spacing: .5px;}
.girikonqa-banner-section .content-box p{font-size: 22px; font-weight: 300; line-height: 34px; color: #000; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}
.girikonqa-banner-section .content-box p span{font-weight: 500;}
.girikonqa-banner-section .content-box .banner-features{ display:flex;justify-content: space-between;margin: 40px 0px 0px 0px;}
.girikonqa-banner-section .content-box .banner-features .banner-features-box{ width:30%;}
.girikonqa-banner-section .content-box .banner-features .banner-features-box p{font-size: 22px; font-weight: 400; line-height: 30px; color: #000; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}
.girikonqa-banner-section .content-box .banner-features .banner-features-box p span{font-weight: 500;}
.girikonqa-banner-section .banner-form { box-shadow: 0px 0px 10px 0px #ccc; padding: 10px 30px 30px 30px; border-radius: 15px;}
.girikonqa-banner-section .banner-form .form-heading{font-size: 24px; font-weight: 500; line-height: 34px; color: #000; padding: 0px; margin: 0px 0px 10px 0px; letter-spacing: .5px;}




.test-web-apps-section .heading{font-size: 50px; font-weight: 300; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px; text-align: center;}
.test-web-apps-section .heading span{font-weight: 600; }
.test-web-apps-section .content-box .head{font-size: 40px; font-weight: 400; line-height: 50px; color: #000; padding: 0px;
 margin: 0px 0px 20px 0px; letter-spacing: .5px;}
.test-web-apps-section .content-box p{font-size: 20px; font-weight: 300; line-height: 30px; color: #000; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}

.Purpose-built-section .heading{font-size: 50px; font-weight: 500; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px; text-align: center;}
.Purpose-built-section .content-box{ background-color: #000; border-radius:15px; padding:20px; text-align:center;width: 85%;
  margin: 0px auto;}
.Purpose-built-section .content-box .head{font-size: 60px; line-height: 70px; font-weight: 600; color: #fff; padding: 0px;
 margin: 0px 0px 10px 0px; letter-spacing: .5px;}
.Purpose-built-section .content-box p{font-size: 28px; font-weight: 300; line-height: 36px; color: #fff; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}
.Purpose-built-section .content-box p span{ display:block; font-weight: 600;}


.everything-you-need-section .heading{font-size: 40px; font-weight: 400; line-height: 50px; color: #fff; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px; text-align: center;}
.everything-you-need-section .heading span{font-weight: 600;}
.everything-you-need-section .content-box{ padding:20px; text-align:center;}
.everything-you-need-section .content-box .head{font-size: 30px; line-height: 40px; font-weight: 400; color: #fff; padding: 0px; margin: 0px 0px 10px 0px; letter-spacing: .5px;}
.everything-you-need-section .content-box p{font-size: 20px; font-weight: 300; line-height: 30px; color: #fff; padding: 0px; margin: 0px 0px 0px 0px;letter-spacing: .5px;}

.platform-focus-section .heading{font-size: 40px; font-weight: 500; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px; text-align: center;}
.platform-focus-section .content-box{ padding:20px; text-align:center;}
.platform-focus-section .content-box .head{font-size: 26px; line-height: 36px; font-weight: 300; color: #000; padding: 0px; margin: 20px 0px 10px 0px; letter-spacing: .5px;}


.girikQA-eeatures-section .heading{font-size: 40px; font-weight: 500; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px; text-align: center;}
.girikQA-eeatures-section .content-box{ padding:0px;}
.girikQA-eeatures-section .content-box .content-box-img{ margin: 0px 0px 15px 0px;}
.girikQA-eeatures-section .content-box .head{font-size: 26px; line-height: 36px; font-weight: 500; color: #000; padding: 0px; margin: 20px 0px 10px 0px; letter-spacing: .5px;}
.girikQA-eeatures-section .content-box p{font-size: 16px;; line-height: 24px; font-weight: 300; color: #000; padding: 0px; margin: 0px 0px 0px 0px; letter-spacing: .5px;}




.get-started-section .heading{font-size: 40px; font-weight: 500; line-height: 50px; color: #000; padding: 0px; margin: 0px 0px 25px 0px; letter-spacing: .5px; text-align: center;}
.get-started-section .content-box{ padding:20px;}
.get-started-section .content-box .head{font-size: 26px; line-height: 36px; font-weight: 500; color: #000; padding: 0px; margin: 20px 0px 10px 0px; letter-spacing: .5px;}
.get-started-section .content-box p{font-size: 20px; font-weight: 300; line-height: 30px; color: #000; padding: 0px; margin: 0px 0px 0px 0px; letter-spacing: .5px;}


.slow-testing-delaying-section p{font-size: 50px; font-weight: 400; line-height: 60px; color: #fff; padding: 0px; margin: 0px 0px 15px 0px; letter-spacing: .5px;}
.slow-testing-delaying-section p span{font-weight: 600;}


.girikon-ai-card{
        border-radius: 12px;
        border-width: 1.25px;
        border-style: solid;
        border-image: var(--button-gradient, linear-gradient(90deg, rgba(74, 178, 249, 1) 0%, rgba(130, 9, 254, 1) 43.870967626571655%, rgba(232, 11, 233, 1) 100%));
        border-image-slice: 1;
        padding: 20px 24px 20px 24px;
        display: flex;
	flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
        box-shadow: var(--gradient-glow-box-shadow, 0px 0px 15px 0px rgba(180, 41, 154, 0.25));
    }
.girikon-ai-card.border-white{
	border-image: none;
    border-image-slice: unset;
	border-color:#fff;
}
    .girikon-ai-card .logo{
        width: 100%;
		background: #fff;
		padding: 10px 5px;
		border-radius: 16px;
		margin-bottom:20px;
		display: flex;
    	justify-content: center;
    }

	.girikon-ai-card .logo img{
		max-width: 270px;
		height: 42px;
	}
    .girikon-ai-card .heading{
        color: #FFFFFF; font-size: 45px; line-height: normal; font-weight: 600;margin-bottom: 20px; text-align:center;
    }
    .girikon-ai-card .sub-head{
        color: #FFFFFF; font-size: 25px; line-height: normal; font-weight: 300; text-align:center; margin-bottom:10px;
    }
    .girikon-ai-card .sub-head span{
        font-weight: 500;
    }
    .girikon-ai-card .web-btn{
        background: #fff;
        border-radius: 8px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
		border: 2px solid #fff;
    }
.girikon-ai-card .web-btn:hover{
	border: 2px solid #fff;
	background:transparent;
}
.girikon-ai-card .web-btn:hover a{
	color: #fff;
}
    .girikon-ai-card .web-btn a{
        color: #6840d6;
        text-align: left;
        font-size: 16px;
        font-weight: 500;
        padding: 12px 36px;
    }
.girikon-ai-card .redirect-link-btn{
	margin-top:5px;
}
.girikon-ai-card .redirect-link-btn a{
	padding: 12px 36px;
	color:#fff;
}
.girikon-ai-card .redirect-link-btn:hover a{
	text-decoration:underline;
	cursor:pointer;
}
.logo-section .frame-427318526 {
    background: #ffffff;
    padding: 40px 16px;
    display: flex
;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
	flex-wrap:wrap;
}
.logo-section .frame-427318522 {
    background: #ffffff;
    border-radius: 12px;
    padding: 12px;
    display: flex
;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
    box-shadow: var(--gradient-glow-box-shadow, 0px 0px 15px 0px rgba(180, 41, 154, 0.25));
}
.logo-section .images-2 {
    flex-shrink: 0;
    width: 100px;
    height: auto;
    position: relative;
    object-fit: cover;
}
.girikon-ai-card .icon{
        border: 3px solid #fff;
        border-radius: 50%;
        padding: 16px;
    }
    .girikon-ai-card .icon svg{
        width: 50px;
        height: 50px;
    }
.banner-icons{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:30px;
}
.banner-icons img{
	width:70px;
	height:70px;
}
.nav-out-link{
	target-new: new;
}
.join-the-waitlist-form .S-btn button.submitForm{
	color: var(--xc-common-white);
    background-color: #4e43fa;
    border: 1px solid #4e43fa;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Manrope', sans-serif;
    transition: 0.3s;
    border-radius: 5px;
    display: inline-block;
}
.join-the-waitlist-form .S-btn button.submitForm:hover{
	background-color: #3618d3;
    color: #fff;
    border-color: transparent;
}




@media only screen and (min-width: 768px) and (max-width: 1024px) {
.seamlessly-of-connect .head { font-size: 46px; line-height: 55px; margin: 0px 0px 30px 0px;}
.fps-boxs .head {  font-size: 30px;  line-height: 36px;}
.wps-boxs .head { font-size: 38px; line-height: 48px; margin: 0px 0px 20px 0px;}
.wps-boxs .text {  margin: 15px 0px 0px 0px;}
.wps-boxs {padding: 30px 30px 30px 30px;}
	.marketing-page-banner { width: 90%; margin-bottom: 30px;}
	.marketing-page-banner .head { font-size: 53px; line-height: 53px; margin: 0px 0px 30px 0px;}
	.irp-section-left-content .head { font-size: 50px; line-height: 64px;}
	.shpbt-section .head { font-size: 50px; line-height: 60px;}
	.tphp-boxs .head { font-size: 50px; line-height: 60px; margin: 0px 0px 30px 0px;}
	.tphp-boxs {  padding: 30px 15px 20px 15px;}
	.rshp-section .head {  font-size: 50px;  line-height: 60px;}
	.ld-banner-content h1 {  font-size: 50px;  line-height: 60px;}
	.ld-circle .ld-circle-aa {  left: 0px;  top: 210px;}
	.ld-circle .ld-circle-ia {  right: 0px;  top: 200px;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.girikonqa-banner-section .content-box .head { font-size: 32px; line-height: 42px; margin: 0px 0px 10px 0px;}
	.girikonqa-banner-section .content-box p { font-size: 16px; font-weight: 300; line-height: 26px;}
	.girikonqa-banner-section .content-box .banner-features { margin: 20px 0px 0px 0px;}
	.girikonqa-banner-section .content-box .banner-features .banner-features-box p { font-size: 16px; font-weight: 400;
		line-height: 22px;}
	.girikonqa-banner-section .banner-form {padding: 20px 15px 30px 15px; margin: 10px 0px 0px 0px;}
	.girikonqa-banner-section .banner-form .left-side { width: 100%;}
	.girikonqa-banner-section .banner-form .right-side { width: 100%;}
	.Purpose-built-section .heading { font-size: 32px; line-height: 42px;}
	.test-web-apps-section .heading { font-size: 32px; line-height: 42px;margin: 0px 0px 0px 0px;}
	.test-web-apps-section .content-box .head { font-size: 26px; line-height: 36px;}
	.everything-you-need-section .heading { font-size: 32px; line-height: 42px;}
	.everything-you-need-section .content-box .head { font-size: 26px; line-height: 36px;}
	.platform-focus-section .heading { font-size: 32px; line-height: 42px;}
	.girikQA-eeatures-section .heading {font-size: 32px; line-height: 42px; margin: 0px 0px 0px 0px;}
	.get-started-section .heading { font-size: 32px; line-height: 42px; margin: 0px 0px 0px 0px;}
	.slow-testing-delaying-section p { font-size: 40px;  line-height: 50px;  margin: 0px 0px 30px 0px;letter-spacing: .5px;}
	.ld-banner-content h1 { font-size: 40px; line-height: 50px;}
	.ld-circle .ld-circle-aa { position: absolute; left: 10px;  top: 220px;}
	.ld-circle .ld-circle-ia {  position: absolute;  right: 0px;  top: 220px;}
	.recruitment-page-banner .head { font-size: 40px; line-height: 50px;}
	.irp-section-left-content .head { font-size: 40px; line-height: 50px;}
	.pce-section .unlock-knowledge-head { font-size: 40px; line-height: 60px; margin: 0px 0px 30px 0px;}
	.shpbt-section .head { font-size: 40px; line-height: 50px;}
	.tphp-boxs .head { font-size: 40px; line-height: 50px; margin: 0px 0px 60px 0px;}
	.rshp-section .head { font-size: 40px; line-height: 60px;}
	.tphp-boxs {  padding: 60px 15px 30px 15px;}
	.iket-content-section .iket-content .head { font-size: 40px; line-height: 50px; font-weight: 300; margin: 0px 0px 30px 0px;}
	.iket-content-section .iket-content { padding: 50px 15px;}
	.eek-section-content .head { font-size: 40px; line-height: 48px;}
	.atg-section .head { font-size: 50px; line-height: 60px; margin: 0px 0px 0px 0px;}
	.ulai-head { font-size: 80px; line-height: 90px;}
	.depgr-section .head { font-size: 40px; line-height: 60px;}
	.marketing-page-banner{ width: 100%; margin-bottom:0px;}
	.marketing-page-banner .head {  font-size: 42px;  line-height: 44px;  margin: 0px 0px 10px 0px;}
	.marketing-page-banner p{max-width:100%;}
	.meetgirikonai-section .meetgirikonai-section-content .head { font-size: 40px; line-height: normal; font-weight: 600;  margin-bottom: 19px;}
	.meetgirikonai-section .meetgirikonai-section-content .sub-head {  font-size: 30px;}	
	.meetgirikonai-section .meetgirikonai-section-content p { font-size: 18px; line-height: 26px; margin: 30px 0px 0px 0px;}
	.meetgirikonai-section .features ul li { font-size: 40px; margin: 0px 0px 10px 0px; text-align: center;}
	.Engage-section .head { font-size: 42px; line-height: 50px; margin: 0px 0px 30px 0px;}
	.accelerate-productivity-section .accelerate-productivity-content .head { font-size: 40px; line-height: 45px;
  margin-bottom: 20px;}
	.accelerate-productivity-section .accelerate-productivity-content .sub-head {  font-size: 30px;}
	
	.unlock-knowledge-section .unlock-knowledge-content .head { font-size: 40px; line-height: 45px; margin-bottom: 0px;}
	.unlock-knowledge-section .unlock-knowledge-content p {  margin: 20px 0px 20px 0px;}
	.unlock-knowledge-section .unlock-knowledge-content .sub-head { font-size: 30px; margin-bottom: 20px;}
	.reimagine-interactions-section .head {  font-size: 40px;  line-height: 50px;  margin-bottom: 0px;}
	.reimagine-interactions-section-bottom .head {  font-size: 36px;  line-height: 50px;}
	.get-insights-section .get-insights-box .head {  font-size: 40px;  line-height: 45px;}
	.tntegrate-automate-section .head {  font-size: 40px;  line-height: 45px;}
	.tntegrate-automate-box-content .head { font-size: 26px; line-height: normal;  font-weight: 400;  margin: 0px 0px 10px 0px;}
	.tntegrate-automate-section .B-head { font-size: 40px; line-height: 45px; font-weight: 200;}
	.enterprise-grade-security-section .head { font-size: 40px; line-height: 45px; font-weight: 600;  margin-bottom: 20px;}
	.empower-customers-section .head { font-size: 40px; line-height: 45px;}
	.empower-customers-section .sub-head { font-size: 30px;  line-height: 40px;  margin-bottom: 50px;}
	.ready-to-transform-your-customer-service { font-size: 44px; line-height: 55px; text-align: center;}
	.multiple-industries-section .head {  font-size: 40px;  line-height: 50px;}
	.CS-feature-box .head {  font-size: 40px;  line-height: 46px;}
	.seamlessly-connect { font-size: 44px; line-height: 54px;}
	.future-of-customer { font-size: 50px; line-height: 50px;}
	.future-of-customer span { font-size: 80px; line-height: 90px; display: block;}
	
	.dcs-boxs .head {  font-size: 42px;		line-height: 42px;}
	.wps-boxs {  padding: 40px 15px 10px 15px;  margin-bottom: 30px;}
	.wps-boxs .text {  margin: 0px 0px 30px 0px;}
	.wps-boxs .head {  font-size: 42px;  line-height: 52px;		margin: 0px 0px 40px 0px;}
  .fps-boxs .head { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px;}
	.fps-boxs {  margin: 0px 0px 60px 0px;}
	.fps-boxs .fps-boxs-img {margin-bottom: 10px;}
	
	.seamlessly-of-connect .head { font-size: 42px; line-height: 52px; margin: 0px 0px 20px 0px;}
	
	.tbc-boxs .head { font-size: 40px; line-height: 48px; margin: 0px 0px 26px 0px;}
	.tbc-boxs .text {  margin: 15px 0px 20px 0px;}
	.logo-section .frame-427318522{
		flex-basis: 33.33%;
	}
	
	
}