
#floating{
    width:auto;
    min-height:610px;
    transform:translateY(-50%);
    position:fixed;
    display:flex;
    z-index: 9;
    right:0;
    top:50%;
}
.slideBtn{
    padding:var(--gap-30) 0;
    position:relative;
    text-orientation:mixed;
    writing-mode:vertical-lr;
    transform:scale(-1, -1);
    justify-content:center;
    display:flex;
    z-index:9;
    gap:var(--gap-30);
}
.slideBtn .btn{
    height:263px;
    padding:10px;
    cursor:pointer;
    text-align:center;
    border-radius:0 15px 15px 0;
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color: #fff;
}
.openSimilarBox .similar-btn,
.openContactBox .contact-btn{font-family:"ProximaNova-Bold";}
.similar-btn{background:linear-gradient(to right, #D85C20 0%, #FFA146 100%);}
.contact-btn{background:linear-gradient(to right, #025A8C 0%, #0095E9 100%);}

.panelBox{
    overflow:hidden;
    background-color:rgba(255,255,255, 0.7);
    box-shadow:15px 15px 30px 0 rgba(0, 0, 0, 0.2);
    border-radius:15px 0 0 15px;
    backdrop-filter:blur(15px);
    justify-content:center;
    align-items:center;
    display:flex;
}
#floating .panel{
    overflow:hidden;
    text-align:center;
    box-sizing:border-box;
    display:none;
}
#floating.openSimilarBox #similarPanel{
    width:1160px;
    padding:40px 85px;
    display:block;
}
#floating.openContactBox #contactPanel{
    width:575px;
    padding:40px 100px;
    display:block;
}

#contactPanel h2{
	margin:0;
	font-weight:normal;
	font-family:"ProximaNova-Bold";
	line-height:1.000; /* 40px */
	font-size:2.000em; /* 40px */
	color:#025A8C;
}
#contactPanel .btn{
    padding:16px 40px;
    border-radius:100px;
    text-decoration:none;
    margin-top:var(--gap-40);
    background-color:transparent;
    border:1px solid #025A8C;
    font-family:"ProximaNova-Regular";
    line-height:1.000; /*20px*/
    font-size:1.053em; /*20px*/
    color:#025A8C;
    display:block;
}
#contactPanel .btn:hover{
    border-color:#2DAD00;
    background-color:#2DAD00;
	font-family:"ProximaNova-Bold";
    color:#fff;
}





.studySlidItem {
	padding:20px 30px;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	display: flex;
	gap: 60px;
}
#floating .studySlidItem {
	padding:20px 15px 40px;
	gap:30px;
}
.studyBox {
    width: 100%;
    overflow: hidden;
    text-align: center;
    box-shadow:5px 5px 20px 0 rgba(0,0,0, 0.1);
    background-color: #fff;
    border-radius: 10px;
    flex-wrap: wrap;
    display: flex;
}
#floating .studyBox {
	align-items: flex-start;
	flex-direction: column;
}
.studyImg{
    width: 100%;
    line-height: 0;
}
.studyImg img{
    width:100%;
    height:auto;
}
.studyText {
    width: 100%;
    padding:30px 5px 108px;
    position: relative;
}
.studyBox span{
    padding:0 30px;
    border-radius:100px;
    display: inline-block;
    background-color:#E8E8E8;
    font-family:"ProximaNova-Regular";
    text-transform: capitalize;
    line-height:1.666; /*30px*/
    font-size:0.947em; /*18px*/
    color:#000;
}
.studyBox strong{
    padding:20px 10px 0;
    white-space: break-spaces;
    font-family:"ProximaNova-Semibold";
    font-weight: normal;
    line-height:1.25; /*30px*/
    font-size:1.263em; /*24px*/
    color:#025A8C;
    display:block;
}

