.main-page *,.main-page *::before,.main-page *::after{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.heading-menu,#scroll, #backToTop{display:none!important}
body{overflow-x:hidden}
.main-container{max-width:1200px;width:90%;margin:0 auto}
.main-page{font-family:"ZohoPuvi";font-size:16px;font-weight:300;color:#282E38}
.main-page a{text-decoration:none;color:#2a6fe6}
.main-page img{width:100%;height:auto}
.main-page ul{list-style:none}
.main-page button{font-family:"ZohoPuvi";display:inline-block}
.main-page .main-cta{display:inline-block;color:#fff;background:#2B6361;background:-webkit-gradient(linear,left top,right top,from(#2B6361),to(#48A5A2));background:-o-linear-gradient(left,#2B6361,#48A5A2);background:linear-gradient(to right,#2B6361,#48A5A2);border-radius:6px;position:relative;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.main-page .main-cta:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:4px 6px 15px rgba(43,99,97,0.6);box-shadow:4px 6px 15px rgba(43,99,97,0.6)}
.lr-container{display:block;font-size:0}
.main-page::before{content:'';background:url(../images/ad360-casestudy-common-bg-23.png) no-repeat;background-size:100% 100%;background-position:top left;position:absolute;width:100%;height:350px;left:0;top:0;z-index:-1}
.case-study-content{padding-top:30px}
.case-study-content h1{font-size:30px;font-weight:500;line-height:1.3;margin-bottom:20px}
.case-study-content h2{font-size:20px;font-weight:600;line-height:1.6}
.case-study-content h3{font-size:15px;font-weight:400;line-height:1.4}
.case-study-content p{font-size:15px;line-height:1.6;color:#495467}
.ban-sec{background:#fff;border-radius:10px;padding:40px;margin-bottom:30px}
.ban-sec .ban-lhs,.ban-sec .ban-rhs{display:inline-block;vertical-align:top;font-size:16px}
.ban-sec .ban-lhs{width:calc(100% - 425px);padding-right:80px}
.ban-sec .ban-rhs{width:425px}
.ban-sec .breadcrumbs{margin-bottom:16px}
.ban-sec .breadcrumbs a,.ban-sec .breadcrumbs span{display:inline-block;font-size:12px;line-height:1;text-transform:capitalize;color:#282E38;position:relative}
.ban-sec .breadcrumbs a{margin-right:4px}
.ban-sec .breadcrumbs span{color:#A6ADB9;padding-left:10px}
.ban-sec .breadcrumbs span::before{content:'';background:url(../images/ad360-casestudy-common-sprite-23.png) no-repeat -7px -54px;background-size:117px;width:4px;height:7px;position:absolute;left:0;top:0;bottom:0;margin:auto}
.ban-sec .page-tag{display:inline-block;background:rgba(55,127,125,0.12);color:#377F7D;font-size:12px;font-weight:500;text-transform:uppercase;border-radius:50px;padding:4px 10px;margin-bottom:6px}
.ban-rhs img{border-radius:16px}
.main-sec{padding:0 40px}
.main-sec .lr-container{margin-bottom:80px}
.main-lhs,.main-rhs{display:inline-block;vertical-align:top;font-size:16px}
.main-lhs{width:300px;position:sticky;top:120px}
.main-rhs{width:calc(100% - 300px);padding-left:80px}
.main-lhs h2{font-size:15px;font-weight:400;line-height:1.4;margin-bottom:10px}
.main-lhs h3{margin-bottom:10px}
.main-lhs h4{font-size:12px;font-weight:400;line-height:1.4;margin-bottom:6px}
.main-lhs p{font-size:12px;line-height:1.8;color:#495467;margin-bottom:20px}
.main-lhs .lhs-list{margin-left:10px;margin-bottom:20px}
.main-lhs .lhs-list li{font-size:12px;line-height:1.6;color:#495467;position:relative;padding-left:10px}
.main-lhs .lhs-list li:not(:last-child){margin-bottom:6px}
.main-lhs .lhs-list li::before{content:'';background:#377F7D;width:4px;height:4px;border-radius:50px;position:absolute;top:8px;left:0}
.main-lhs .comp-details{background:#F8F8F8;border:.5px solid #C6C6C6;border-radius:6px;padding:30px 26px;margin-top:40px}
.main-lhs .comp-details li:not(:last-child){margin-bottom:14px}
.main-lhs .comp-details h3{margin-bottom:4px}
.main-lhs .comp-details span{font-size:12px;line-height:1.4;color:#495467}
.main-rhs h2{margin-bottom:10px}
.main-rhs h3{font-size:15px;font-weight:600;line-height:1.4;color:#333;margin-bottom:2px}
.main-rhs a{font-size:15px;line-height:1.6;color:#377F7D;line-break:anywhere;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.main-rhs a:hover{text-decoration:underline;color:#217370}
.main-rhs p{margin-bottom:10px}
.main-rhs ul li{font-size:15px;line-height:1.6;color:#495467;padding-left:20px;position:relative}
.main-rhs ul li:not(:last-child){margin-bottom:10px}
.main-rhs ul li::before,
.main-rhs .list-style li::before{content:'';background:#377F7D;width:6px;height:6px;border-radius:50px;position:absolute;top:8px;left:0}
.main-rhs .m-content{margin-bottom:30px}
.main-sec.main-sec-loader{display:none}
.skeleton-loader{display:block;padding:0 40px;}
.skeleton-lr-container{display:block;font-size:0}
.skeleton-main-lhs{display:inline-block;width:300px}
.skeleton-main-rhs{display:inline-block;width:calc(100% - 300px);padding-left:80px;margin-bottom:30px}
.skeleton-main-lhs,.skeleton-main-rhs{display:inline-block;vertical-align:top;font-size:16px}
.skeleton-content,.skeleton-list-item,.skeleton-m-content,.skeleton-title{border-radius:4px}
.skeleton-title{width:60%;height:24px}
.skeleton-content{width:100%;height:120px;margin-top:8px}
.skeleton-list{display:flex;flex-direction:column;gap:8px}
.skeleton-list-item{width:50%;height:18px}
.h2-skeleton-m-content{width:40%;height:30px;margin-bottom:20px}
.skeleton-m-content{width:100%;margin-bottom:20px}
.skeleton-m-content-line{width:100%;height:20px;margin-bottom:10px}
.skeleton-line2{width:90%}
/* New update start */
.quote-pre {
    border-radius: 5px;
    background: linear-gradient(130deg, #D7ECFF, #FEF1FE, #FCF8FF);
    padding: 22px 22px 0px;
    margin: 40px 0;
}
.author-info .author-pic img{mix-blend-mode: multiply;}
.author-quote {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #BCBCBC;
}

.author-quote:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJMSURBVFhH7VhBVtswEJ2ReGzhCDlCNkm6g54AeoKmJ4A1z06GOPvCCWhP0PQEhF0T+h7hBJQbwBJIPEjJwy9WZNlW+15ZKEtH8/Vn5v+xZIR3/MN3zA0COd/uYCuO93yCpZT3v4j+2GJbdNKEhdzxwb1Okqu3OOz0Y/YBYebT6WBItth2Lx4jglfSk9Mkk1ogV6czoXJBc0V6CW4Nc67GLAmjJIyS/zpK2r3IerIwSDUQ8fP6M9eca1HcxZQbZT5QmH0D81GddHazI1MZgP5fbyYYLqqSq4Kp15hjjBmupoNkvxY5XV0zyxThyzUl36oSMdfpA6lgeZNP2IdcP7pBwOY60AL5428ajn3JdSg+BoavuXjm88lgeFy5ch+IGsyLO5c2fAiqlmrMnC4Z+dOUhqPK5Dr96BIAMx3oQGWG70q4XR9SDg3nzKDXOa+GNiPooL9pqdYasrxUG2euXCZptNRJroiY0snPySA59KmalkjK8x+mflUnHp/FVmNG9LCOu1G5JtHudjo/Uu4kk4AGEWKrWXQldBFuU3QIjBcbFVvJxHqTy8gtrZ2KPVakbAB647rjY5Xoy4FKVOkzr9u3RFz61VfDDdfYKuB6I5jrO73oDBCPylqvhu7ts5D7Zjszt1Y5bNatWKVLtdLuk5DdImJLQzjJMd8vBHTrDlsXOa1bte9Z0deCnCFs5OoA2FpXRE7rSxmKqhpqWbkVGZwh8IwFjNendJluXOT0i1yZ6yEVMHoBOXK10IYTvs/5VL/09eUL+q/iQlt9K/kKLCi6N0EyzQcAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.author-quote p {
    font-family: "Roboto Slab";
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #495467;
    margin-bottom: 0;
}
.author-info .author-pic {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin-right: 12px;
}
.author-info .author-pic img{
    display: block;
}
.author-null .author-pic {display: none; }
.author-null .author-bio{max-width: 100%; padding: 10px 0 15px;}
.author-bio {
    display: inline-block;
    vertical-align: middle;
    max-width: 110px;
    word-break: break-all;
    
}

.author-info span {
    display: block;
}

.author-name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #377F7D;
}

.author-role,.author-org {
    color: #282E38;
    font-size: 12px;
    line-height: 17px;
}
/* end */
skeleton-line3{width:75%}
@media (max-width: 1100px) {
.case-study-content h1{font-size:26px}
.ban-sec .ban-lhs{padding-right:40px}
}
@media (max-width: 992px) {
.case-study-content h1{font-size:20px;line-height:1.5;margin-bottom:14px;max-width:400px}
.case-study-content p{font-size:14px}
.case-study-content .ban-sec p{max-width:400px}
.ban-sec{padding:30px 20px}
.ban-sec .ban-lhs{width:calc(100% - 350px);padding-right:20px}
.ban-sec .ban-rhs{width:350px}
.main-sec{padding:0 20px}
.main-rhs{padding-left:50px}
}
@media (max-width: 767px) {
.case-study-content h2{font-size:18px;font-weight:600}
.ban-sec .ban-rhs{display:none}
.ban-sec .ban-lhs{width:100%;padding-right:0}
.ban-sec{background:none;padding:0}
.main-lhs,.main-rhs{width:100%}
.main-lhs{position:relative;top:0}
.main-rhs{padding:0}
.main-sec{padding:0}
.main-lhs .comp-details{max-width:400px;margin:40px auto}
}
@media (max-width: 425px) {
.case-study-content h1{font-size:18px}
}
.ph-animation{background:-webkit-linear-gradient(left,#eee 8%,#ddd 18%,#eee 33%);background:-o-linear-gradient(left,#eee 8%,#ddd 18%,#eee 33%);background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:1200px 350px;animation:1s linear infinite forwards placeholder}
@keyframes placeholder{
0%{background-position:-468px 0}
100%{background-position:468px 0}
}
.ban-sec.ban-sec-loader{display: none}
.ban-sec-ph{background:#fff;border-radius:10px;padding:40px;margin-bottom:30px}
.ban-sec-ph span{display:block}
.ban-sec-ph .breadcrumbs{margin-bottom:16px}
.ban-sec-ph .breadcrumbs{width:20%;height:18px}
.ban-sec-ph .page-tag{width:45%;height:21px;margin-bottom:6px}
.ban-sec-ph .h1title .line-1{width:100%;height:20px;margin-bottom:10px}
.ban-sec-ph .h1title .line-2{width:95%;height:20px;margin-bottom:10px}
.ban-sec-ph .h1title .line-3{width:98%;height:20px;margin-bottom:10px}
.ban-sec-ph .ban-lhs{width:calc(100% - 425px);padding-right:80px;display:inline-block;vertical-align:top}
.ban-sec-ph .ban-rhs{width:425px;height:283px;display:inline-block;border-radius:16px}
@media(max-width:992px){
.ban-sec-ph .ban-rhs{width:350px}
.ban-sec-ph .ban-lhs{width:calc(100% - 350px)}
}
@media(max-width:768px){
.ban-sec-ph .ban-rhs{display:none}
.ban-sec-ph .ban-lhs{width:90%;margin:0 auto}
.ban-sec-ph{background:0 0}
}
@media (max-width: 600px) {
    .author-info .author-pic{
        width: 110px;
    }
}