body{padding:0 !important; margin:0 !important}
.productsix{background:url(../img/pro6/background-header.png)top right no-repeat}
.productsix .pro6-banner{margin-top:100px; }
.productsix .pro6-banner h1{color:#303232;font-size:35px; font-weight:500;}
.productsix .pro6-banner p{color:#666; font-size:16px; font-weight:500; padding-right:27px}

.productsix .pro6-banner span{color:#A91E2C;font-weight:700;}
.productsix .first-six{margin-top:50px;background:url(../img/pro6/grid.png) top center repeat-y, #fff; border-radius:0 150px 0 0;padding-top:50px}
.productsix .order-management h3{color:#A91E2C;font-size:28px; font-weight:600;text-align:right}
.productsix .order-management p{color:#666; font-size:16px; font-weight:500; text-align:right;padding-left: 150px;}
.productsix .text-padding{padding:150px 0}

.productsix .risk-management{margin-top:100px; padding-bottom:50px}
.productsix .risk-management h3{color:#A91E2C;font-size:28px; font-weight:600;}
.productsix .risk-management p{color:#666; font-size:16px; font-weight:500;padding-right: 110px;}

.productsix .user-profile{margin-top:50px; padding-bottom:100px}
.productsix .user-profile h3{color:#A91E2C;font-size:28px; font-weight:600;text-align:right}
.productsix .user-profile p{color:#666; font-size:16px; font-weight:500; text-align:right;padding-left: 124px;}
.productsix .text-padding{padding:150px 0}


.productseven{background:url(../img/pro7/header-bg.png)top right no-repeat}
.productseven .pro7-banner{margin-top:120px; }
.productseven .pro7-banner h1{color:#303232;font-size:35px; font-weight:500;}
.productseven .pro7-banner p{color:#666; font-size:16px; font-weight:500; padding-right:124px}

.productseven .pro7-banner span{color:#A91E2C;font-weight:700;}
.productseven .first-seven{margin-top:100px;background:url(../img/pro7/grid.png) top center repeat-y, #fff; border-radius:0 150px 0 0;padding:50px 0 0 0}

.productseven .main-heading{margin-top:50px}
.productseven .main-heading h2{color:#A91E2C;font-size:28px; font-weight:600;text-align:center}
.productseven .strategies{margin-top:0px}
.productseven .strategies h3{color:#A91E2C;font-size:22px; font-weight:600;text-align:right}
.productseven .strategies p{color:#666; font-size:16px; font-weight:500; text-align:right}
.productseven .text-padding{padding:150px 0}
.productseven .half-laptop{background:url(../img/pro7/laptop.png) right center no-repeat; height:700px}
.productseven .card-link .active-dot{width:10px; height:10px; border:1px solid#e55c5c !important; display:inline-block; border-radius:50%}
.productseven .card-header{border-bottom:0}
.productseven .card-header a{text-align:right; float:right;color:#A91E2C;font-size:22px; font-weight:600;text-align:right}
.productseven .card{border:0}

.productseven .seven-pink{background:url(../img/pro7/grid.png) top center repeat-y, #fcfaef;border-radius:150px 0 0 0;padding:50px 0 100px}
.productseven .seven-pink h4{color:#A91E2C;font-size:35px; font-weight:700;text-align:center}
.productseven .seven-pink p{color:#666;font-size:20px; font-weight:600;text-align:center;padding: 0 380px;}
.productseven .seven-pink .seven-fourpoint{margin-top:100px}
.productseven .seven-pink .seven-fourpoint h5{color:#A91E2C;font-size:28px; font-weight:600;text-align:center}

.producteight{background:url(../img/pro8/header-bg.png)top right no-repeat}
.producteight .pro8-banner{margin-top:100px;}
.producteight .pro8-banner h1{color:#303232;font-size:35px; font-weight:500;}
.producteight .pro8-banner p{color:#666; font-size:16px; font-weight:500;padding-right: 35px;}

.producteight .pro8-banner span{color:#A91E2C;font-weight:700;}
.producteight .first-eight{margin-top:100px;background:url(../img/pro6/grid.png) top center repeat-y, #fff; border-radius:0 150px 0 0;padding-top:50px}

.producteight .order-management{margin-top:50px}
.producteight .order-management h3{color:#A91E2C;font-size:28px; font-weight:600;text-align:right}
.producteight .order-management p{color:#666; font-size:16px; font-weight:500; text-align:right;padding-left: 106px;}
.producteight .text-padding{padding:150px 0 0}

.producteight .risk-management{margin-top:150px}
.producteight .risk-management h3{color:#A91E2C;font-size:28px; font-weight:600;}
.producteight .risk-management p{color:#666; font-size:16px; font-weight:500;padding-right: 110px;}

.producteight .user-profile{margin-top:150px; padding-bottom:200px}
.producteight .user-profile h3{color:#A91E2C;font-size:28px; font-weight:600;text-align:right}
.producteight .user-profile p{color:#666; font-size:16px; font-weight:500; text-align:right}
.producteight .text-padding{padding:100px 0 0}
.producteight .pr50{padding-right:100px}

.productnine{background:url(../img/pro9/heager-bg.png)top right no-repeat}
.productnine .pro9-banner{margin-top:70px; }
.productnine .pro9-banner h1{color:#303232;font-size:35px; font-weight:500;}
.productnine .pro9-banner p{color:#666; font-size:16px; font-weight:500;padding-right: 45px;}

.productnine .pro9-banner span{color:#A91E2C;font-weight:700;}
.productnine .first-nine{margin-top:100px;background:url(../img/pro9/grid.png) top center repeat-y, #fff; border-radius:0 150px 0 0; padding:50px 0 100px 0}

.productnine .main-heading{margin-top:50px}
.productnine .main-heading h2{color:#A91E2C;font-size:28px; font-weight:600;text-align:center}
.productnine .strategies{margin-top:0px; margin-bottom:100px}
.productnine .strategies h3{color:#A91E2C;font-size:22px; font-weight:600;text-align:right}
.productnine .strategies p{color:#666; font-size:16px; font-weight:500; text-align:right}
.productnine .text-padding{padding:150px 0}
.productnine .half-laptop{background:url(../img/pro9/laptop.png) right center no-repeat; height:700px}
.productnine .card-link .active-dot{width:10px; height:10px; border:1px solid#e55c5c !important; display:inline-block; border-radius:50%}
.productnine .card-header{border-bottom:0}
.productnine .card-header a{text-align:right; float:right;color:#A91E2C;font-size:22px; font-weight:600;text-align:right}
.productnine .card{border:0}

.tab-pane img{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.laptopppview{display:block;}
.mobileppview{display:none;}
.orange-circle {width: 20px;height: 20px;border-radius: 50%;background-color: transparent;border: 1px solid #ec6e57;display: inline-block;  margin-left: 1rem;margin-bottom: -3px; position:absolute; margin-top:9px}

.second-pro7 .tab-content{overflow:hidden;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.second-pro7 .left-links li {text-align: right;list-style: none}
.second-pro7 .left-links li a {display: block;padding: 1rem 3rem;font-family: Poppins, sans-serif;font-size: 17pt;font-weight: 500;color: #A91E2C;opacity: .6;-webkit-transform: scale(1);transform: scale(1);-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.second-pro7 .left-links li a.active {font-size: 19pt;}

.second-pro7 .left-links li a:hover {text-decoration: none; -webkit-transform: scale(1); transform: scale(1);opacity: 1;}
.second-pro7 .left-links li a:hover .orange-circle {background-color: #ec6e57}
.second-pro7 .img-frame .custom-img {width: 100%}
.second-pro7 .nav{display:block; margin-top:50px} 
.second-pro7 .left-links li a.active + h3 {display: block;color: #322D49;font-size: 15px;padding-right:0px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.second-pro7 .left-links li h3 {display: none;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.second-pro7 .left-links li a.active .orange-circle {background-color: #ec6e57;}
.second-pro7 .tab-content{margin-left:120px}
.second-pro7 .col-md-6{padding-right:0}

.left-div {position: relative;float: left;}
.right-div{position: relative;float: left;}
.mainbtn{width:250px; text-align:right; float:right}
.mainbtn2{width:250px;}

.desktop6{}
.mobile6{display:none}

.productten{background:url(../img/pro10/header-bg.png)top center no-repeat; padding-bottom:70px}
.protenmain{margin-top:50px}
.protenmain h1{font-size:35px; color:#000; text-align:center; margin-top:15px}
.protenmain span{color:#ec6e57; font-weight:700}
.protenmain p{color: #666;font-size: 16px;padding: 0 356px; text-align:center; line-height:1.7}
.protenmain h2{font-size:28px; color:#A91E2C; text-align:center; margin-top:50px; padding:0 210px; font-weight:600;line-height: 1.8;}
.mytext{width:100%; height:150px}

#AllModal .modal-body{padding:25px !important}
#AllModal .form-control{border: 1px solid #c1d5ec; background:#f7f9fc}
#AllModal .mytext{border: 1px solid #c1d5ec; background:#f7f9fc; padding:6px 12px}
#AllModal  ::-webkit-input-placeholder {color: #c1d5ec;}
#AllModal  ::-moz-placeholder {color: #c1d5ec;}
#AllModal  :-ms-input-placeholder {color: #c1d5ec;}
#AllModal  :-moz-placeholder {color:#c1d5ec;}

.mysubmit{border:1px solid#ec6e57;color:#fff;padding:7px 10px;font-weight:500;border-radius:3px;font-size:1em; background:#ec6e57; width:100%}
.mysubmit:hover{background:transparent;color:#ec6e57 !important;border:1px solid#ec6e57}
.mygap{margin-top:50px}

.protentab{margin-top:100px;background:#fff; border-radius:0 150px 0 0; padding:20px 0 100px 0}

.protentab h2{font-size:28px; color:#A91E2C; text-align:center; margin-top:50px; padding:0 210px; font-weight:600;line-height: 1.8;}
.protentab ul {float:right;}
.protentab li {text-align:right;width:100%;color: #A91E2C;font: normal normal 500 18px Poppins;padding:10px 0;}
.protentab li a {margin-bottom: 18px;float: right;line-height: 33px;position:relative;padding-right:60px;color:#A91E2C;transition-duration: 0.5s;}
.protentab li a .numberlist {position: absolute;background: #fff 0% 0% no-repeat padding-box;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 40px;color: #EC6E57;right: 0px;transform: translateY(-50%);top: 50%;border:2px solid #EC6E57;font-size:15px;transition-duration: 0.5s;}
.protentab li.active {font: normal normal 500 21px Poppins;color:#A91E2C;transition-duration: 0.5s;}
.protentab li.active a {font: normal normal 600 23px Poppins;color:#A91E2C;transition-duration: 0.5s;}
.protentab li.active a .numberlist {width: 45px;height: 45px;font-size:18px;background:#EC6E57;color:#fff;transition-duration: 0.5s;}
.protentab p.title-caption.text-center {margin-bottom: 60px;}
.protentab .tab-content .tab-pane {position:relative;top:0%;transform: translateY(20%);}
.protentab .tab-content .tab-pane.active img {position: relative;animation : fade 1s;animation-delay : 0s}
.protentab .tab-content .tab-pane {position: relative;top: 0%;transform: translateY(0%);padding: 50px 0;}

.protentab{display:none}

@media(min-width:320px) and (max-width:767px){
.productsix{background:url(../img/pro6/mbackground-header.png)top right no-repeat !important}	
.productseven{background:url(../img/pro7/mheader-bg.png)top right no-repeat !important}
.producteight{background:url(../img/pro8/mheader-bg.png)top right no-repeat !important}
.productnine{background:url(../img/pro9/mheager-bg.png)top right no-repeat !important}
.pro6-banner p{margin-top:20px}
.productsix .order-management{padding-top:50px}
.productsix .user-profile{padding-bottom: 50px}
.mainbtn{float:none}
.second-pro7{padding:0 25px}
.second-pro7 .tab-content {margin-left: 0px;}
.second-pro7 .left-links li a.active + h3 {padding-right:0px;}	
.laptopppview{display:none;}
.mobileppview{display:block;width: 100% !important; transform: translatey(0%) !important;}
.orange-circle {width: 20px;height: 20px;border-radius: 50%;background-color: transparent;border: 1px solid #ec6e57;display: inline-block;    margin-left: 1rem; margin-bottom: -3px;position: absolute;top: 50%; transform: translatey(-50%);}
.productsix .pro6-banner, .productseven .pro7-banner, .producteight .pro8-banner, .productnine .pro9-banner{margin-top: 0px;}
.icon-div{width:100px}
.productsix .pro6-banner h1, .productseven .pro7-banner h1{font-size: 24px;}
.productsix .pro6-banner p{padding-right:8px}
.img-center{width:80%; margin-left:auto; margin-right:auto; display:block}
.productsix .first-six{padding-top:0}
.productsix .text-padding{padding:30px 0}
.productseven .pro7-banner p{padding-right:8px; margin-top:20px}
.productseven .seven-pink p{padding:8px;font-size: 15px;}
.productseven .seven-pink .seven-fourpoint h5 {font-size: 22px;}
.productsix .order-management h3, .productsix .order-management p{text-align:center; padding:8px}
.left-div {order:2;}
.right-div {order:1;}
.mainbtn, .mainbtn2{text-align:center; margin:auto}
.productsix .risk-management {margin-top: 30px;}
.productsix .risk-management h3, .productsix .risk-management p{text-align:center;padding:8px}
.productsix .user-profile {margin-top:0px;}
.productsix .user-profile h3, .productsix .user-profile p{text-align:center;padding:8px}
.header-title {font-size: 17pt;}
.second-pro7 .left-links li{text-align:left}
.orange-circle{left:0; margin-top:0px; margin-left:-15px; width:12px; height:12px}
.second-pro7 .nav { display: block;margin-top:0px; padding-left:15px}
.productseven .seven-pink h4 {font-size: 17pt;}
.productseven .seven-pink .seven-fourpoint {margin-top: 50px;}
.producteight .pr50 {padding-right: 0;}
.producteight .order-management h3, .producteight .order-management p{text-align:center;padding:8px}
.producteight .text-padding {padding: 50px 0;}
.producteight .risk-management {margin-top: 0px;}
.producteight .risk-management h3, .producteight .risk-management p{text-align:center;padding:8px}
.producteight .user-profile {margin-top: 0px;padding-bottom: 50px}
.producteight .user-profile h3, .producteight .user-profile p{text-align:center;padding:8px}
.second-pro7 .left-links li a {padding: 0.5rem;font-size: 14pt;}

.second-pro7 .left-links li a.active {font-size: 16pt;}


.desktop6{display:none}
.mobile6{display:block}
.producteight .pro8-banner h1 {font-size: 22pt;}
.producteight .pro8-banner p{padding-right:0px; margin-top:20px}
.productsix .order-management h3, .productsix .risk-management h3, .productsix .user-profile h3, .producteight .order-management h3, .producteight .risk-management h3, .producteight .user-profile h3{font-size:17pt}
.productnine .pro9-banner h1 {font-size: 20pt;}
.productnine .pro9-banner p{padding-right:0; margin-top:20px}
.productseven .seven-pink{margin-top:40px}
.tab-content{margin-top:30px}

.productten{background:url(../img/pro10/mheader-bg.png)top center no-repeat !important; padding-bottom:20px}
.protenmain p{padding:10px 0}
.noneten{display:none}
.protentab h2 {font-size: 17px;padding: 0 20px; margin-top:30px}
.protentab li a{text-align:left; float:left; font-size:14px; line-height:1.5}
.protentab li.active a .numberlist {width: 35px;height: 35px;}
.protentab li a .numberlist{left:0; margin-left:-50px; width:30px; height:30px; line-height:30px}
.protentab li.active a{font-size:16px}
.protentab ul {padding: 0px 0 0 90px;}
.protentab {padding: 20px 0 50px 0;}
.protentab .tab-content{margin-top:0px !important}
.protenmain h1 {font-size: 30px;}
.protentab li {padding:0}
.protentab{display:block}
.protentab li a{padding-right:0}
}