#floating .studyBox strong{min-height: 3vw;}
.studyBox .btn {
    display:block;
    padding:14px 30px;
    text-align: center;
    border-radius:100px;
    box-sizing: border-box;
    border:1px solid #025A8C;
    background-color: transparent;
    font-family:"ProximaNova-Semibold";
    text-transform: uppercase;
    text-decoration: none;
    line-height:1.25; /*20px*/
    font-size:0.842em; /*16px*/
    color:#025A8C;
    position:absolute;
	transform:translateX(-50%);
    bottom:30px;
    left:50%;
    white-space: nowrap;
}
.studyBox .btn:hover {
    border-color: #ff3f20;
    background-color: #ff3f20;
    color: #fff;
}

.splide__pagination {
	padding:0;
    display: flex !important;
	position:static;
    line-height:0;
    gap:18px;
}
.splide__pagination__page {
	width:22px;
	height:22px;
	background:#44545D;
	opacity:1;
	margin:0;
}
.splide__pagination__page.is-active {
	background:#F07028;
	transform:none;
}

@media screen and (max-width:1600px){
    #floating {
        min-height:410px;
        font-size: 0.7em;
    }
    #floating.openSimilarBox #similarPanel{
        width:768px;
        padding:20px 10px;
    }
    #floating.openContactBox #contactPanel{
        width:280px;
        padding:20px;
    }
	.studySlidItem {
        padding:10px 15px 30px;
        gap: 30px;
    }
    #floating .studySlidItem {padding: 0 15px 15px;}
    .splide__pagination {gap: 10px;}
    #floating .splide__pagination__page {
        width: 16px;
        height: 16px;
    }
    #floating .studyText {padding: 15px 5px 65px;}
    #floating .studyBox strong {padding-top:15px;}
    #floating .studyBox .btn {
        min-width:130px;
        padding: 10px 15px;
        bottom:15px;
    }
    .slideBtn {
        padding: 15px 0;
        gap: 15px;
    }
    .slideBtn .btn {height: 160px;}
    #contactPanel .btn {
        padding: 10px 20px;
        margin-top:15px;
    }
}
@media screen and (max-width:1024px){
    #floating.openSimilarBox #similarPanel{width:480px;}
}
@media screen and (max-width:767px){
    #floating.openSimilarBox #similarPanel{width:280px;}
}

/********************************/
/***** case-studies-details *****/
/********************************/
.smTitle p,
.smTitle h6,
.smTitle span{
    margin:0 0 10px;
    text-align:center;
    font-family:"ProximaNova-Regular";
    line-height:1.000; /*31px*/
    font-size:1.684em; /*32px*/
    color:#F37A20;
    display:block;
}

.studiesBanner{
    padding-top:var(--gap-60);
    padding-bottom:var(--gap-60);
    height:auto;
}
.studiesBanner h1{margin:0;}

.studiesBanner .boxRow{
    padding-top:var(--gap-40);
    padding-bottom:var(--gap-40);
}
.studiesBanner .textBox{width:46.59090909090909% !important;} /* 615 / 1320 */
.studiesBanner .imgBox{width:48.863636363636365% !important;} /* 645 / 1320 */

