.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450;
}
body .salesforce-integration-page, .salesforce-integration-page h1, .salesforce-integration-page h2, .salesforce-integration-page h3, .salesforce-integration-page h4, .salesforce-integration-page h5, .salesforce-integration-page h6, .salesforce-integration-page p {
    font-family: 'Inter', sans-serif !important;
}
.color-C7EEFF {
	color: #C7EEFF;
}
.color-FFC1E6 {
	color: #FFC1E6;
}
.color-7F7F7F {
	color: #7F7F7F;
}
.color-FFE073 {
color: #FFE073;
}
.color-DDDDDD {
	color: #DDDDDD;
}
.font-8{
    font-size: 8px;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-36{
    font-size: 36px;
}
.font-48{
    font-size: 48px;
}
.font-56 {
	font-size: 56px;
}
.f-w-400{
    font-weight: 400;
}
.f-w-500{
    font-weight: 500;
}
.pb-80{
    padding-bottom: 80px;
}
.mb-80{
    margin-bottom: 80px;
}
@media screen and (max-width: 575px){
    .mb-80{
        margin-bottom: 40px;
    }
    .pb-80{
        padding-bottom: 40px;
    }
}
@media screen and (min-width:991px){
    .custom-container.container {
        max-width: 860px;
    }
}
@media screen and (min-width:1200px){
    .custom-container.container {
        max-width: 1000px;
    }
}
@media screen and (min-width:1400px){
    .custom-container.container {
        max-width: 1220px;
    }
}

/* banner css starts */
.banner-lnm{
    background-color: #EAF9FF;
    background-image: url(https://www.leadmanagerninja.com/wp-content/uploads/2024/01/banner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 575px){
    .banner-lnm .container{
        padding: 20px 0;
    }
    .banner-lnm h1{
        font-size: 36px;
        line-height: 40px;
    }
    .banner-lnm h3{
        font-size: 20px;
        line-height: 22px;
        margin: 8px 0;
    }
    .banner-lnm p{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .lnm-banner-btnTry, .lnm-banner-btnDemo{
        padding: 14px;
        font-size: 16px;
    }
}
/* banner css ends */

/* What is Salesforce SMS Integration? css starts */
.text-container-lnm h3{
    color: #1C1C1C;
    font-style: normal;
    line-height: normal;
    margin-bottom: 40px;
}
.text-container-lnm p{
    color: #3E3E3E;
    font-style: normal;
    line-height: 24px;
}
@media screen and (max-width: 991px){
    .text-container-lnm h3{
        font-size: 34px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 575px){
    .text-container-lnm h3{
        font-size: 28px;
        margin-bottom: 20px;
    }
}
/* What is Salesforce SMS Integration? css ends */

/* Drive Instant Results css starts */
.drive-instant-box .container{
    border-radius: 32px;
    background-color: #EAF9FF;
    padding: 33px 40px;
	border: 1px solid #B4DBFF;
}
.drive-instant-box .container h2{
    color: #1C1C1C;
    font-style: normal;
    line-height: normal;
    margin-bottom: 40px;
}
@media screen and (max-width: 991px){
    .drive-instant-box .container h2{
        text-align: center;
        font-size: 34px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 575px){
    .drive-instant-box .container h2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .drive-instant-box{
        padding: 0 8px;
    }
    .drive-instant-box .container{
        padding: 28px 0px;
    }
}
/* Drive Instant Results css ends */

/* Experience the Magic of our Salesforce SMS Integration App css starts  */
.apps-tabs h5{
    color: #1C1C1C;
    font-style: normal;
    line-height: 56px;
    letter-spacing: -0.8px;
    text-transform: capitalize;
    margin-bottom: 40px;
}
.apps-tabs .nav-link{
    padding: 16px 24px;
}
.apps-tabs .nav-link{
    border: 1px solid #F0F4F5 !important;
    margin-bottom: 8px;
	 background-color: #f5fafb !important;
}
.apps-tabs .nav-link.active{
    background-color:#EAF9FF !important;
}
.apps-tabs .nav-link h6{
    color: #1C1C1C;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
    text-align: left;
}
.apps-tabs .nav-link p{
    color: #414042;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0.16px;
    text-align: left;
    margin-bottom: 0;
}
.apps-tabs .img-box{
    border-radius: 16px;
    background-color: #EAF9FF;
    padding: 30px 10px;
    height: 498px;
	border: 1px solid #B4DBFF;
}
.apps-tabs .img-box img{
    object-fit: contain;
}
.apps-tabs .nav.nav-pills{
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* height and width */
.apps-tabs .nav.nav-pills::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
/* Track */
.apps-tabs .nav.nav-pills::-webkit-scrollbar-track {
    background: transparent; 
}
/* Handle */
.apps-tabs .nav.nav-pills::-webkit-scrollbar-thumb {
    background: #d5e8ed; 
    border-radius: 10px;
}
/* Handle on hover */
.apps-tabs .nav.nav-pills::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
@media screen and (max-width: 991px){
    .apps-tabs h5{
        font-size: 34px;
        margin-bottom: 30px;
        line-height: normal;
    }
}
@media screen and (max-width: 767.8px){
    .apps-tabs .img-box{
        height: 300px;
    }
    .apps-tabs .nav.nav-pills{
        height: 280px;
    }
}
@media screen and (max-width: 575px){
    .apps-tabs h5{
        font-size: 28px;
        margin-bottom: 20px;
    }
}
/* Experience the Magic of our Salesforce SMS Integration App css ends  */

/* grad-box css starts */
.grad-box{
    margin-top: -360px;
}
.grad-box .container{
    background-image: url(https://www.leadmanagerninja.com/wp-content/uploads/2024/01/grad-box.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 32px;
    padding: 71px 0;
	border: 1px solid #B4DBFF;
}
.grad-box h5{
    color: #1C1C1C;
    font-style: normal;
    line-height: normal;
}
.grad-box .col-lg-4{
    margin-top: 80px;
}
.content-box{
    border-radius: 23.5px;
    border: 1px solid #EDF6FF;
    padding: 10px 19px;
}
.content-box .content-box-img {
    margin-bottom: 24px;
    margin-top: -80px;
}
.content-box h6{
    color: #1C1C1C;
    font-style: normal;
    line-height: 36px;
    letter-spacing: 0.48px;
}
.content-box p{
    color: #414042;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0.32px;
}
@media screen and (max-width: 991px){
    .grad-box h5{
        font-size: 34px;
    }
    .grad-box{
        margin-top: -300px;
    }
}
@media screen and (max-width: 575px){
    .grad-box .container{
        padding: 35px 0;
    }
    .grad-box {
        margin-top: -220px;
        padding: 0 8px;
    }
    .grad-box h5{
        font-size: 28px;
    }
    .content-box h6{
        font-size: 20px;
        line-height: 24px;
    }
    .content-box p{
        font-size: 14px;
    }
}
/* grad-box css ends */

/* Why Integrate SMS with Salesforce? 
and 
Uses of our Salesforce css starts */
.threeBoxes-section h5{
    color: #1C1C1C;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    text-transform: capitalize;
    margin-bottom: 40px;
}
.threeBoxes-section .col-lg-4{
    margin-bottom: 24px;
}
.threeBoxes-section .container-box-set{
    border-radius: 8px;
    border: 1px solid #D7D7D7;
    background-color: #FFF;
    padding: 24px 16px 16px 24px;
    gap: 16px;
    transition: 0.4s all ease-in-out ;
}
.threeBoxes-section .container-box-set:hover{
    border: 1px solid #1C83B0;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.10);
}
.threeBoxes-section .container-box-set h6{
    color: #1C1C1C;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}
.threeBoxes-section .container-box-set p{
    color: var#414042;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0.32px;
}
@media screen and (max-width: 991px){
    .threeBoxes-section h5{
        font-size: 34px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 575px){
    .threeBoxes-section h5{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .custom-row{
        margin: 0px !important;
    }
    .threeBoxes-section .col-lg-4{
        margin-bottom: 16px;
    }
}
/* Why Integrate SMS with Salesforce? 
and 
Uses of our Salesforce css ends */

/* SMS App? css starts */
.demo-box .container{
    border-radius: 32px;
    background-color: #EAF9FF;
    padding: 84px 0 68px 40px;
	border: 1px solid #B4DBFF;
}
.demo-box .container .wave-img{
    top: -30px;
    right: 0px;
    mix-blend-mode: color-burn;
}
.demo-box .container .mobile-img{
    margin-top: -130px;
}
.demo-box .container h3{
    color: #1C1C1C;
    font-style: normal;
    line-height: normal;
}
.demo-box .container .contetn-box{
    gap: 40px;
}
@media screen and (max-width: 991px){
    .demo-box .container h3{
        text-align: center;
        font-size: 34px;
    }
    .demo-box .container .contetn-box{
        gap: 30px;
    }
}
@media screen and (max-width: 575px){
    .demo-box {
        padding: 0 8px;
    }
    .demo-box .container{
        border-radius: 32px;
        background-color: #EAF9FF;
        padding: 28px 0 28px 10px;
        margin-top: 145px;
    }
    .demo-box .container h3{
        font-size: 28px;
    }
    .demo-box .container .contetn-box{
        gap: 20px;
    }
}
/* SMS App? css ends */

/* trail-blue-box css starts */
.trail-blue-box .container{
    border-radius: 32px;
    background-color: #EAF9FF;
    padding: 56px 10px;
    gap: 40px;
	border: 1px solid #B4DBFF;
}
.trail-blue-box h3{
    color: #1C1C1C;
    font-style: normal;
    line-height: normal;
}
@media screen and (max-width: 991px){
    .trail-blue-box h3{
        font-size: 34px;
    }
    .trail-blue-box .container{
        gap: 30px;
    }
}
@media screen and (max-width: 575px){
    .trail-blue-box{
        padding: 0 8px;
    }
    .trail-blue-box .container{
        gap: 20px;
        padding: 28px 10px;
    }
    .trail-blue-box h3{
        font-size: 28px;
    }
}
/* trail-blue-box css ends */

/* new design changes for background-img css */
.lmn-large-bg{
    background-image: url("https://www.leadmanagerninja.com/wp-content/uploads/2024/01/large-bg-img.webp");
    background-size: cover;
    background-position: center 180px;
    background-repeat: no-repeat;
}
.lmn-large-bg-set2{
    background-image: url("https://www.leadmanagerninja.com/wp-content/uploads/2024/01/large-bg-img.webp");
    background-size: cover;
    background-position: center 100px;
    background-repeat: no-repeat;
    padding-bottom: 290px;
}
@media screen and (max-width: 991px){
    .lmn-large-bg{
        background-position: center 100px;
    }
    .lmn-large-bg-set2{
        background-position: center 100px;
        padding-bottom: 200px;
    }
}
@media screen and (max-width: 575px){
    .lmn-large-bg, .lmn-large-bg-set2{
        background-position: center 60px;
    }
}

/* FAQs CSS stert */
.service-faq-sec .card {
    border-bottom: 1px solid #e7e7e7 !important;
}
.ks-faq .card {
    border: none;
}
.service-faq-sec .card-header.btn-accordian {
    padding: 20px 5px;
    display: block;
    position: relative;
    color: #1C1C1C !important;
    font-size: 18px;
    font-weight: 500;
    border-bottom: none;
}
.ks-faq .card .card-header {
    background-color: #fff;
    outline: none;
}
.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.service-faq-sec details .btn-accordian::after {
    background-repeat: no-repeat;
    background-position: center;
}
.service-faq-sec .card-header .btn-accordian::after, .service-faq-sec details .btn-accordian::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30px;
    width: 12px;
    height: 12px;
    transition: 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='blue' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
}
.service-faq-sec details .btn-accordian:after {
    transform: rotate(0deg);
}
.service-faq-sec details[open] .btn-accordian::after {
    transform: rotate(180deg);
}
.service-faq-sec .card-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #3f3f41;
    padding-right: 50px;
    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.entry-content p {
    word-wrap: break-word;
}
@media (min-width: 991px) {
.service-faq-sec .card-body {
    padding-right: 160px;
}
}
/* FAQs CSS end */

/* Banner Design Jan24 start */
/* banner css starts  */

.banner-text{
    gap: 16px;
}

.new-banner .banner-buttns{
    gap: 10px;
    margin-top: 32px;
}

@media screen and (max-width: 575px){
    .new-banner{
        padding: 50px 0 100px 0;
    }
    .new-banner h1{
        font-size: 32px;
    }
    .new-banner h4{
        font-size: 26px;
    }
    .new-banner h4 span{
        font-size: 34px;
    }
    .new-banner p{
         font-size: 14px;
    }
    .new-banner .banner-buttns{
        margin-top: 24px;
    }
    .new-banner .banner-buttns .demo-new, .new-banner .banner-buttns .trial{
        width: 100%;
        padding: 18px;
    }
}
/* banner css ends */

/* below banner section css starts */
.below-new-banner{
    margin-top: -55px;
}
.below-new-banner .banner-custom-container{
    border-radius: 16px;
    background-color: #FFF;
}
.below-new-banner .content-area{
    gap: 24px;
    padding: 24px 51px;
/*     margin-bottom: 40px; */
}
.below-new-banner p{
    color: #224093;
    font-style: normal;
    line-height: normal;
}
.below-new-banner .lmn-started{
    border-radius: 4px;
    background-color: #224093;
    padding: 18px 32px;
    color: #FFF;
    text-align: center;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    width: 380px;
    text-decoration: none;
}
.below-new-banner .logos-set{
    gap: 24px;
}
.mt--30 {
	  margin-top: -30px;
}
@media screen and (min-width: 991px) {
    .below-new-banner .banner-custom-container{
        max-width: 875px;
    }
}
@media screen and (max-width: 575px){
    .below-new-banner .content-area{
        padding: 24px;
        margin-bottom: 20px;
    }
    .below-new-banner p{
        font-size: 20px;
        text-align: center;
    }
    .below-new-banner .lmn-started{
        padding: 18px;
        width: 100%;
    }
    .below-new-banner .logos-set{
        gap: 10px;
    }
}
/* below banner section css ends */

/* slider css starts */
.video-slider{
    margin-top: 80px;
}
.video-slider .carousel-item{
    padding: 0 50px;
    width: 100%;
}
.video-slider .video-area iframe{
    border-radius: 24px;
    width: 100%;
}
.video-slider .carousel-item h5{
    margin-bottom: 21px;
    color: #1C1C1C;
    font-style: normal;
    line-height: 46.8px;
    letter-spacing: -0.72px;
}
.video-slider .carousel-item span{
    color: #16368D;
}
.video-slider .carousel-item p{
    color: #3A4249;
    font-style: normal;
    line-height: 27px;
}
.video-slider .carousel-control-next, .video-slider .carousel-control-prev{
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #7D7D7D;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.video-slider .carousel-control-prev{
    right: -25px;
}
.video-slider .carousel-control-prev{
    left: -25px;
}
.video-slider .carousel-control-next-icon{
    background-image: url("https://www.leadmanagerninja.com/wp-content/uploads/2024/01/right-arrow.webp");
}
.video-slider .carousel-control-prev-icon{
    background-image: url("https://www.leadmanagerninja.com/wp-content/uploads/2024/01/left-arrow.webp");
}
.video-slider .carousel-control-next-icon, .video-slider .carousel-control-prev-icon{
    filter: invert(0) grayscale(0) !important;
    width: 24px;
    height: 24px;
}
.video-slider .carousel-control-next-icon:hover, .video-slider .carousel-control-prev-icon:hover{
    filter: invert(1) grayscale(100) !important;
}
@media screen and (max-width: 575px){
	.font-36 {
    font-size: 26px;
	}
	.video-slider .carousel-control-prev {
    left: -5px;
}
    .video-slider{
        margin-bottom: 40px;
			margin-top: 40px;
    }
    .video-slider .carousel-item{
        padding: 0 20px;
        width: 100%;
    }
    .video-slider .carousel-control-next, .video-slider .carousel-control-prev{
        width: 26px;
        height: 26px;
    }
    .video-slider .carousel-control-next-icon, .video-slider .carousel-control-prev-icon{
        width: 16px;
        height: 16px;
    }
    .video-slider .carousel-item h5{
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 16px;
    }
    .video-slider .carousel-item p{
        font-size: 16px;
    }
	.col-img-text-area {
		order: 1;
	}
	.feature-col-img {
		order: 2;
	}
}
/* slider css ends */
/* Banner Design Jan24 end */

/* galaxy fold css */
@media (max-width: 280px) {
	.navbar-brand .site-branding img.custom-logo, .navbar-brand .site-branding {
		max-width: 110px;
	}
	.navbar-brand .site-branding .site-logo {
    	width: 140px;
	}
	.header-sticky-logos {
		margin-left: 0 !important;
	}
	.header-top .font-sm-12 {
    	font-size: 9px !important;
	}
	.new-banner h1 {
    	font-size: 28px;
	}
	.new-banner {
    	padding: 25px 0 60px 0;
	}
	.new-banner h4 span {
    	font-size: 30px;
	}
	.new-banner h4 {
    	font-size: 24px;
	}
	.banner-text {
    	gap: 10px;
	}
	.below-new-banner .content-area {
    	padding: 15px 2px 0;
	}
	.font-24 {
    	font-size: 20px;
		line-height: inherit;
	}
	.video-slider .carousel-item {
    	padding: 0 5px;
	}
	.feature-col-section {
		padding-left: 5px !important;
    	padding-right: 5px !important;
	}
	.font-40 {
    	font-size: 26px;
	}
	.captcha-area {
		transform: scale(0.7);
		margin-left: -26px;
	}
	.new-banner .banner-buttns .demo-new, .new-banner .banner-buttns .trial {
		font-size: 16px;
	}
}
.l-h-normal {
	line-height: normal;
}
.arrow-cross {
	left: 0;
	margin-top: -3px;
}
@media only screen and (max-width: 1200px) {
	.video-slider .carousel-control-next, .video-slider .carousel-control-prev {
		 top: 300px;
	}
}
.custom-wp-form .wpforms-container {
    margin-top: 0 !important;
}
.custom-wp-form .wpforms-container .wpforms-field, .custom-wp-form .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 0px 0px 15px;
}
.form-right-box .custom-wp-form form input {
	padding: 10px 16px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #28292E;
    line-height: 16.8px;
    width: 100%;
  	max-width: 100%;
	  min-height: 54px;
  	border-color: #DEDEDE;
}
.form-right-box .custom-wp-form form button[type="submit"] {
	border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    padding: 16px 28px;
    width: 100%;
    margin-top: 10px;
    min-height: 54px;
}
header .primary-menu-container.custom-me-5 {
            margin-right: 5px !important;
        }

.border-none.cart-btn-parent p.d-flex11:last-child {
    display: none !important;
}

.subscriptions-container.container.mt-5 {
    margin-bottom: 25px;
}