html, body {height: 100%} body {font-family: 'montserratregular'; font-size: 14px; background: #F3F7FC; padding-top: 98px} a {text-decoration: none !important} b {font-family: 'montserratsemibold'; font-weight: normal;} ul, li {list-style-type: none} :focus {outline: none} .img-responsive {max-width: 100%} .font-l {font-family: 'montserratlight' !important} .font-r {font-family: 'montserratregular' !important} .font-sb {font-family: 'montserratsemibold' !important} .font-b {font-family: 'montserratbold' !important} .font-bk {font-family: 'montserratblack' !important} .appform-steps {margin: 0; padding: 0; display: table; width: 100%; background: rgba(255,255,255,0.3); border-radius: 10px 10px 0 0; overflow: hidden} .appform-steps li {list-style-type: none; display: table-cell; border-right: 1px solid #eaeaea; padding: 20px; position: relative; opacity: 0.3;} .appform-steps li i {font-style: normal; display: inline-block; vertical-align: middle; font-size: 36px; font-family: 'montserratblack' !important; margin-right: 5px} .appform-steps li span {display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 300; line-height: 24px; color: #888} .appform-steps li span b {display: block; font-size: 22px; font-family: 'montserratbold'; color: black} .appform-steps li.active-step {opacity: 1; background: white; border-bottom: 5px solid #3291FA} .appform-steps li.active-step i {color: #FF9102} .appform-steps li.complete-step {opacity: 1; background: rgba(255,255,255,1); border-bottom: 5px solid rgba(213, 232, 253, 0.6)} .appform-steps li.complete-step i {color: #FF9102} .appform-steps li.complete-step em {position: absolute; bottom: 27px; right: 20px; font-size: 18px; color: #58DF04} .appform-body {background: white; border-radius: 0 0 10px 10px; padding: 20px} .form-label {font-size: 14px; font-weight: 700; color: #444; font-family: 'montserratsemibold'} .form-control {font-size: 14px} .appform-step-des {line-height: 24px; color: #666; font-weight: 400} .mandatory {color: red} .add-btn {background-color: rgba(78,215,133, 0.3); padding: 3px 6px; border-radius: 3px; display: inline-block; color: rgba(0,0,0,0.7); font-size: 12px; transition: 0.3s all ease} .add-btn:hover {background-color: rgba(78,215,133, 1); color: white; transition: 0.3s all ease} .remove-btn {background-color: rgba(219,77,58, 0.3); padding: 3px 6px; border-radius: 3px; display: inline-block; color: rgba(0,0,0,0.7); font-size: 12px; transition: 0.3s all ease} .remove-btn:hover {background-color: rgba(219,77,58, 1); color: white; transition: 0.3s all ease} .btn-primary {background-color: #3291FA; border: 1px solid #3291FA} .btn-primary:hover {background-color: #1370D6} .btn-outline-primary {border: 1px solid #3291FA} .btn-outline-primary:hover {background-color: #1370D6; border: 1px solid #1370D6} /* Header */ header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99; transition: 0.3s all ease;} header.compress {transition: 0.3s all ease;} header.compress .topband {margin-top: -37px; opacity: 0; transition: 0.3s all ease;} header.compress .logo {transition: 0.3s all ease; height: 90px; background-position: bottom right; width: 280px} header.compress .logo a {padding: 8px 13px; transition: 0.3s all ease;} header.compress .logo a img {width: 165px; transition: 0.3s all ease;}/*width: 215px;*/ header.compress nav {background: #fff;} .logo {background:url(../images/logo_bk_bg.png) no-repeat top left; width: 337px; height: 131px; position: absolute; z-index: 9; transition: 0.3s all ease;} .logo a {padding: 15px; display: block} .logo a img {width: 225px; transition: 0.3s all ease;}/*width: 261px;*/ .topband {background-color: #040E49; text-align: right; padding: 3px 15px; transition: 0.3s all ease;} .topband ul {display: inline-block; vertical-align: middle; margin: 0; padding: 0} .topband ul li {display: inline-block; vertical-align: middle} .topband ul li a {display: block; color: white; font-size: 14px; font-family: 'montserratlight'; padding: 5px} .topband select {display: inline-block; vertical-align: middle; background: rgba(255,255,255,0.6); border: none; padding: 3px} header nav {background: #F3F7FC; text-align: right; box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 20%);} header nav > ul {display: inline-block; margin: 0; padding: 0;padding-right: 50px;} header nav > ul > li {display: inline-block; position: relative; border-left: 1px solid #eaeaea; margin-right: -3px} header nav > ul > li > a {display: block; position: relative; padding: 18px 20px; font-size: 16px; color: #666; font-family: 'montserratlight'} header nav > ul > li .fa-chevron-down {margin-left: 5px} header nav > ul > li.active > a {font-family: 'montserratbold'; background: white; color: black} header nav > ul > li:hover > a {background: white; color: black} header nav > ul > li > a:before {position: absolute; bottom: -5px; left: 50%; width: 0; opacity: 0; height: 5px; content: ""; border-radius: 0 0 10px 10px; background: #FF9102; transition: 0.3s all ease;} header nav > ul > li.active > a:before, header nav > ul > li:hover > a:before {left: 0; width: 100%; opacity: 1; transition: 0.3s all ease} .subnav {display: none; position: absolute; left: 0; top: 60px; background: #3291FA; z-index: 99; border-radius: 0 0 10px 10px; text-align: left; margin: 0; padding: 0; width: 200px; overflow: hidden} .subnav li {border-bottom: 1px solid rgba(0,0,0,0.2)} .subnav li:last-child {border-bottom: none} .subnav li a {display: block; text-align: left; padding: 12px 15px 12px 25px; color: white; position: relative; transition: 0.3s all ease} .subnav li a:before {position: absolute; content: ""; width: 5px; height: 5px; border-radius: 50%; left: 12px; top: 19px; background: white; opacity: .5; transition: 0.3s all ease; transform: scale(.7)} .subnav li a:hover:before {height: 50%; top: 25%; opacity: 1; border-radius: 10px; width: 3px; background: #3291FA; transform: scale(1); transition: 0.3s all ease} header nav > ul > li:hover .subnav {display: block} header nav > ul > li:hover .subnav a:hover {background: #fff; color: black; transition: 0.3s all ease} #mobnav { display: none; width: 32px; height: 40px; position: absolute; right: 20px; top: 28px; z-index: 9996; cursor: pointer; color: #fff; transition: all 0.3s ease; } .fix #mobnav { top: 7px; } .lines { display: block; width: 32px; height: 4px; background: #1d2969; border-radius: 8px; transition: 0.3s; position: relative; top: 16px; } .lines:before, .lines:after { display: block; width: 32px; height: 4px; background: #1d2969; border-radius: 10px; transition: 0.3s; position: absolute; left: 0; content: ''; transform-origin: 0.28571rem center; } .lines:before { top: 9px; } .lines:after { top: -9px; } #mobnav.Nclose { transform: scale3d(0.8, 0.8, 0.8); } #mobnav.Nclose .lines { background: transparent; } #mobnav.Nclose .lines:before, #mobnav.Nclose .lines:after { transform-origin: 50% 50%; top: 0; width: 32px; background: #000; } #mobnav.Nclose .lines:before { transform: rotate3d(0, 0, 1, 45deg); } #mobnav.Nclose .lines:after { transform: rotate3d(0, 0, 1, -45deg); } /* banner */ .banner {background: url(../images/fintech_banner.jpg) no-repeat top center; background-repeat: round; background-size: cover; height: 450px; padding: 80px 20px 0 40px; color: white}/*padding: 140px 20px 0 40px;*/ .banner h1 {font-size: 54px; font-family: 'Yeseva One', cursive; position: relative; padding-bottom: 15px; margin-bottom: 15px} .banner h1:after {position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; border-radius: 10px; content: ""; background: #FF9102} .banner p {font-size: 17px; line-height: 28px; width: 530px; opacity: 0.8}/*width: 500px;*/ .com-heading .small-head {font-size: 16px; color: #FF9102} .big-head {position: relative; font-size: 24px; color: #444444; padding-bottom: 15px; line-height: 32px} .big-head:after {position: absolute; left: 0; bottom: 0; width: 40px; height: 5px; border-radius: 10px; content: ""; background: #3291FA} .fintech-overview {background: white; padding: 45px 0 25px} .para-lg {font-size: 18px; color: #666; line-height: 32px; text-align:justify;}/*added text align*/ .rounded-img {border-radius: 20px} .rbi-initiative-block {position: relative} .rbi-initiative-block:after {position: absolute; content: ""; width: 45%; right: 0; top: 0; background: #E7EFFA; height: 100%; z-index: -1} .latest-pr-block {background: #E7EFFA} .latest-pr-list-body {background: white; padding: 20px; border-radius: 10px; border : 1px solid #eaeaea} .latest-pr-list {margin: 0; padding: 0} .latest-pr-list li {margin-bottom: 20px} .latest-pr-list li a {display: block; position: relative} .latest-pr-list li a:after {position: absolute; top: 10px; right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; color: #B7B7B7; transition: 0.3s all ease;} .latest-pr-list li a:hover:after {right: 0; transition: 0.3s all ease; color: #FF9102} .latest-pr-list li:last-child {margin-bottom: 0} .latest-pr-list li a:hover p {transition: 0.3s all ease; color: black} .latest-pr-list li a:hover .pr-cal:after {background: #3291FA; height: 100%; top: 0; transition: 0.3s all ease;} .pr-cal {display: inline-block; vertical-align: middle; color: #666; padding: 5px 0; position: relative; margin-right: 10px} .pr-cal:after {position: absolute; right: 0; top: 10%; width: 3px; border-radius: 5px; height: 80%; content: ""; background: #d0d0d0; transition: 0.3s all ease;} .pr-date {display: inline-block; font-size: 18px; vertical-align: middle;} .pr-mthyear {display: inline-block; width: 38px; font-size: 11px; vertical-align: middle; margin: 0 5px; color: #999} .pr-mthyear span {display: block} .pr-details {display: inline-block; vertical-align: middle; width: calc(100% - 90px)} .pr-details p {margin-bottom: 0; font-size: 14px; color: #444; line-height: 18px; transition: 0.3s all ease;} .pr-details span {font-size: 12px; color: #b7b7b7} .pr-more-btn {background: rgba(50,145,250,0.2); display: inline-block; border-radius: 5px; padding: 2px 7px; font-size: 12px; color: rgba(0,0,0,0.8); transition: 0.3s all ease;} .pr-more-btn:hover {background: rgba(50,145,250,1); color: rgba(255,255,255,1); transition: 0.3s all ease;} #RBInitiative {position: relative} #RBInitiative .item {padding-bottom: 20px} #RBInitiative .owl-nav {position: absolute; top: -90px; right: 10px;} #RBInitiative .owl-nav [class*=owl-] {color: #FFF; font-size: 11px; margin: 5px; padding: 4px 9px; background: #3291FA; display: inline-block; cursor: pointer; border-radius: 50%; width: 22px; height: 22px;} #RBInitiative .owl-nav .disabled {background: #C8C8C8} #RBInitiative .owl-nav .owl-prev {padding-left: 7px} .rbi-ini-item {position: relative; padding-left: 140px; padding-right: 15px; transition: 0.3s all ease} .rbi-ini-item img {position: absolute; left: 0; top: 27px; z-index: 9; border-radius: 10px; transform: scale(0.95); transition: 0.3s all ease} .rbi-ini-details {background: white; border-radius: 10px; padding: 27px 15px 27px 70px; position: relative; z-index: 1; border : 1px solid #eaeaea; transition: 0.3s all ease} .rbi-ini-details h5 {font-size: 18px; margin-bottom: 10px; color: #444} .rbi-ini-details p {margin-bottom: 0; color: #666; line-height: 24px} .rbi-ini-details a {position: absolute; top : 26px; right: 25px; font-size: 18px; color: #B7B7B7; transition: 0.3s all ease} .rbi-ini-item:hover .rbi-ini-details {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); transition: 0.3s all ease} .rbi-ini-item:hover .rbi-ini-details a {color: #FF9102; right: 20px; transition: 0.3s all ease} .rbi-ini-item:hover .rbi-ini-details h5 {color: black} .rbi-ini-item:hover img {transform: scale(1); transition: 0.3s all ease} footer {background: #263238; font-size: 12px} footer b {color: #FF9102; font-size: 14px} .foot-nav {margin: 0; padding: 0;} .foot-nav li {display: inline-block} .foot-nav li a {display: block; padding: 0 9px; position: relative; color: rgba(255,255,255,0.50); transition: 0.3s all ease} .foot-nav li:first-child a{padding-left: 0;} .foot-nav li:last-child a:after {display: none} .foot-nav li a:after {position: absolute; top: 7px; right: -5px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #FF9102} .foot-nav li a:hover {color: rgba(255,255,255,1); transition: 0.3s all ease} .social-icons a {display: inline-block; vertical-align: middle; margin-right: 5px; width: 26px; height: 26px; border-radius: 50%; border : 1px solid rgba(255,255,255,0.5); text-align: center; line-height: 26px; color: rgba(255,255,255,0.5); transition: 0.3s all ease} .social-icons a:hover {background: #FF9102; border : 1px solid #FF9102; color: white; transition: 0.3s all ease} .foot-text {color: rgba(255,255,255,0.50)} /*Regulatory*/ /* banner */ .rg-banner {background: url(../images/RegulatorySandbox1.jpg) no-repeat top center; background-size: cover; height: 450px; padding: 90px 20px 0 40px; color: white} .rg-banner h1 {font-size: 40px; font-family: 'Yeseva One', cursive; position: relative; padding-bottom: 15px; margin-bottom: 15px} .rg-banner h1:after {position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; border-radius: 10px; content: ""; background: #377fd7} .rg-banner p {font-size: 17px; line-height: 28px; width: 90%;} .rg-banner ul{padding-left:0px} .rg-banner ul li{display: inline-block;} .rg-banner li a {display: block; padding: 0 9px; position: relative; color: rgba(255,255,255); transition: 0.3s all ease} .rg-banner li:first-child a{padding-left: 0;} .rg-banner li:last-child a:after {display: none} .rg-banner li a:after {position: absolute; top: 7px; right: -5px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #FF9102} .rg-banner li a:hover {color: rgba(255,255,255,1); transition: 0.3s all ease} .rg-banner1 {background: url(../images/RBiH_banner_img.jpg) no-repeat top center; background-size: cover; height: 450px; padding: 90px 20px 0 40px; color: white} .rg-banner1 h1 {font-size: 40px; font-family: 'Yeseva One', cursive; position: relative; padding-bottom: 15px; margin-bottom: 15px} .rg-banner1 h1:after {position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; border-radius: 10px; content: ""; background: #377fd7} .rg-banner1 p {font-size: 17px; line-height: 28px; width: 90%;} .rg-banner1 ul{padding-left:0px} .rg-banner1 ul li{display: inline-block;} .rg-banner1 li a {display: block; padding: 0 9px; position: relative; color: rgba(255,255,255); transition: 0.3s all ease} .rg-banner1 li:first-child a{padding-left: 0;} .rg-banner1 li:last-child a:after {display: none} .rg-banner1 li a:after {position: absolute; top: 7px; right: -5px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #FF9102} .rg-banner1 li a:hover {color: rgba(255,255,255,1); transition: 0.3s all ease} .rg-banner1 .inn_logo {background-color: #f3f7fc; padding: 15px; border-radius: 8px;} .rg-banner1 .inn_text {} .Reg-Sandbox {background: #f3f7fc; padding: 45px 0 25px} .Reg-Sandbox .row{} .Reg-Sandbox .Reg-Sandleft{background-color: #fff; padding:25px 30px;border-radius: 10px;-moz-box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2);} .Reg-Sandbox .Reg-Sandright{background-color: #fff; padding:25px 30px;border-radius: 10px;-moz-box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2);} .reg-head {position: relative; font-size: 22px; color: #151515; padding-bottom: 15px; line-height: 26px;font-weight: 600;} .reg-head:after {position: absolute; left: 0; bottom: 0; width: 37px; height: 4px; border-radius: 10px; content: ""; background: #ff9102} .Reg-Sandleft h3{font-size: 17px; color: #151515; padding-top: 20px; padding-bottom: 5px; font-weight: 600;} .Reg-Sandleft p{font-size: 13px; line-height: 20px; text-align:justify;}/*added text align*/ .Reg-Sandleft ul{padding-left: 10px;} .Reg-Sandleft ul li{position: relative;padding-left: 10px;margin-bottom: 10px;font-size: 13px;} .Reg-Sandleft ul li:before {position: absolute; left: -9px;top: 5px; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #3291fa;padding-left: 10px; margin-bottom: 10px;} .rbint-head {position: relative; font-size: 17px; color: #151515; padding-bottom: 15px; line-height: 26px;font-weight: 600;} .rbint-head:after {position: absolute; left: 0; bottom: 0; width: 37px; height: 4px; border-radius: 10px; content: ""; background: #ff9102} .Reg-Sandleft .accordion { margin-top: 40px; } .Reg-Sandleft .accordion .card { border: none; margin-bottom: 20px; } .Reg-Sandleft .accordion .card h2 { background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat left; background-size: 20px; cursor: pointer; font-size: 18px;padding-left: 30px; } .Reg-Sandleft .accordion .card h2.collapsed { background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png); } .Reg-Sandleft .accordion .card-body { padding-left: 30px; padding-right: 0; padding:10px 0 10px 30px; } .Reg-Sandleft .accordion .card{background-color: #f5f6f8; padding: 10px; border: 1px solid #d1d1d1; border-radius: 12px;} .reg-btn .btn-warning{color: #fff; background-color: #ff9102; border-color: #ff9102;} .reg-btn .btn{font-size: 12px; border-radius: 18px;margin-right: 10px;} .reg-btn .fa{margin-right: 6px;} .Reg-Sandbox .container{margin-top: -127px;} .img-rbi{position:relative;margin-top: 15px;} .img-rbi img{width:100%;border-radius: 10px;} .img-rbi .btn{position:absolute; left: 0px; bottom: -12px; font-size: 12px;} .rbi-sup{font-size: 12px; line-height: 16px; margin-top: 17px; color: #808080;} .marg-top20{margin-top:20px;} /* Publication page */ .inner_banner {background-image: linear-gradient(to right, #0E1851, #1665DA); padding: 40px 0} .inner_banner h1 {color: white; margin-bottom: 0;} .frs-breadcrumb {margin: 0; padding: 0} .frs-breadcrumb li {display: inline-block; position: relative; padding-right: 15px; font-size: 14px; color: white;} .frs-breadcrumb li:after {position: absolute; top: 7px; right: 2px; content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #FF9102;} .frs-breadcrumb li:last-child:after {display: none;} .frs-breadcrumb li a {color : rgba(255,255,255,0.5);} .pub_nav {border-radius: 5px; margin: -25px 0 35px 0; position: relative; overflow-y: hidden;} .pub_nav ul {margin: 0; padding: 0; overflow-x: auto; display: table; width: 100%; white-space: nowrap; -webkit-overflow-scrolling: touch;} .pub_nav ul li {display: table-cell; text-align: center; border-right: 1px solid #eaeaea;} .pub_nav ul li a {padding: 13px 15px; background-color: white; display: block; color: #8D8D8D; position : relative;} .pub_nav ul li:last-child {border-right: none;} .pub_nav ul li:hover a {color: #1451B6} .pub_nav ul li a:after {position: absolute; height: 0px; bottom: 0px; left : 0; width: 100%; content: ""; background-color: #FF9102; transition: 0.3s all ease;} .pub_nav ul li:hover a:after {height: 4px; transition: 0.3s all ease;} .pub_nav ul li.active a {color: #1451B6; font-family: 'montserratsemibold' !important;} .pub_nav ul li.active a:after {height: 4px} .pub_nav ul li:first-child.active a:after {border-radius: 0 0 0 5px;} .pub_nav ul li:last-child.active a:after {border-radius: 0 5px 0 0;} /* .pub_nav ul li.active a:before {position: absolute; content: ""; left: 50%; bottom: -7px; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #FF9102 transparent transparent transparent;} */ .com-card {background-color: white; padding: 25px; border-radius: 5px;} .accordion .card {border : none; padding: 5px; background-color: transparent;} .accordion .card .card-header {border : 1px solid #F0F0F0 !important; background-color: white; border-radius: 5px; margin-bottom: 0; padding: 0;} .accordion .card .card-header a {display: block; border-radius: 5px; position: relative; padding: 12px 40px 12px 15px; color: #1458C4; font-size: 16px; font-family: 'montserratsemibold' !important; box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 7%);} .accordion .card .card-header a.collapsed {color: #777777; font-family: 'montserratregular' !important; box-shadow: none;} .accordion .card .card-header a:after {position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; top: 12px; right: 15px; transition: 0.3s all ease; transform: rotate(180deg);} .accordion .card .card-header a.collapsed:after {content: "\f078"; transform: rotate(0deg); transition: 0.3s all ease;} .accordion .card-body {background-color: #FBFBFB; padding: 20px; border : 1px solid #F0F0F0 !important; border-top: none; border-radius: 0 0 5px 5px;} .stat_report_hd {position: relative; font-size: 14px;} .stat_report_hd:before {position: absolute; top: 0; left: -20px; content: ""; width: 4px; height: 100%; background-color: #FF9102;} .date {color: #1350B5; margin-top: -2px; display: block;} .light-select {background-color: #F3F7FC; font-size: 12px;} .report_list {margin: 0; padding: 0;} .report_list li {position: relative; margin-bottom: 10px;} .report_list li:last-child {margin-bottom: 0;} .report_list li:before {position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; content: ""; background: #4379D0;} .report_list li a {font-size: 12px; color: #666; padding-left: 15px; display: block;} .report_list li:hover a {color: black;} .report_list li:hover:before {background: #FF9102;} .download-types a {display: inline-block; padding: 3px 10px; color: #999; border : 1px solid #eaeaea; border-radius: 5px; font-size: 12px; transition: 0.3s all ease;} .download-types a:hover {box-shadow: 0px 5px 7px 0px rgb(0 0 0 7%); background: white; transition: 0.3s all ease;} .download-types a i {font-size: 15px; margin-right: 8px;} .excel-btn i {color: #5D9D41;} .pdf-btn i {color: #FF0000;} .excel-btn span {color: #666; font-size: 12px;} .pdf-btn span {color: #666; font-size: 12px;} .report-table {width: 100%; text-align: right;} .report-table td {padding: 10px; border-bottom: 1px solid #eaeaea; transition: 0.3s all ease;} .report-table tr:last-child td {border-bottom: none;} .report-table tr:hover td {background: white; transition: 0.3s all ease;} .report-table td:first-child {width: 80%; text-align: left;} .report_link {color: rgba(0,0,0,0.8); display: block; position: relative; padding-left: 15px;} .report_link:before {position: absolute; content: ""; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #4379D0; transition: 0.3s all ease;} .report_link:hover:before {background: #FF9102; transform: scale(1.3); transition: 0.3s all ease;}