/*********************** Home Banner CSS ***********************/
.home-banner { position: relative; background-color: var(--light-blue); padding: 57px 0 100px 0; background: url('../assets/images/line-home-banner.png') repeat center center, url('../assets/images/light-dot-shape.png') no-repeat left top, url('../assets/images/shape-home.png') no-repeat right top; overflow: hidden; z-index: 1; }
.home-banner .home-banner-title .title-style-1 { color: var(--Primary-Color); }
.home-banner .home-banner-title .title-style-1 strong { color: var(--red-color); font-weight: 700; }
.home-log { z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.home-log .home-logo-content img { opacity: 20%; max-width: 121px; max-height: 49px;object-fit: cover; }
.home-log .home-logo-content { position: absolute; transform: translate(-50%, -50%); }
.home-log .home-logo-content:nth-child(1) { left: 5%; top: 47%; }
.home-log .home-logo-content:nth-child(2) { left: 25%; top: 18%; }
.home-log .home-logo-content:nth-child(3) { left: 35%; top: 65%; }
.home-log .home-logo-content:nth-child(4) { left: 73%; top: 16%; }
.home-log .home-logo-content:nth-child(5) { left: 90%; top: 44%; }
.home-log .home-logo-content:nth-child(6) { left: 70%; top: 67%; }
/*********************** Our Key Integrations CSS ***********************/
.our-key-integrations-section{padding: 50px 0px 120px 0;}
.our-key-title{text-align: center;max-width: 890px; margin:auto auto 38px auto;}
.our-key-title .title-style-2{margin-bottom: 14px;}
.our-key-title p{font-weight: 500;}
.our-key-main{margin-bottom: 38px;justify-content: center;}
.our-key-integrations-section .primary-btn img{width: 28px;height: 28px;filter: brightness(0) saturate(100%) invert(33%) sepia(62%) saturate(1747%) hue-rotate(182deg) brightness(89%) contrast(90%);}
.search-key-main{position: relative;max-width: 722px;margin: 38px auto auto ;}
.search-key-main img{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;}
.search-key-main input{ padding: 12px 20px 12px 40px; width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--global-black); border: 1.5px solid var(--gray-400); border-radius: 12px; }
.search-key-main input::placeholder{color: var(--gray-400);}
/*********************** Media Query ***********************/
@media (min-width: 1200px) and (max-width: 1399px) {
    .home-banner { padding: 40px 0 90px 0; }
    .our-key-integrations-section { padding: 30px 0px 120px 0; }
}
@media (max-width: 1399px){
    .home-log .home-logo-content:nth-child(1) { left: 6%; }
}
@media (max-width: 991px) {
    /*********************** Home Banner CSS ***********************/
    .home-log .home-logo-content:nth-child(1) { left: 15%; top: 47%; }
    /*********************** Our Key Integrations CSS ***********************/
    .our-key-title { margin: auto auto 18px auto; }
    .our-key-integrations-section { padding: 20px 0px 40px 0; }
    /*********************** Common Software CSS ***********************/
    .common-software-section { padding:40px 0; } 
}
@media (max-width: 767px) {
    /*********************** Home Banner CSS ***********************/
    .home-banner{ padding: 30px 0 80px 0; }
    .home-log .home-logo-content img { opacity: 15%; max-width: 90px; }
}