.studiesBanner .abr-yt-pop{
    border:3px solid #fff;
    border-radius:15px;
    overflow:hidden;
}
.boxList-v1 .elementor-container,
.boxList-v2 .elementor-container{
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
}
.boxList-v2 .elementor-container{margin-top:20px;}
.boxList-v1 .elementor-column,
.boxList-v2 .elementor-column{
    width:calc(25% - 15px) !important;
    background-color:#fff;
    border-radius:15px;
    padding:10px 20px;
}
.boxList-v2 .elementor-column{
    width:calc(33.3333% - 13.333px) !important;
    background-color:#F37A20;
}
.boxList-v1 span,
.boxList-v2 span{
    display:block;
    font-family:"ProximaNova-Regular";
    line-height:1.000; /*16px*/
    font-size:0.842em; /*16px*/
    color:#025A8C;
}
.boxList-v2 span{color:#fff;}
.boxList-v1 p,
.boxList-v2 p{
    margin:4px 0 0;
    font-family:"ProximaNova-Semibold";
    line-height:1.500; /*24px*/
    font-size:0.842em; /*16px*/
    color:#000;
}
.boxList-v2 p{color:#fff !important;}

@media screen and (max-width:767px){
    .boxList-v1 .elementor-container,
    .boxList-v2 .elementor-container{gap:15px;}
    .boxList-v2 .elementor-container{margin-top:15px;}
    .boxList-v1 .elementor-column,
    .boxList-v2 .elementor-column{width:100% !important;}    
    .commBanner.studiesBanner .imgBox{
        width: 100% !important;
        display:block !important;
    }
}


.creator-2v4.abrFramework .box {
	padding:0;
	box-shadow:none;
	background:transparent;
}
.creator-2v4.abrFramework h3 {text-transform:capitalize;}

.abrFramework .box p{
    margin:0 0 20px;
    font-family:"ProximaNova-Regular";
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color:#F37A20;
}

.abrFramework .commBtn{
    margin-top:40px;
    padding:16px 40px;
    min-height:inherit;
    border-radius:100px;
    background-color:#2DAD00;
    box-shadow:0 4px 40px 0 rgba(45,173,0, 0.5);
	font-family:"ProximaNova-Bold";
    font-weight:normal;
    line-height:1.000; /*24px*/
    font-size:1.263em; /*24px*/
    color:#fff;
}

.systemDesign .box{width:calc(50% - var(--gap-20)) !important;}
.systemDesign .box img{width:100%;}
.systemDesign .box p{
    margin:0 0 20px;
    font-family:"ProximaNova-Regular";
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color:#F37A20;
}
.systemDesign h3 {
	margin-bottom:20px;
	text-transform:capitalize;
}
@media screen and (max-width:767px){
    .systemDesign .box{width:100% !important;}
}


.together .box{width:calc(50% - var(--gap-20)) !important;}
.together h3 {
	margin-bottom:20px;
	text-transform:capitalize;
}
.together .toolsText{
	margin-top:20px;
    color:#9D9D9D;
}
.together .toolsText strong{
    font-family:"ProximaNova-Semibold";
    font-weight: normal;
}
@media screen and (max-width:767px){
    .together .box{width:100% !important;}
}


.whatsNext .textBox p{
    margin:0 0 20px;
    font-family:"ProximaNova-Regular";
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color:#F37A20;
}
.whatsNext .textBox h3{
	margin:0;
	font-family:"ProximaNova-Bold";
	font-weight:normal;
	line-height:1.25; /* 30px */
	font-size:1.200em; /* 24px */
	color:#025A8C;
}
.commBox .smTitle span{
    margin:0 0 20px;
    text-align: left;
    font-family:"ProximaNova-Regular";
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color:#F37A20;
}
.commBox .list5 li{
    padding-left:48px;
	margin-top:var(--gap-20);
    background:url(../images/list5.png) no-repeat left 2px;
    background-size:28px auto;
}
.commBoxBtm{width:78.696% !important;}


@media screen and (max-width: 992px){
    .commBox .list5 li {
        padding-left: 30px;
        background-size: 20px auto;
    }
}


.business-table{
    width:100%;
    margin:var(--gap-40) 0;
    border-collapse:collapse;
    box-shadow:5px 5px 20px rgba(0,0,0,0.1);
    border-radius:15px;
    text-align: left;
}
.business-table th{
    padding:20px 30px;
    border-left:1px solid #00466D;
    background-color:#025A8C;
	font-family:"ProximaNova-Bold";
    font-weight:normal;
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color:#fff;
}
.business-table th:first-child{
    width:20%;
    border-radius:15px 0 0 0;
    border-left:none;
}
.business-table th:last-child{border-radius:0 15px 0 0;}
.business-table td{
    padding:10px 30px;
    border-left:1px solid #9D9D9D;
    line-height:1.363; /*30px*/
    font-size:1.158em; /*22px*/
    color:#000;
}
.business-table tr:nth-child(odd) td{background:#fff;}
.business-table tr:nth-child(even) td{background:#EDF8FF;}
.business-table td:first-child{
    width:20%;
    border-left:none;
}
.business-table tr:last-child td:first-child{border-radius:0 0 0 15px;}
.business-table tr:last-child td:last-child{border-radius:0 0 15px 0;}


@media screen and (max-width:639px){
    .business-table thead {display: none;}
    .business-table,
    .business-table tbody,
    .business-table tr,
    .business-table td {
        display: block;
        width: 100%;
    }
    .business-table td {
        padding-left: 50%;
        text-align: left;
        position: relative;
        border-left:none;
        border-top: 1px solid #9D9D9D;
    }
    .business-table td:first-child{width: auto;}
    .business-table tr:first-child td:first-child{border-radius:15px 15px 0 0;}
    .business-table tr:last-child td:first-child{border-radius:0;}
    .business-table tr:last-child td:last-child{border-radius:0 0 15px 15px;}
    .business-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 15px;
        font-size: 15px;
        font-weight: bold;
        text-align: left;
    }
}



/********************************/
/****** zoho-bundle-details *****/
/********************************/
.commBanner.zohoBundleBnr{height:700px;}

.commBanner.zohoBundleBnr .textBox{width:60% !important;} /* 750 / 1320 */ 
.commBanner.zohoBundleBnr .textBox h1{margin-bottom:var(--gap-60);}
.zohoBundleBnr .bnrBtnList2 > .elementor-container{gap:20px;}
.zohoBundleBnr .bnrBtn{width:auto;}
.zohoBundleBnr .bnrBtn > svg{height:auto;}

@media (min-width:768px) {
    .zohoBundleBnr .elementor-column.elementor-col-33{width:auto}
}
.commBanner.zohoBundleBnr .imgBox{width:32.575757575757575% !important;} /* 430 / 1320 */

@media screen and (max-width:1919px){
    .commBanner.zohoBundleBnr{height:36.45833333333333vw;} /* 700 / 1920 */
    .zohoBundleBnr .bnrBtnList2 > .elementor-container{gap:1.5151515151515152vw} /* 20 / 1320 */
    .zohoBundleBnr .bnrBtn > svg {min-width:inherit;}
}

@media screen and (max-width:767px){
    .commBanner.zohoBundleBnr{height:auto;}
    .commBanner.zohoBundleBnr .textBox {width: 100% !important;}
    .zohoBundleBnr .bnrBtnList2 > .elementor-container {gap: 15px;}
    .zohoBundleBnr .bnrBtn{
        width:100%;
        gap:10px;
    }
    .commBanner.zohoBundleBnr .imgBox {
        width: 250px !important;
        display: block !important;
    }
}

.ctRow > .elementor-container{
    padding-top:var(--gap-40);
    justify-content: space-between;
}
.ctRow .elementor-column{box-shadow:5px 5px 20px 0 rgba(0, 0, 0, 0.1);}
.vdoSliderBox .abr-yt-slider-pop{
    padding-top:10px !important;
    padding-bottom:30px !important;
}
.ctRow a.glightbox3,
.vdoSliderBox a.glightbox3{
    box-shadow:5px 5px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.ctRow .elementor-column{width:calc(33.3333% - 20px) !important;}

@media screen and (max-width:767px){
    .ctRow > .elementor-container{gap:15px;}
    .ctRow .elementor-column{width:100% !important;}
}


#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev,
#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next {
	width:49px;
	height:49px;
	border-radius:50%;
    box-shadow:5px 5px 20px 0 rgba(0,0,0, 0.1);
	background:#fff;
	line-height:0;
}
#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next {right:-94px;}
#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev {left:-70px;}

#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev svg,
#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next svg {
	width:9px;
    height:auto;
    margin:0;
}

#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev svg path,
#vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next svg path{stroke:#025A8C;}

@media screen and (max-width:1600px){
    #vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next {right:-38px;}
    #vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev {left:-14px;}
}
@media screen and (max-width:1024px){
    #vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev,
    #vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next {
        width:35px;
        height:35px;
    }
    #vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--next {right:-22px;}
    #vdoSliderBox.vdoSliderBox .splide__arrows.vdo .splide__arrow_vdo.splide__arrow--prev {left:-6px;}
}

.ttlblue strong{color:#025A8C;}