$highlight: #8F9DB2; $original: #737f8a; $lighter1: #818c96; $lighter2: #8f98a1; $lighter3: #9da5ad; $lighter4: #aab2b9; $lighter5: #b8bfc4; html{color:$lighter4}body{color:$lighter4}p{color:#c8cfd4;font-size:1.2rem}.hero-area .block h1{line-height:1.2;font-size:2.5rem}.subsection .content-block h2,.subsection .content-block h2 p{font-size:1.5rem;font-weight:700}.letterbox{background:#000;display:flex;flex-direction:column;justify-content:center}.subsection{padding-bottom:0}.about-item{height:100%}.call-to-action:before{background:rgba(53,59,67,.88)}.call-to-action h2{color:#b8bfc4}.call-to-action p{font-size:1.2rem;color:#9da5ad}.criteria-block{padding:60px 20px;border-left:1px solid rgba(236,239,241,7%);border-top:1px solid rgba(236,239,241,7%);margin-bottom:40px;box-shadow:2px 2px 5px rgba(44,44,44,.3),13px 13px rgba(255,255,255,.7)}.criteria-block:hover{box-shadow:2px 2px 5px #8F9DB2,13px 13px #8F9DB2}.criteria-block:hover .criteria-icon{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.criteria-block .criteria-icon{margin-bottom:10px;font-size:50px}.criteria-item{height:100%}.criteria-2 .criteria-item{border:1px solid #eee;margin-bottom:30px;padding:50px 20px;transition:all .3s ease 0s}.criteria-2 .criteria-item:hover{box-shadow:0 5px 65px rgba(0,0,0,.15);-webkit-box-shadow:0 5px 65px 0 rgba(0,0,0,.15)}.criteria-2 .criteria-item:hover i{background:#fff;color:#8f9db2}.criteria-2 .criteria-item i{font-size:30px;display:inline-block;background:#8f9db2 repeat;border-radius:30px;box-shadow:0 5px 6px rgba(0,0,0,.1);color:#fff;height:55px;line-height:55px;margin-bottom:20px;width:55px;transition:all .3s ease 0s}::-moz-selection{background:#8f9db2}::selection{background:#8f9db2}a:focus,a:hover{color:#8f9db2}.btn-transparent:hover,.btn-transparent:focus{background-color:#8f9db2}.border-meghna:before{background-color:#8f9db2}.btn-main{background:#8f9db2}.title h2 span{color:#8f9db2}.header-bradcrumb a:hover{color:#8f9db2}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#8f9db2}.hero-area .block .video-button{color:#8f9db2}.about .block:hover{border-bottom:'2px solid #57cbcc'}.about-2 .content-block .media i{color:#8f9db2}.about-2 .content-block .media h4{font-weight:600;font-size:1.2rem}.form-meghna input:hover,.form-meghna textarea:hover{border-color:#8f9db2}#contact-submit{background:#8f9db2}.price-title h3{color:#8f9db2}.price-title .value{color:#8f9db2}.portfolio-filter .btn.active{border-color:#8f9db2}.portfolio-block .caption .search-icon{background:#8f9db2}.service-2 .service-item:hover i{color:#8f9db2}.service-2 .service-item i{background:'#57cbcc none repeat scroll 0 0'}.skill-bar .progress .progress-bar{background:#8f9db2}.member-photo .mask ul li a:hover{color:#8f9db2}.owl-controls .owl-page.active span,.owl-controls .owl-page:hover span{background-color:#8f9db2}.post-meta a{color:#8f9db2}.social-profile ul li a i:hover{color:#8f9db2}.comment-wrap .media .media-heading a{color:#8f9db2}.comment-reply-form input:focus,.comment-reply-form textarea:focus{border:'1px solid #57cbcc'}.social-icon ul li a:hover{background:#8f9db2}#scrollUp:hover{background-color:#8f9db2;border:'1px solid #57cbcc'}.form-control-meghna .form-control:focus{border-color:#8f9db2}.pagination .page-item .page-link:hover{background:#8f9db2;border-color:#8f9db2}.pagination .page-item.active .page-link{background:#8f9db2;border-color:#8f9db2}