/***Authored by Deepak C***/
@charset "utf-8";
/* CSS Document */
.customer-support .banner{background-image: url("../img/cu-banner.jpg");min-height: 630px;background-repeat: no-repeat;background-size: cover;margin-top: 100px;}
.customer-support .banner .button{font-family: o-bold !important;text-transform: uppercase;letter-spacing: 1.5px;background-size: 203% 100%;}
.customer-support .banner .button{border-radius:100px;background:linear-gradient(to right,#5a4d9f 50%,#ffc65a 50%);background-size:200% 100%; background-position:right bottom;transition:.5s ease-out;padding:15px 35px;font-family:l-bold;color:#2b2b2b;font-size:24px;text-decoration:none;text-transform:capitalize;letter-spacing:1px;}
.customer-support .banner a:hover {background-position: left bottom;color: #fff;}
.customer-support .banner h1 {font-family: o-semibold;margin-top: 90px;margin-bottom: 20px;color: #2B2B2B;font-size: 36px;}
.customer-support .banner p {font-family: o-regular;margin-top: 10px;margin-bottom: 40px;font-size: 20px;color: #2B2B2B;}
/*customer-support*/
.customer-support .okr-cu-table h2{font-family: o-semibold;margin-bottom: 40px;color: #2B2B2B;text-align: center;font-size: 40px;}
.customer-support .okr-cu-table{margin-top: 40px;}
.customer-support .okr-cu-table .tabel-content .table tr th{background-color:#5A4D9F;color: #fff;font-family: o-medium;font-size:18px;font-weight: 500;text-align: center;}
.customer-support .okr-cu-table .tabel-content .table .b-align{text-align: center;background-color:#EBFFEE;padding: 10px 60px;}
.customer-support .okr-cu-table .tabel-content .table td{border-bottom: none;background-color: #F8F7FF;font-family: o-regular;font-size: 16px;}
.customer-support .okr-cu-table .tabel-content .table td:first-child:hover{background-color:#5A4D9F;color: #fff;}
.customer-support .okr-cu-table .tabel-content .table {border-collapse: separate;border-spacing: 0px 4px;}
.customer-support .okr-cu-table .tabel-content .table tr:nth-child(4) td:nth-child(2){background-color: #FEE9E7;}
.customer-support .okr-cu-table .tabel-content .table .tabel-2{background-color: #FEE9E7;}
/*training*/
.customer-support .training {background-image: url("../img/cu-tr-back.png");background-repeat: no-repeat;min-height: 450px;margin-bottom: 90px;margin-top: 90px;}
.customer-support .training .cu-tr-grid img{width: 570px;margin: 52px 0px 0px 40px;}
.customer-support .training .cu-tr-content a{border-radius:100px;background:linear-gradient(to right,#5a4d9f 50%,#ffc65a 50%);background-size:200% 100%; background-position:right bottom;transition:.5s ease-out;padding:15px 35px;font-family:o-semibold;color:#2b2b2b;font-size:24px;text-decoration:none;text-transform:capitalize;letter-spacing:1px;}
.customer-support .training .cu-tr-content a:hover {background-position: left bottom;color: #fff;}
.customer-support .training .cu-tr-content h3{font-family: o-bold;font-size: 40px;margin-bottom: 30px;}
.customer-support .training .cu-tr-content p{font-family: o-regular;font-size: 20px;}
.customer-support .training .cu-tr-content {margin-top: 30px;margin-left: 25px;}
.customer-support .training .cu-tr-content ul li{font-family: l-regular;font-size: 20px;}
.customer-support .training .cu-tr-content ul{margin-bottom: 40px;}
/*contact-cta*/
.customer-support .contact{margin: 60px 0px;background-color: rgba(213, 208, 242, 0.3);padding-top: 30px;padding-bottom: 40px;}
.customer-support .contact .col-md-3 .location.usa img{float: left;margin-right: 18px;margin-top: 2px;}
.customer-support .contact .col-md-3 .location.sg img{float: left;margin-right: 15px;margin-top: 3px;}
.customer-support .contact .col-md-3 .location.ind img{float: left;margin-right: 12px;margin-top: 3px;}
.customer-support .contact .col-md-3 .location.usa, .contact .col-md-3 .location.sg, .contact .col-md-3 .location.ind{background-color: #5A4D9F;padding: 15px 30px;border-radius: 8px;}
.customer-support .contact .col-md-3 p{margin-bottom: 0px;color: #fff;font-family: o-semibold;text-decoration: underline;}
.customer-support .contact .col-md-3 p a{margin-bottom: 0px;color: #fff;font-family: o-semibold;text-decoration: underline;}
.customer-support .contact .col-md-3:first-child p{color: #252F40;text-decoration: none;font-family: o-bold;font-size: 28px;}
.customer-support .contact .chat-support p{font-family: l-bold;font-size:18px;margin-top: 16px;}
.customer-support .contact .chat-support img{float: left;margin-right: 10px;margin-top: 10px;margin-left: 15px;}
.customer-support .contact .chat-support {border: 1px solid #5A4D9F;background-color: #fff;border-radius: 10px;padding: 10px 10px;}
.customer-support .contact .col-md-5 .col-md-2 img{margin-top: 14px;}
.customer-support .contact .col-md-7 .col-md-2 {width: 13%;}
.customer-support .contact .row:nth-child(2){margin-top: 30px;}
/*bottom-cta*/
.customer-support .bottom-cta{margin: 40px 0px;}
.customer-support .bottom-cta .bottom-back{background-image: url("../img/cu-bottom-back.jpg");min-height: 200px;padding: 60px 40px; text-align: center;border-radius: 50px;background-repeat: no-repeat;background-size: cover;}
.customer-support .bottom-cta .bottom-back h4{margin-bottom: 60px;font-family: o-bold;font-size: 46px;color: #5A4D9F;}
.customer-support .bottom-cta a{border-radius:100px;background:linear-gradient(to right,#5a4d9f 50%,#ffc65a 50%);background-size:200% 100%; background-position:right bottom;transition:.5s ease-out;padding:15px 35px;font-family:o-semibold;color:#2b2b2b;font-size:24px;text-decoration:none;text-transform:capitalize;letter-spacing:1px;}
.customer-support .bottom-cta a:hover {background-position: left bottom;color: #fff;}
@media (min-width:992px) and (max-width:1199px){
.customer-support .banner {min-height: auto;margin-bottom: 80px;}
.customer-support .training .cu-tr-grid img{width: 470px;margin: 80px 0px 0px 35px;}
.customer-support .contact .col-md-3 .location.usa, .contact .col-md-3 .location.sg, .contact .col-md-3 .location.ind{padding: 15px 15px;}
.customer-support .contact .col-md-3 .location.usa img {margin-right: 8px;margin-top: 1px;}
.customer-support .contact .col-md-3 .location.sg img {margin-right: 7px;margin-top: 2px;}
.customer-support .contact .col-md-3 .location.ind img{margin-right: 7px;margin-top: 3px;}
.customer-support .training .cu-tr-content {margin-left: 60px;}
}
@media (min-width:768px) and (max-width:991px){
.customer-support .banner {min-height: auto;background-size: 100%;margin-bottom: 60px;}
.customer-support .banner h1 {margin-top: 30px;}
.customer-support .training {background-size: 420px;}
.customer-support .training .cu-tr-grid img {width:96%;margin: 33px 0px 0px 0px;}
.customer-support .training .cu-tr-content {margin-left: 0px;margin-top: 0px;}
.customer-support .training .cu-tr-content p {font-size: 16px;}
.customer-support .contact .col-md-7 .col-md-2 {width: 16.6%;}
.customer-support .contact .chat-support img {margin-left: 1px;}
.customer-support .contact .col-md-3 .location.usa, .contact .col-md-3 .location.sg, .contact .col-md-3 .location.ind {padding: 15px 15px;}
.customer-support .contact .col-md-3{width: 48%;max-width: 48%;}
}
@media (min-width:320px) and (max-width:767px){
.customer-support .banner .container, .customer-support .okr-cu-table .container, .customer-support .training .container, .customer-support .contact .container, .customer-support .bottom-cta .container{width: 100% !important;max-width: 100% !important;padding: 0 30px;}
.banner .col-md-6, .training .col-md-7, .training .col-md-5, .contact .col-md-3, .contact .col-md-7, .contact .col-md-5{width: 100%;max-width: 100%;}
.customer-support .training .cu-tr-grid img {width: 100% !important;margin: 55px 0px 0px 0px;}
.customer-support .banner{background-image: none;}
.customer-support .training .cu-tr-content {margin-top: 155px;margin-left: 0px;}
.customer-support .contact .col-md-3{margin-bottom: 20px;}
.customer-support .contact .col-md-7{margin-bottom: 20px;}
.customer-support .training {background-size: 100% !important;}
.customer-support .bottom-cta .bottom-back h4 {font-size: 36px;}
.customer-support .banner {min-height: auto;}
.customer-support .bottom-cta .bottom-back {padding: 60px 20px;}
.customer-support .banner p {font-size: 16px;}
.customer-support .okr-cu-table {margin-top: 70px;}
.customer-support .okr-cu-table h2 {font-size: 36px;}
.customer-support .training .cu-tr-content h3 {font-size: 36px;}
.customer-support .training .cu-tr-content p {font-size: 16px;}
.customer-support .training .cu-tr-content ul li {font-size: 16px;}
.customer-support .contact .chat-support p {font-size: 16px;}
.customer-support .contact .col-md-7 .col-md-2 {width: 100%;}
.customer-support .okr-cu-table .tabel-content .table tr th {vertical-align: middle;}
}
@media (min-width:320px) and (max-width:480px){
.customer-support .training .cu-tr-grid img {width: 100% !important;margin: 12% 0px 0px 0px;}
}